Flash Tutorial

(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.
Ciptakan sebuah document

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

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

Dan tulis tulisan  seperti pada gambar di atas dan kemudian tekan F8, atur convert to symbol
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.
color yaitu Advanced

Dan klik setting kemudian atur  seperti pada gambar
klik setting

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.
Buat layar 2

library

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.
Invisible button

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
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

Sumber dari situs Ilmu Website dalam kategori flash dengan judul Membuat Flash Icon Animasi

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: