<----- ini adalah button yang diseiakan oleh adobe flashnya, sedangkan jika kita ingin membuat button sendiri maka kita import gambar lalu tekan F8 seperti tutorial sebelumnya. import gambar dapat dilakukan dengan pilih menu file - import - lalu pilih import to stage atau dapat tekan tombol ctrl + R. maka hasilnya akan seperti ini.
lalu anda dapat memilih gambar sesuai keinginan anda. dan pilih dan klik open. lalu klik gambar satu kali dan convert to sybol atau tekan F8. pilih button, name terserah anda lalu tekan ok
maka gambar yang tadi anda masukkan akan menjadi button, setelah itu tampilan ada akan menjadi seperti ini:
di bagian properties terdapat instance name dan itu diisi sesuai keinginan anda dan tidak boleh ada spasi karena dalam penulisan coding action script itu CASE SENCITIVE. disini saya isi dengan "btnlanjut".
setelah itu pada frame 2 tekan F7/insert blank key frame lalu isi dengan apa yang anda ingin isi.
nah jika sudah sampai sini tinggal buat layer baru untuk penulisan script, kenpa saya buat layer baru?? supaya rapi dan satu lagi saran saya usahakan frame dan layer yang anda buat itu se-rapi mungkin, karena jika berantakan maka kalian akan sangat sulit menemukan error jika terjadi error. nah ini adalah tampilannya.
nah kalo sudah sama seperti ini pada frame 2 layer as klik satu kali dan tekan f6. maka hasilnya akan seperti ini.
nah sekarang kita akan memasukkan action scriptnya atau codingnya. pada frame 1 layer as diklik satu kali dan tekan F9 untuk memasukkan codingnya tampilannya akan seperti ini :
ini adalah codingnya :
"import flash.events.MouseEvent;
stop(); //ini agar jika program di jalankan animasinya tidak berjalan terus menerus
// ini adalah script button jika di klik akan pindah ke frame 2
btnpindah.addEventListener(MouseEvent.CLICK, pindah);
// kata "pindah ini adalah variabel baru untuk di panggil"
function pindah (event:MouseEvent):void{ //ini adalah variabel yang di panggil
gotoAndStop(2); //ini adalah jika button di klik maka akan pindah dan berhenti
//di frame 2
}"
usahakan jangan pernah mengcopy paste. agar agan-agan sekalian ngerti. di bawah ini adalah hasilnya
jika sudah, close penulisan koding ini lalu pada frame 2 layer as klik 1 kali dan tekan F9.
tulis codingnya seperti ini :
"stop();"
nah sekarang sudah siap coba tekan ctrl + enter dan rasakan hasilnya...
satu hal lagi pada button masa ngak ada efek button jika mouse kita dekatin nah ini caranya.
double klik pada button dan tampilannya akan seperti ini:
nah pada frame over klik F6 lalu tekan "Q" dan perbesar sedikit saja seperti gambar di bawah :
setelah itu pada frame pertama/ up klik kanan lalu pilih copy frame
dan paste-kan di frame down
maka hasilnya akan seperti ini :
nah selesai sudah dalam pmbuatan button agar lebih menarik. jika ingin kembali ke scene awal tinggal klik ini saja.
setelah itu test movie atau tekan ctrl + enter maka selesai sudah.
download file : untitled-fla
Tidak ada komentar:
Posting Komentar