Animasi Motion Guide dengan Movieclip Kompleks
Dalam beberapa kasus diperlukan animasi yang lebih komplek, misalnya membuat animasi mobil yang melintasi sebuah bukit. Bagi animator profesional hal ini terdengar mudah, namun bagi pemula akan sulit sekali memulai pembuatan animasi tersebut. Mobil sendiri memiliki beberapa roda yang ikut bergerak bersama mobil. Tantangan seperti ini yang harus diselesaikan secara bertahap. Perhatikan contoh berikut :
1. Buatlah sebuah file baru. Selanjutnya klik menu File > Import > Import to Library kemudian pilihlah 3 buah gambar (ada di dalam file sumber) yaitu body_mobil.png, roda.png dan bukit.png. Pemilihan file bertipe PNG dikarenakan file tersebut mendukung mode transparan.
Gambar 87. Import to Library
2. Setelah semua objek gambar muncul di Library, drag body_mobil.png dan bukit.png ke Stage. Selanjutnya seleksi semuanya kemudian klik kanan dan pilih Distribute to Layers. Dengan opsi tersebut, masing-masing objek akan dibuatkan layer masing-masing. (perlu diingat bahwa dalam animasi motion, 1 buah objek membutuhkan 1 keyframe khusus, sehingga dalam hal ini 1 objek membutuhkan 1 layer khusus)
Gambar 88. Distribute to Layers
3. Kemudian atur posisi body-mobil dan bukit seperti tampak pada gambar.
Gambar 89. Pengaturan Objek
4. Klik kanan frame 100 layer bukit kemudian pilih Insert frame. Penambahan frame dimaksudkan untuk memberikan jeda waktu tanpa ada perubahan apapun.
5. Klik body-mobil kemudian pilih menu Modify > Convert to symbol. Ketikan mobil pada kolom nama, dan pastikan titik registrasi-nya ada di tengah.
Gambar 90. Mengconvert movieclip mobil.
6. Untuk menambahkan pola / guide yang akan menjadi lintasan dari gerakan mobil klik kanan frame 100 Layer body-mobil kemudian pilih Insert Keyframe, Kemudian klik kanan Layer body-mobil, kemudian pilih Add Classic Motion Guide, maka sebuah layer baru akan muncul di atas layer body-mobil.
7. Klik frame 1 layer guide, kemudian dengan menggunakan Pencil Tool atau Pen Tool buatlah sebuah pola lintasan mengikuti pola bukit.
Gambar 91. Lintasan mobil di atas bukit
8. Selanjutnya klik movieclip mobil pada frame 1 kemudian drag ke awal lintasan, sampai. Atur rotasinya agar sesuai dengan pola lintasan. Dengan cara yang sama klik mobil di frame 100 lalu drag menuju akhir lintasan, atur juga rotasi lintasannya.
9. Klik kanan frame 50 Layer body-mobil kemudian pilih Create Classic Tween maka animasi mobil bergerak mengikuti pola akan terbentuk. Agar rotasi mobil mengikuti pola lintasan, klik frame 50 layer body-mobil kemudian buka panel properties dan aktifkan opsi Orient to path.
Gambar 92. Animasi mobil tanpa roda
10. Setelah animasi mobil bergerak di atas bukit terbentuk, tahapan selanjutnya adalah menambahkan animasi roda. Hal yang harus dipahami adalah roda menempel ke body-mobil sehingga bergerak bersama-sama. Selain itu terdapat 2 roda yang sama bentuk dan gerakannya. Dalam kasus tersebut kita cukup membuat 1 buah animasi roda dan kemudian menduplikatnya menjadi 2.
11. Klik frame 1 layer body-mobil, selanjutnya dobel klik movieclip mobil, maka kita akan memasuki mode edit movieclip mobil.
12. Buka panel Library kemudian drag roda ke stage, atur posisinya (letakkan di bagian depan). Selanjutnya seleksi gambar roda tersebut dan Convert menjadi movieclip "animasi roda" .
Gambar 93. Movieclip animasi roda
13. Dobel klik movieclip animasi roda sehingga kita berada dalam mode edit movieclip "animasi roda" Seleksi gambar roda, kemudian Convert menjadi movieclip "roda"
Gambar 94. Membuat animasi roda
14. Untuk membuat animasi roda berputar klik kanan frame 20 layer 1, kemudian pilih Insert Keyframe. Selanjutnya buka panel properties dan pilih CW pada bagian rotate untuk menambahkan rotasi searah jarum jam.
Gambar 95. Membuat rotasi roda
15. Tekan MovieClip mobil untuk kembali ke mode edit movieclip mobil
Gambar 96. Kembali ke mode edit mobil
16. Selanjutnya Copy movieclip "animasi roda" lalu paste dan atur posisinya sebagai roda belakang.
Gambar 97. Pengaturan roda belakang
17. Simpan project, tekan Ctrl+E untuk keluar dari mode edit symbol, kemudian jalankan animasi dengan menekan tombol Ctrl+Enter. Maka animasi mobil bergerak di atas bukit akan terbentuk.
Gambar 98. Hasil animasi mobil
“Sumber Informasi”
Thanks for reading Animasi Motion Guide dengan Movieclip Kompleks. Please share...!
