Ing Ngarso Sung Tulodho, Ing Madyo Mangun Karso, Tut Wuri Handayani

Kamis, 12 Januari 2012

Membuat Tombol Sederhana 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 tween, masking, guide 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 klik kanan > Convert to Siymbol atau 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 :
Button sebagai Type

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 atau klik kanan > Edit In Place maka anda akan masuk ke stage button.
7. Anda akan melihat jendela Timeline seperti gambar dibawah ini :
Gambar Timeline

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 klik kanan > Insert Key Frame atau tekan F6 pada keyboard. Ubah warna lingkaran menjadi lebih muda
9. Pilih bagian Down, kemudian klik kanan > Insert Key Frame atau tekan F6 pada keyboard. Ubah warna lingkaran menjadi lebih tua
10. Jika anda ingin daerah aktif button menjadi lebih luas, pilih bagian Hit kemudian klik kanan > Insert Key Frame 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.

Catatan:
Tombol yang bagian Hit-nya diisi dengan lingkaran yang lebih besar sehingga daerah aktif tombol menjadi luas

Tutorial dapat anda download disini

blog comments powered by Disqus

DAFTAR ISI






Mau tau cara buat kotak daftar isi blog kayak diatas?
KLIK DISINI

  © Blogger templates ProBlogger Template by Ourblogtemplates.com 2008

Back to TOP