PERTEMUAN III

PERANCANGAN TOMBOL / ICON

TUGAS

Merancang sebuah tombol dengan teks dan tombol dengan icon.

LANGKAH KERJA

Software yang digunakan: Adobe Flash CS4 Professinal

Langkah-langkah:
1. Buat dua jenis tombol berikut.

2. Buka file dokumen Flash (ActionScript 3.0) baru.

3. Klik Rectangle Tool pada panel Tools untuk membuat persegi panjang.
4. Ubah Rectangle Corner Radius pada Rectangle Option yang ada pada panel Properties
menjadi 20.
5. Klik dan drag pointer mouse pada Stage untuk menggambar objek persegi panjang
dengan sudut bundar.

6. Tambahkan teks ke Stage dengan menggunakan Text Tool dan ubah Text Type
menjadi Static Text pada panel Properties.

7. Blok ke dua objek tersebut, kemudian klik kanan dan pilih Convert to Symbol dengan
Type Button.
8. Kedua objek tersebut telah menjadi tombol, klik dua kali untuk melihat framenya.

9. Pada panel Timeline akan terlihat empat frame yang akan mempengaruhi event pada
tombol.
10. Klik kanan pada frame Over dan pilih Insert Keyframe untuk menambahkan event
pada saat tombol disentuh.
11. Klik dua kali objek persegi panjang bundar tersebut untuk membuka objek yang telah
di-group.
12. Klik dan ubah warna latar objek persegi panjang bundar tersebut pada panel
Properties.

13. Klik dua kali pada Stage kosong untuk kembali ke tampilan awal (scene 1).
14. Tekan Ctrl+Enter untuk menjalankan movie.
15. Ikuti langkah (10) untuk frame lainnya pada button tersebut.
16. Untuk menggantikan teks dengan icon, copy salah satu symbol dari MS. Word dan
paste-kan ke dalam tombol dengan menggantikan teks SUBMIT.
17. Misalkan symbol yang diambil dari font Wingdings.
18. Ubah jenis Family (Character) di panel Properties menjadi Wingdings.

19. Ubah teks pada setiap frame pada tombol dengan symbol dan tekan Ctrl+Enter untuk
menjalankan movie.
20. Icon juga bisa di buat sendiri atau di-import dari gambar.

== Selamat Belajar ==