Tutorial Adobe Flash | Belajar Flash Animasi Multimedia

NAVIGASI MENU :
TUTORIAL > FLASH

Mengenal Animasi Efek Twirl

Publish: 9 Februari 2013 | Author & Copyright: Irman Maulana | Status: FREE tutorial

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.
setting properties

gambar: setting ukuran stage

3. Buat sebuah bentuk seperti gambar di bawah ini:
blade

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
blade 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 , Download Disini

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

Share URL

Share the URL of this Tutorial in IM, Email or post in forums

http://www.ilmugrafis.com/flash.php?page=mengenal-animasi-efek-twirl

* Klik Link, copy (ctrl + c) dan paste (ctrl + v)

<> Info dan Kontak Penulis
Tentang penulis:
Irman Maulana lahir di Sukabumi, 27 september 1989. Kini sedang melanjutkan studi di AMIK BSI Sukabumi. Mengenal dunia komputer sejak duduk di bangku smp kelas 1. Hobi maen musik dan foto-foto.

Motto: Sebarkanlah ilmu walau hanya satu kata.
Email : ryuur3i@gmail.com
Facebook : irman.rightway
Website : http://www.bengkelflash.com

Rekomendasi ilmugrafis

Jasa Desain Grafis Terpercaya
Dapatkan jasa desain grafis berkualitas dari team ilmugrafis

Supported by ilmugrafis indonesia

Kembali Ke Atas