March 5, 2009

[http://sinauflash.blogspot.com]

MEMBUAT TOMBOL NAVIGASI SEDERHANA Pada tutorial kali ini kita akan membahas mengenai bagaimana membuat tombol navigasi, ngerti kan apa itu tombol navigasi? Tombol navigasi itu berfungsi agar pengguna dapat berinteraksi dengan movie flash yang kita buat. Misalkan mereka ingin pergi kebagian tertentu, kita sebagai pembuat telah menyediakan navigasi yang berupa tombol untuk mereka klik. Langsung saja yah. 1. Buka program flash tentunya, setelah itu buat file baru dengan properties tertentu, saya pakai ukuran 800x600. 2. Pada frame 1 buat teks dengan Teks Tool dan propertisnya teks statis bertuliskan Home.

Frame 1

Properties teks statis

3. Klik frame 1, kemudian ganti Frame label dengan home setelah itu tekan Enter.

Ganti Frame label dengan home

March 5, 2009

[http://sinauflash.blogspot.com]

4. Klik kanan frame 10 pilih Insert Blank Keyframe, kemudian buat teks statis Materi. Klik lagi frame 10 dan ganti Frame label dengan materi dan tekan Enter.
Buat blank keyframe pada frame 10

Properties teks statis

5. Buat lagi seperti langkah no. 4 diatas pada frame 20 dengan teks statis bertuliskan Latihan dan Frame label diganti dengan latihan, kemudian pada frame 30 dengan teks statis bertuliskan Contoh dan Frame label diganti dengan contoh. 6. Buat layer baru dan beri nama layer dengan nama tutup dengan cara klik dua kali pada tulisan Layer 2. Kemudian klik frame satu layer tutup dan buat teks statis Tutup.

Pada frame 1 buat teks statis tutup Klik untuk buat layer baru

March 5, 2009

[http://sinauflash.blogspot.com]

7. Kemudian klik kanan pada tulisan Tutup pilih Convert to Symbol pilih type button dan beri nama tutup_btn dan klik ok.

8. Buat layer baru lagi dan beri nama tombol. 9. Klik pada frame satu layer tombol kemudian import tobol dari panel Component. Caranya adalah dengan klik Windows kemudian pilih components. Dari panel Componens pilih User interface kemudian pilih button. Kemudian drag(klik tanpa dilepaskan) dan geser kedalam stage.

10. Kemudian tutup panel Components dan rubah Instance name dari keempat button tersebut masing masing home_btn, materi_btn, latihan_btn, contoh_btn dan lebelnya masing masing home, materi, latihan, contoh dengan cara klik satu persatu dan merubahnya pada panel parameters.

Instance name dirubah dengan nama home_btn

Label dirubah dengan nama home

March 5, 2009

[http://sinauflash.blogspot.com]

11. Buat layer baru lagi dan rubah namanya skrip, klik pada frame pertama dan buka jendela Actions kemudian masukan Action Script di bawah ini : stop() home_btn.onPress = function(){ gotoAndStop("home"); } materi_btn.onPress = function(){ gotoAndStop("materi"); } latihan_btn.onPress = function(){ gotoAndStop("latihan"); } contoh_btn.onPress = function(){ gotoAndStop("contoh"); } 12. Kemudian klik kanan tombol tutup dan pilih Actions dan masukan Action Script di bawah ini : on(release){ fscommand("quit","true"); } 13. Langkah terakhir adalah menyimpan dokumen, beri nama Tombol navigasi. 14. Kemudian Klik Ctrl+Enter. Dan lihat hasilnya pada tempat dimana kita menyimpannya, selesai.