imhappyforyou

Thursday, May 17, 2012

Howto: Animasi Motion Guide Sederhana

Motion guide di sini sangat identik dengan sebuah kereta dengan relnya. Yaitu sebuah obyek yang bergerak mengikuti sebuah garis. Flash memungkinkan untuk membuat animasi pergeseran posisi obyek dengan menentukan garis lintasannya, yaitu 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).
Adapun langkah-langkah contoh pembuatan animasi sederhana menggunakan motion guide adalah sebagai berikut:
1. Buka Flash document. Ganti warna stage menjadi hitam. Kemudian di layer 1 import lah gambar bola dunia ke dalam stage, seperti gambar berikut ini:


2.  Kemudian klik kanan pada layer 1 lalu pilih Add Motion Guide.

3. Selanjutnya klik kanan pada objek bola dunia lalu pilih convert to symbol. Setelah kotak dialog muncul, tuliskan bagian name dengan bola. Pilih type movie clip, lalu OK.
4. Klik tahan pada icon rectangle tool, lalu pilih oval tool atau shortcut dengan menekan tombol O di keyboard. Kemudian klik layer Guide: Layer 1 dan buatlah objek elips pada stage seperti gambar berikut:

5. Klik icon Eraser tool yang ada pada toolbox, hapus bagian objek elips menggunakan eraser tool,  sehingga hasilnya terlihat seperti gambar berikut:

6. Klik icon selection tool yang ada pada toolbox, kemudian letakkan gambar bola dunia (symbol bola) tepat di salah satu ujung elips. Patikan bulatan kecil di tengah gambar bola menyatu dengan ujung garis elips, seperti gambar berikut:

7. Kemudian pada layer Guide: Layer 1, klik pada frame 90 lalu tekan tombol F6 untuk menjalankan insert keyframe atau klik kanan insert keyframe. Jalankan juga  langkah tersebut di layer 1, sehingga hasilnya seperti gambar berikut:

8. Pada layer 1 di frame 90, letakkan gambar bola tepat di ujung garis elips yang kedua.

9. Klik kanan pada frame di layer 1 lalu pilih create motion tween

10. Lihat hasilnya dengan menekan ctrl+enter.
Selamat mencoba :)

No comments:

Post a Comment