31 Desember 2010

Animasi Motion Guide di Flash

Animasi motion guide adalah animasi dimana objeknya bergerak mengikuti alur yang telah kita buat. Kalo motion tween mah animasinya lurus, nah kalo motion guide bisa kita atur arahnya.

Contoh animasinya...





Langsung mulai aja. Buka Macromedia/Adobe Flash, versi berapa aja. Lalu buat sebuah lembar kerja baru. Sekedar info, saya menggunakan Macromedia Flash 8 yang berjalan di Ubuntu 10.10 dengan bantuan Wine 1.2.1.

Import sebuah gambar ke dalam stage. Gambarnya bebas boleh apa saja, asal sopan :)
gambar apa saja, kalo saya mah gambar mobil
Ubah gambar yang kita buat menjadi MovieClip dengan klik kanan - Convert to Symbol, lalu pilih MovieClip seperti gambar di bawah ini...

klik OK kalo udah...
Perbesar/perkecil gambar sesuai dengan yang diinginkan dengan menggunakan Free Transform Tool (atau tekan shotcutnya, yaitu Q)
Buat motion guide dengan klik tombol Add Motion Guide seperti di bawah ini
dengan menggunakan pencil tool, buat sebuah garis melengkung yang tidak putus dan tidak menyilang,, boleh seperti gambar di bawah ini, boleh bentuk yang lain....
Geser gambar milik kita ke garis awal motion guide,, nah, ini hal yang cukup penting, ketika kita akan menggeser gambarnya, di tengah tengah gambar terdapat bulatan kecil, bulatan kecil itu harus tepat mengenai awal garis kita...
bulatan kecil tepat mengenai awal garis

Selanjutnya panjangkan frame guide, dan buat sebuah key frame baru pada frma mobilnya...
insert frame

insert keyframe

pada frame terakhir mobil, geser mobil di titik akhir garis, ingat bulatan kecilnya harus pas...


Buat animasi motion tween pada layer mobilnya... (untuk CS4 ke atas, pilih Create Classic Tween)

Pada panel properties yang ada di bawah, check Orient to Path agar mobilnya mau berputar sesuai garis...


Nah, beres,, silahkan tekan CTRL+ENTER untuk mencoba melihat hasilnya....
selamat bereksplorasi.

Download File Sumber

2 komentar:

  1. Kalau mau lintasannya terlihat. Caranya gimn????

    BalasHapus
  2. bikin layer normal diatasnya,, trus copy lintasannya ke layer baru itu... ;)

    BalasHapus

silahkan komentarnya ... tapi yang lebih dari sebulan, harus saya moderasi dulu ya,, biar gak kelewat... :)