Pages - Menu

Membuat Animasi Ikan Bergerak Mengikuti Kursor di Adobe Flash


Pada kesempatan kali ini, saya akan berbagi tutorial Adobe Flash, cara membuat animasi Ikan bergerak mengikuti kursor di Adobe Flash. Langsung saja...........


1. Pertama buka aplikasi Adobe Flash (disini saya menggunakan Adobe Flash CS4) :


2. Pilih ActionScript 2.0 :


3. Lalu akan muncul tampilan seperti ini :


4. Selanjutnya buat gambar ikan pada layer pertama seperti berikut atau bisa disesuaikan dengan yang anda inginkan :


5. Lalu blok gambar ikan tersebut dan tekan tombol F8 pada keyboard, kemudian ganti namanya apa saja, misalkan "Ikan" dan pilih Movie Clip, dan  juga pilih registrasinya ditengah, (lihat yang ditandai dengan warna merah) lalu klik OK ! :


6. Setelah itu gambar sudah menjadi Movie Clip, seperti berikut :


7. Pilih atau klik gambar ikan tersebut, lalu tekan tombol F9 pada keyboard, kemudian masukkan script berikut :

onClipEvent (load) {
            Mouse.hide();
            skalaX = _xscale;
            perlambatan = 15;
}
onClipEvent (enterFrame) {
            if (_xmouse--) {
                        this.gotoAndPlay(1);
            } else if (_xmouse++) {
                        this.gotoAndPlay(2);
            }
            if (_root._xmouse>_x) {
                        _xscale = -skalaX;
            } else {
                        _xscale = skalaX;
            }
            _x = _x+(_root._xmouse-_x)/perlambatan;
            _y = _y+(_root._ymouse-_y)/perlambatan;
}


8. Sekarang warnai background dengan warna biru (warna air laut) atau dengan gambar lain sesuai selera anda, namun jika background ingin berupa gambar, maka letakkan pada layer kedua, dengan membuat layer baru :


9. Animasi pun telah selesai dibuat, untuk melihat hasilnya silahkan tekan Ctrl+Enter dan gerakkan kursornya, ikan pun akan mengikuti arah gerak kursor tersebut. Jika anda sudah lebih paham dengan Adobe Flash dan sudah lebih mengerti akan action script, anda bisa memodifikasi atau mengkreasikannya dengan kreasi dan selera anda sendiri.

Hasilnya :

1 komentar:

Berikan Komentar yang Baik dan Bijaksana