Mengenal Animasi Efek Twirl Pada Macromedia Dan Adobe Flash

Mengenal Animasi Efek Twirl

Halo sobat IG, kali ini saya akan membahas tutorial yang  berhubungan dengan animasi efek. Selain mengandalkan frame dan motion tween, animasi ternyata dapat juga dibuat dengan menggunakan action script.  Keunggulan animasi dengan actionscript adalah flash akan menghasilkan ukuran file movie yang lebih kecil dibanding animasi dengan menggunakan tween.

Untuk lebih jelasnya, ikuti langkah Membuat Animasi Twirl di bawah ini:

1. Buka Program Flash, Buat file flash baru - Flash Document (ActionScript 2.0).

2. Pada bagian Properties, ubah ukuran dokumen menjadi 550 x 100 px.

gambar: setting ukuran stage

3. Buat sebuah bentuk seperti gambar di bawah ini:

gambar : blade

4. Tentukan / Transform ukuran gambar di atas menjadi 25x80px.

5. Convert gambar tersebut menjadi movieclip dengan cara klik kanan pada objek > pilih Convert to Symbol.

6. Beri nama “blade”, untuk type pilih movieclip. Pada bagian Registration, ubah titik nya menjadi di bawah. (Lihat gambar)

gambar: convert to symbol

7. Klik movieclip “blade”. Buka panel propertise, pada kolom instance name beri nama “blade”

8. Dengan movieclip yang masih terseleksi, buka panel action lalu masukan script berikut:

onClipEvent(enterFrame) {                 this._rotation +=5; }

9. Letakan movieclip “blade” berada di  sebelah kiri Stage

gambar: blade di stage

10. Terakhir, pada frame 1  ketikan script berikut:

//menggandakan movieclip blade dan mengatur posisi x, alpha dan rotasi for (i=0; i<=550; i=i+10) {                 duplicateMovieClip(_root.blade, "blade"+i, i);                 setProperty("_root.blade"+i, _x, i);                 setProperty("_root.blade"+i, _alpha, i/550*100);                 setProperty("_root.blade"+i, _rotation, i);                 _root.blade._visible=0;}

11. Jalankan movie dengan menekan tombol Ctrl+Enter

Mudahkan! Anda bisa berkreasi dengan merubah bentuk objek atau merubah nilai pada perulangan for sehingga menghasilkan animasi yang anda inginkan.

Bagi para Grafiser yang ingin mengutak atik sourcenya bisa mendownload file hasil jadi dari tutorial ini ,

Terus berkreasi dan gali potensi diri, Semoga Tutorial Animasi Twirl di atas bermanfaat bagi anda semua. Tutorial Terkait Lainnya: tutorial game tangkap nyamuk. Terima kasih, IG - Semoga Bermanfaat