TEKNIK MOTION GUIDE

Macromedia Flash memungkinkan untuk membuat animasi pergeseran posisi objek dengan menentukan garis lintasannya, iaitu menggunakan layer Motion Guide. Motion guide adalah layer yang di dalamnya terdapat objek garis (baik lurus, melengkung, atau bebas) yang digunakan sebagai garis lintasan pergeseran objek yang berada di layer bawahnya (layer target guide). Dari istilahnya, iaitu motion guide, tentunya dapat disimpulkan bahwa teknik animasi ini hanya dapat diterapkan pada motion tweening.

Berikut ini akan dipraktekkan pembuatan animasi dengan menggunakan teknik motion guide.
1. Buatlah movie baru dengan properti sesuai yang ditentukan program.
2. Gambarlah obyek lingkaran, kemudian konversikan menjadi symbol Graphic (klik menu Modify > 
    Convert to Symbol).

Gambar 1: Membuat symbol Graphic

3. Di dalam layer instance symbol Graphic tersebut, sisipkan keyframe, misalnya pada frame 20.
4. Klik kanan salah satu frame di antara frame 1 dan 20, kemudian pilihlah menu Create Motion Tween.
5. Di dalam jendela Timeline, klik tombol Add Motion Guide yang terletak di bagian bawah jendela, maka 
   akan tampil layer baru (layer Motion Guide).
6. Di dalam layer Motion Guide, gambarlah garis seperti contoh yang terlihat pada Gambar 2.

Gambar F.2: Membuat layer Motion Guide

7. Langkah selanjutnya di dalam frame awal (frame 1), Anda harus memposisikan objek (instance symbol 
    Graphic) tepat pada ujung garis. Demikian halnya di dalam frame akhir (frame 20). Untuk memudahkan 
    pengaturan posisi obyek, Anda dapat mengunci layer Motion guide, dan mengaktifkan tombol Snap (ikon 
    magnet) yang terletak di dalam Toolbox.
8. Lakukan test movie, setelah itu simpan latihan ini. Jika movie dimainkan di dalam jendela pengeditan 
    movie Flash, objek garis (lintasannya) masih terlihat. Namun jika Anda menampilkan movie di dalam Flash 
   Player, objek garis tidak akan terlihat.


About the author

Admin
Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus. Aenean fermentum, eget tincidunt.

0 comments:

Template by Clairvo Yance
Copyright © 2012 Be Creative and Blogger Themes.