The Techno World: Introduction to Button Symbol in Flash

Untuk membuat tombol navigasi (pengarah/control) di dalam movie, digunakanlah symbol Button. Dalam symbol button terdapat 4 buah state atau frame, yaitu :

Up, untuk mengatur keadaan awal tombol.
Over, untuk mengatur keadaan tombol ketika pointer mouse melewati atau berada di atas tombol.
Down, untuk mengatur keadaan tombol ketika ada penekanan tombol dengan pointer mouse.
Hit, untuk menentukan area tombol yang bisa di-klik dengan pointer mouse.

Agar lebih jelas mengenai empat buah state yang terdapat dalam symbol button tersebut, maka lakukan langkah-langkah berikut ini :

Klik Rectangle Tool kemudian pada bagian Option di bawahnya pilih Set Corner Radius (Perhatikan gambar).

Kemudian akan keluar Rectangle Settings, isikan 30 pada bagian Corner Radius karena kita akan mengambar persegi panjang dengan sudut tumpul sebesar 30 derajat. Klik OK kalau sudah selesai.

Gambarlah persegi panjang (persegi panjang telah memiliki sudut tumpul 30 derajat) dengan warna gradasi, kemudian dengan menggunakan Text Tool berikan teks diatasnya (misalnya : START). Tulisan START tersebut berwarna hitam.

Aktifkan atau blok semua gambar yang ada dengan menu Edit - Select All atau Ctrl+A, kemudian ubah menjadi symbol button dengan menekan F8 atau melalui menu Modify - Convert to Symbol dengan type : Button. Beri nama symbol : tombol1.

Double klik pada symbol tombol1 untuk masuk ke dalam jendela pengeditan tombol1. Perhatikan pada timeline terdapat empat buah frame, yaitu up, over, down dan hit.

Pada frame over, berikan keyframe. Aktifkan teks dan ubah warnanya menjadi merah.

Pada frame down, berikan keyframe juga. Aktifkan teks dan ubah warnanya menjadi biru.

Klik menu Edit - Edit Document atau klik Scene 1 untuk kembali ke movie utama.

Jalankan movie, pilih menu Control - Test Movie atau tekan tombol Ctrl+Enter.

Coba arahkan pointer mouse ke atas tombol lalu tekan tombol tersebut. Warna dari tulisan START akan terlihat berganti pada saat pointer mouse berada di atas tombol dan pada saat tombol tersebut ditekan. Untuk contoh lengkapnya dapat diambil disini.

Tombol dari Library Flash

Symbol button di flash selain dapat kita buat sendiri dengan menggunakan pilihan Convert to Symbol - Button, juga disediakan beberapa tombol jadi oleh flash. Letaknya (untuk Macromedia Flash 8) adalah di dalam menu Window - Common Libraries - Buttons.

Pada panel Library Buttons, kita dapat memilih berbagai macam button yang sudah disediakan oleh flash. Untuk membuka dan melihat berbagai macam tombol yang ada, double klik pada tanda folder (lihat pada gambar) maka jenis-jenis tombol yang terdapat di dalamnya akan terlihat.

Untuk memasukkan tombol ke dalam stage, caranya adalah cukup tarik (drag) ke dalam stage jenis tombol yang diinginkan. Perhatikan gambar :

PERHATIAN : Symbol button (tombol) yang ditarik (drag) harus mempunyai button icon sebagai berikut :

Dalam gambar di atas, symbol button yang dimasukkan mempunyai teks Enter di atasnya. Untuk mengubah tulisan Enter tersebut caranya ialah double klik pada symbol button sehingga nampak tampilan timeline dan stage seperti gambar berikut ini :

Dengan menggunakan selection tool, klik pada Layer Text frame Up kemudian ubah (edit) teks Enter menjadi START, setelah itu klik juga pada Layer Text frame Down dan ubahlah teks menjadi START sehingga bentuk tombol sekarang menjadi seperti contoh berikut ini :

Silakan anda coba sendiri untuk jenis-jenis tombol yang selanjutnya...!!!

Referensi :