yak..ini postingan pertama saya tentang tutorial-tutorial-an..udah dari dulu saya kepingin bikin tutorial,,sekedar membagi ilmu silat saya ataupun ilmu kebatinan saya yang lain..akan tetapi aga aneh kalo saya bikin blog yang isinya jurus jurus ilmu silat ataupun ilmu-ilmu kebatinan.. ntar disangkanya saya pendekar kapak naga geni 212 lagi hehe... ahh ngacoo ga nyambbungg..daripada ngaco dan ga nyambung mending saya bikin tutorial tentang desain meskipun pas pas-an semoga ilmu saya bisa membantu..sip oke langsung aja...kali ini saya akan membahas tentang cara membuat sebuah tombol animatif pada banner web ataupun pada multimedia yang dibuat dengan flash..software yang saya gunakan adalah adobe flash cs 3 and here the Tutorials..
1. bikin lembar baru dengan ukuran bebas terserah kawan..kalo saya bikinnya pake ukuran default dari flash aja.. bikin frame ratenya menjadi 36 fps (fungsi ini agar gerakan menjadi lebih halus)
2. Buat sebuah objek pesegi panjang, lalu ubah pesegi panjang tersebut menjadi movie clip dan beri nama home_mc
3. Buat objek baru di dalam movie clip tersebut , ubah menjadi button, dan posisikan button tersebut dengan objek persegi yang sebelumnya di buat, beri nama button tersebut dengan nama tombol
4. Sekarang saatnya buat animasi untuk tombolnya.. masih di dalam movie clip home_mc buatlah kota kotak kecil yang menutupi persegi panjang yang telah dibuat sebelumnya..(kotak kotak kecil tersebut buat dalam layer yang berbeda, misalkan jika kotak kotak kecil tersebut ada 15 maka buat 15 layer untuk kotak kotak kecil tersebut)
5. Buat sampai menutupi seluruh persegi panjang tersebut
6. Animasikan kotak kotak kecil tersebut, create motion tween tiap tiap layer dengan arah yang berbeda (menjauhi persegi) sehingga animasi menjadi seperti kotak yang pecah, buat panjang motion tween sebanyak 30 frame dan jangan lupa di akhir tiap tiap motion buat tranparansi kotak menjadi 30%
7. Buat motion tween lagi dari frame 30 sampai frame 60 copi framepaling awal dan pastekan di frame 60 ..hal ini dimaksudkan mengembalkan posisi kotak ke posisi semula
8. Pastekan frame di frame 60
9. Selesai.. sekarang tahap akhir.. yaitu membuat script untuk tombol dan untuk movie clip
10. Masih di dalam home_mc buatlah sebuah layer baruberi nama script
11. Isikan Script pada frame 1
stop();
tombol.onRollOver = function() {
gotoAndPlay(2);
status = "over";
};
tombol.onRollOut = function() {
play();
status = "out";
};
12. Pada frame ke 30 insert keyframe kemudian isikan script
if (status == "over") {
stop();
} else {
play()
13. Oke.. tombol udah jadi..tinggal copi saja jika kamu pengen nambah tombol
14. Enjoy
source : eneloo
0 komentar:
Posting Komentar