Kamis, 21 Januari 2010

Tutorial Membuat Button pada Flash CS3

1. mari kita buat dokumen baru, di sini saya buat ukuran 550x400px frame rate 12 .. saya beri nama “babonic page”.











2. tekan “T” untuk mengaktifkan tools text, kemudian ketik “babonic page”. kemudian ketik kembali “home” dengan posisi masih di layer 1 dan frame 1 juga.











3. klik kanan pada text “home” lalu pilih Convert to Symbol isi name home_button, dengan type Button. klik OK






4. double klik pada text home yang sudah menjadi button. sehingga tampilan pada layar akan seperti gbr berikut. pada tampilan layer akan muncul up, over, down dan hit










5. klik kanan pada frame over di layer 1 kemudian pilih insert keyframe atau cukup klik over lalu tekan f6. kemudian klik text home lalu geser kekanan dan kebawah dengan maksud memberikan efek ditekan ketika kursor melewati button home.










6. double klik diluar bidang maka kita akan keluar dari edit button kembali ke scene 1 atau tampilan awal. kemudian kita bikin button baru bernama “profil” dengan cara yang sama seperti kita bikin button “home” diatas. kita beri nama profile_button.









7. selanjutnya klik new layer dan beri nama action. disini kita akan memberikan script.















8. klik pada layer action di frame pertama lalu tekan action atau tekan f9 untuk memberikan action isi atau ketik stop();












9. masih pada layer action dan frame yang sama kita bikin isi home. disini saya hanya mengetik “ini isi home saya”













10. drag pada masing2 frame ke dua untuk memberi keyframe.












11. berikan action stop(); pada layer action di frame ke 2 kemudian ganti text “ini isi home saya” menjadi “ini isi profile saya” lalu ganti pula text “babonic page” menjadi “babonic profile”.











12. sekarang kita berikan action bagi setiap buttonnya. dimulai dari button home. klik button home pada layer 1 frame 1, kemudian tekan f9 untuk mengisi di kolom action dan isi dengan mengetik

on(release){
gotoAndPlay(1)
stop();
}

action ini bermaksud setiap kita mengklik button home kita akan menuju frame 1 yakni frame home berada.



13. kemudian button profile. klik button profile pada layer 1 frame 1, kemudian tekan f9 untuk mengisi di kolom action dan isi dengan mengetik

on(release){
gotoAndPlay(2)
stop();
}

action ini bermaksud setiap kita mengklik button profile kita akan menuju frame 2
yakni frame profile berada.



14. Ctrl + Enter ... Selamat mencoba !!




















































3 comments:

Anonim mengatakan...

thanks blader...
tinggal dicoba neh !!

Anonim mengatakan...

Halo. :) Pas saya cek "Referrers" di blog saya saya menemukan "Referrers" dari blog ini. Jadi lah kunjungan ke sini. :D
Tutorial yang bagus, coba kalau gambarnya lebih besar lagi agar lebih gampang di baca. :)

knee mengatakan...

bisa kasi tau ga caranya button yg lompat ke scene yang lain ga..?? please..
error muulu neh.. thanx..

Posting Komentar

Check out 99designs for Logo Design
 
babonicrepublic Copyright © 2009