Dasar-Dasar Membuat Tombol Button Dengan Flash

          Button adalah salah satu type dari symbol. Button digunakan untuk membuat tombol di flash. Dengan dijadikannya suatu objek menjadi button maka selain objek tersebut menjadi tombol, objek tersebut juga dapat menggunakan beberapa fasilitas dari flash seperti animasi tweenmaskingguide dan juga kita dapat memberikan actionscript pada objek tersebut. Di bawah ini kita akan mempelajari cara dasar membuat tombol. Melalui cara dasar ini anda dapat berkreasi untuk membuat tombol yang bagus dan keren.

1.     Buatlah sebuah flash document.
2.     Buatlah sebuah lingkaran seperti gambar dibawah ini:

Lingkaran berwarna merah

3.     Seleksi lingkaran tersebut kemudian tekan F8 pada keyboard atau bisa juga melalui
         Modify>Convert to Symbol…
4.     Pada kotak dialog yang muncul pilih Button sebagai Typenya seperti gambar dibawah ini :
 
5.     Ubah Name pada kotak dialog tersebut jika diperlukan, kalau sudah selesai tekan OK
         maka lingkaran yang anda buat tadi sudah berubah menjadi sebuah Symbol bertype Button.
6.     Klik dua kali Button tadi maka anda akan masuk ke stage button.
7.    Anda akan melihat jendela Timeline seperti gambar dibawah ini :

Up       : tampilan utama button
Over   : tampilan button ketika kursor mouse berada diatas button
Down : tampilan button ketika kursor mouse menekan button
Hit      : luas daerah aktif button

8.      Pilih bagian Over, kemudian tekan F6 pada keyboard. Ubah warna lingkaran menjadi lebih muda
9.      Pilih bagian Down, kemudian tekan F6 pada keyboard. Ubah warna lingkaran menjadi lebih tua
10.   Jika anda ingin daerah aktif button menjadi lebih luas, pilih bagian Hit kemudian tekan F6 pada
         keyboard. Buatlah lingkaran yang ada menjadi lebih besar.
11.   Kalau sudah selesai, klik tombol scene pada timeline atau bisa juga tekan CTRL+E pada keyboard.
12.  Terakhir test movie dengan menekan CTRL+ENTER.
 
Sourcenya dapat didownload disini

Posted on 3 Juni, 2011, in Animasi. Bookmark the permalink. Tinggalkan komentar.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: