Membuat tombol
Tombol merupakan salah satu elemen penting dalam multimedia interaktif, untuk itu Flash secara khusus memiliki symbol bertipe button. Berbeda dengan symbol bertipe movieclip yang memiliki timeline seperti timeline pada stage, tombol hanya memiliki 4 buah frame yaitu frame Up, Over, Down dan Hit.
Gambar 142. Timeline symbol bertipe button.
Up adalah kondisi ketika tombol normal, tidak mengalami aktifitas apapun. Over adalah kondisi ketika mouse melintas di atas area tombol. Down adalah kondisi ketika mouse menekan tombol, dan Hit adalah area yang menjadi deteksi atau sensor dari tombol. Untuk lebih jelasnya perhatikan langkah-langkah berikut :
1. Buatlah sebuah file baru. Selanjutnya dengan menggunakan Rectangle tool buatlah sebuah kotak dengan sudut lengkung (Rounded rectangle). Untuk melakukannya atur properties Rectangle option
Gambar 143. Rounded rectangle.
2. Selanjutnya klik teks tool, pada panel properties pastikan text engine adalah Classic Text dan text type adalah Static Text. Kemudian klik di atas kotak dan ketikkan kata “tombol”.
Gambar 144. Menambahkan teks pada tombol
3. Seleksi kotak dan teks tombol tersebut, kemudian Convert to Symbol menjadi button dengan nama “tombol”.
4. Dobel klik button “tombol” untuk memasuki mode edit. Kemudian klik kanan frame Over dan pilih Insert Keyframe. Selanjutnya ubah warna kotak dan warna teks (bedakan dengan warna pada frame Up).
5. Klik kanan frame Down dan pilih Insert Keyframe. Selanjutnya ubah kembali warna kotak dan warna teks.
6. Klik kanan frame Hit dan pilih Insert Keyframe. Untuk frame Hit tidak perlu dilakukan perubahan apapun, karena hanya digunakan sebagai sensor. Bahkan pada contoh ini tanpa frame Hit pun area akan dihitung berdasarkan frame sebelumnya.
Gambar 145. Pengaturan keyframe button “tombol”
7. Jalankan aplikasi dengan menekan Ctrl+Enter. Coba gerakkan mouse ke atas tombol dan klik tombol tersebut, maka akan terjadi perubahan warna sesuai dengan pengaturan frame yang telah dilakukan.
Thanks for reading Membuat tombol. Please share...!
.png)


