Tutorial Flash Icon Animasi

(Arahkan pointer mouse anda ke gambar di atas ini).

Di pembahasan kali ini saya akan membuat sebuah tampilan flash icon, apabila di dekatkan ke sebuah icon kemudian icon tersebut akan memberikan aksi. Di sini kita menggunakan gambar dan kemudian gambar tersebut kita buat movie. Anda dapat mengikuti step-step di bawah ini, jangan anda lewatkan satu step saja karena akan mengalami kesalahan dan hasil flashnya tidak berjalan.

A. Step 1
Ciptakan sebuah document dan kemudian atur setting dengan cara menekan CTRL J.

B. Step 2
Buat 3 buah layar dengan nama masing-masing layar AS, InvisibleButton, icon.

C. Step 3
Kemudian klik File>Insert>Import to library, dan pindahkan gambar dari library ke stage.

Dan tulis tulisan seperti pada gambar di atas dan kemudian tekan F8, atur convert to symbol

D. Step 3
Seleksi gambar kemudian klik 2 kali dan dan klik pada frame ke dua klik kanan kemudian pilih insert key frame. Dan kemudian klik pada frame ke 10 kemudian pilih gambar dan pilih jenis color yaitu Advanced.

Dan klik setting kemudian atur seperti pada gambar

Kemudian klik ok dan klik di tengah frame antara frame 2 dan frame 10 dan kemudian klik kanan dan pilih motion.

E. Step 5
Buat layar 2 dan kemudian ambil gambar yang berada di library dan masukkan ke stage. Atur letak dari tulisan tersebut sehingga dapat membentuk.

F. Step 6
Klik pada layar AS dan klik pada frame 1 kemudian tekan F9 dan tuliskan action acript di bawah ini :
_root.icon.onEnterFrame = function() {
if (mouse_over_icon) {
_root.icon.nextFrame();
} else {
_root.icon.prevFrame();
}
};

G. Step 7
Klik pada layar Invisible button kemudian ambil gambar Invisible button yang ada di library dan masukkan ke stage.

F. Step 8
Klik Invisible button yang ada di stage kemudian tekan F9 kemudian tulis scrip di bawah ini :
on (rollOver) {
_root.mouse_over_icon = true;
}
on (rollOut) {
_root.mouse_over_icon = fstartlse;
}
on (release){
getURL("http://www.ilmuwebsite.com/", "blank");
}
Kemudian jalankan dengan cara CTRL + ENTER

Hasilnya:

(Arahkan pointer mouse anda ke gambar di atas ini).

Download .fla ==> http://www.unair.info/flash/membuat-flash-icon-animasi/flashicon.fla