Motion Guide | Tutorial Adobe Flash CS3 Profesional

Kali ini gue akan ngebahas tentang MOTION GUIDE nih gengs. Yup Motion guide adalah salah satu fasilitas dari flash yang digunakan untuk membuat animasi motion tween bergerak sesuai jalur (guide) yang telah kita buat.
Nah hasil dari animasi motion guide ini selain halus (karena motion tween) juga lebih teratur gengss..karena animasi bergerak sesuai jalur yang kita buat.
Dibawah ini gue bakal kasih 2 contoh membuat motion guide dengan garis guide yang tidak terhubung dan motion guide dengan garis guide yang terhubung.

Berikut langkah contoh penggunaannya :

Motion Guide dengan garis guide yang tidak terhubung (misalnya garis lurus)

1.       Buatlah sebuah flash document.

2.       Buatlah sebuah lingkaran berwarna merah dengan hitam sebagai warna garisnya menggunakan oval tool. Seperti dibawah:

3.       Seleksi lingkaran tersebut dan tekan F8. Pada panel yang muncul masukkan bola sebagai name dan movie clip sebagai type serta pastikan titik registrationnya berada di tengah-tengah lalu tekan ok.

4.       Klik sekali tombol Add Motion Guide pada timeline sehingga di timeline muncul layer guide baru bernama Layer 2.

 

5.       Pastikan anda aktif di Layer 2 kemudian buatlah sebuah garis di stage seperti gambar di bawah ini :

 

6.       Letakkan bagian tengah movie clip bola pada ujung garis bagian kiri seperti gambar di bawah ini :

7.       Klik kanan frame 45 Layer 2 dan pilih Insert Frame.

8.       Klik kanan frame 45 Layer 1 dan pilih Insert KeyFrame.

9.       Ubah letak movie clip bola pada frame 45 ke ujung garis bagian kanan. Pastikan bagian tengah movie clip bola yang berada di ujung garis tersebut seperti gambar di bawah ini :

10.     Klik kanan frame 1 Layer 1 dan pilih Create Motion Tween.

11.      Tekan Ctrl+Enter untuk melihat hasilnya.
          Berikut hasil dari tutorial ini yang sudah di export dalam bentuk .gif:

Motion Guide dengan garis guide yang terhubung (misalnya garis lingkaran)

-        Buatlah sebuah flash document seperti langkah diatas. yang membedaknnya adalah guide (jalur) lintasan bolanya yaitu kita buat sebuah lingkaran. Lakukan persis langkah membuat motion guide diatas sampai nomor 4.

-        Buatlah sebuah garis lingkaran di stage seperti gambar di bawah ini :

-        Hapus sedikit garis lingkaran bagian atas sehingga garis lingkaran di bagian atas tidak terhubung (terdapat 2 ujung) seperti gambar di bawah ini :

-        Kemudian lakukan langkah selanjutnya seperti diatas dari nomor 6 sampai langkah akhir. Berikut adalah video hasil nya:

-        Seperti yang dapat dilihat, movieclip berjalan agak teputus. Penyebabnya adalah kesamaan mc di frame 1 dan frame 21 sehingga mengakibatkan movie berhenti sejenak (berjalan agak terputus).

-        Untuk mengatasinya, klik kanan frame 20 layer 1 dan pilih Insert Keyframe. Seleksi frame 21 pada layer 1 dan layer 2 kemudian klik kanan dan pilih Remove Frame.

-        Masalah seperti ini sering terjadi ketika membuat motion guide semacam ini, oleh sebab itu ingatlah tips ini untuk mengatasinya.

-        Test Movie ulang untuk melihat hasilnya dengan menekan CTRL+ENTER. Hasilnya           akan seperti gambar berikut:

Untuk memunculkan layer guide pada tutorial di atas kita menggunakan tombol Add Motion Guide pada timeline. Selain itu ada juga cara yang lain untuk memunculkan layer guide tersebut yaitu dengan cara manual loh gengs…
Caranya klik sekali tombol Insert Layer pada timeline sehingga muncul Layer baru bernama Layer 2.
Klik kanan Layer 2 tersebut dan pilih Guide. Sehingga kedua layer pada timeline tersebut terlehiat seperti gambar di bawah ini :

Setelah terlihat seperti gambar di atas, klik dan drag Layer 1 kemudian singgungkan ke Layer 2 . Maka sebuah layer guide sudah jadi dan siap untuk digunakan!!
So.. lo bisa pilih cara membuat Layer Guide dari kedua cara yang ada tersebut. Pilihlahmana yang lebih mudah dan cocok buat lo.


_________________________HAPPY TRYING J__________________________