Membuat animasi icon dengan Flash

Friday, May 09, 2008

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