Cara Membuat Tombol Navigasi Menggunakan Software Adobe Flash CS5

Disini saya akan sedikit jelasin gimana caranya buat tombol navigasi menggunakan software adobe flash cs5.

Gimana sih caranya ??

Berikut tutorialnya.. teettt tooottttt.......

1.           Pertama buka software Adobe Flash CS5 anda.

2.          Kemudian akan muncul jendela seperti gambar di bawah. Pilih ActionScript 3.0

3.           Setelah itu pilih Oval Tool yang telah tersedia pada Tool Box.

4.           Lalu anda silahkan anda buat ato gambar model tombol yang anda inginkan. Contohnya seperti gambar di bawah.. Setelah selesai menggambar model tombol, anda pilih Selection Tool pada Tool Box dan anda seleksi seluruh bagian Tombol.

5.           Setelah anda seleksi, klik kanan > Convert to Symbol

6.           hingga muncul jendela seperti gambar di bawah.. Kemudian anda ketikkan nama tombol tersebut lalu ganti type Symbol menjadi Button > ok.

 

7.        Sesudah anda klik ok.. pada properties akan muncul kolom instance name. Nah, isikan nama tombol tersebut.

Pengisian nama dalam kolom instance name ini sangat penting, karena instance name ini akan mempermudah ActionsScript code untuk menterjemahkannya apabila nanti tombol ini dimasukkan kedalam kode snippet. Besar kecil huruf mempengaruhi dalam penerjemahan.

8.           Kemudian Double klik pada tombol yang sudah anda Convert to Symbol tadi.

9.          Setelah anda double klik pasti akan muncul halaman baru layer baru. Pada layer tersebut terdapat empat komponen Button Animations. Komponen itu terdiri dari Up, Over, Down, dan Hit. Apa perbedaan dari masing-masing komponen??

a.        Up              : Merupakan kondisi button ketika dibiarkan.

b.        Over           : Merupakan kondisi button ketika kursor diarahkan pada button/tombol.

c.        Down         : Merupakan kondisi button ketika diklik.

d.        Hit              : Merupakan kondisi button ketika dikembalikan pada kondiri semula.

10.          Pada frame Over, klik kanan > Insert Keyframe.

Ubah model Button agar ketika kursor diarahkan akan terjadi perubahan pada buton anda. Contohnya seperti gambar di bawah:

11.           Lanjut pada Frame Down... klik kanan > Insert Keyframe. Kembalikan model button seperti semula. Nah,, apabila anda menginginkan munculnya suara ketika button diklik caranya import audio dengan File > Import > Import to Library. Setelah audio anda import,, tetap pada frame Down.. drag audio yang telah anda import ke button yang ada pada frame down tadi. 

12.          Setelah itu.. kembali pada Scene 1. Untuk melihat hasilnya silahkan tekan Ctrl+Enter.

13.           Nah.. selesai deh.. Mudah kan?? Jangan lupa di save. Udah tau kan cara savenya?? File > Save.

Nah Sekian Dulu Ya??

Kapan-kapan lagi.. Terimakasih udah mau membacanya.

Kalo pengen tanya-tanya silahkan.. gapapa..