Motion guide adalah salah satu fasilitas dari flash yang digunakan untuk membuat animasi motion tween bergerak sesuai jalur (guide) yang telah kita buat. Hasil animasi motion guide ini selain halus (karena motion tween) juga lebih teratur karena animasi bergerak sesuai jalur yang kita buat. Berikut ada 2 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.
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.
Motion Guide dengan garis guide yang terhubung (misalnya garis lingkaran)
1. Buatlah sebuah flash document.
2. Buatlah sebuah lingkaran berwarna merah dengan hitam sebagai warna garisnya.
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 lingkaran di stage seperti gambar di bawah ini :
6. Hapus sedikit garis lingkaran bagian atas sehingga garis lingkaran di bagian atas tidak terhubung (terdapat 2 ujung) seperti gambar di bawah ini :
7. Letakkan bagian tengah movie clip bola pada ujung garis lingkaran bagian kiri.
8. Klik kanan frame 21 Layer 2 dan pilih Insert Frame.
9. Klik kanan frame 21 Layer 1 dan pilih Insert KeyFrame.
10. Ubah letak movie clip bola pada frame 21 ke ujung garis lingkaran bagian kanan. Pastikan bagian tengah movie clip bola yang berada di ujung garis lingkaran tersebut.
11. Klik kanan frame 1 Layer 1 dan pilih Create Motion Tween.
12. Tekan Ctrl+Enter untuk melihat hasilnya.
13. 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).
14. 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 dari kami ini untuk mengatasinya.
15. Test Movie ulang untuk melihat hasilnya.
16. 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.
17. Caranya klik sekali tombol Insert Layer pada timeline sehingga muncul Layer baru bernama Layer 2.
18. Klik kanan Layer 2 tersebut dan pilih Guide. Sehingga kedua layer pada timeline tersebut terlehiat seperti gambar di bawah ini :
19. Setelah terlihat seperti gambar di atas, klik dan drag Layer 1 kemudian singgungkan ke Layer 2 seperti terlihat pada video di bawah ini :
20. Maka sebuah layer guide sudah jadi dan siap untuk digunakan. Silahkan anda pilih cara membuat Layer Guide dari kedua cara yang ada. Pilihlah menurut anda mana yang lebih mudah dan cocok untuk anda.
Sourcenya dapat di download di sini
/thanks2...
February 20th, 2009 at 10:09
maaf nih banyak nannya!!!!
tapi kalo bikin bola(lingkaran) berputar memutari bumi contohnya gimana tuch bikinnya???
February 20th, 2009 at 11:08
Nggak apa-apa :lol:
Cara bikinnya bisa menggunakan motion guide di atas dengan sedikit modifikasi.
Btw animasinya 3d atau 2d?
May 24th, 2009 at 16:58
mas mau nanya neh.. klo bikin animasi pake motion guide tapi digabungin ama trail 15 biji
May 24th, 2009 at 17:33
Maksudnya trail
June 1st, 2009 at 23:17
mas mau tanya…nie bisa berjalan gak klo pake flash cs3?
thx b4
June 2nd, 2009 at 05:18
Motion guide bisa dijalankan di Flash CS3
October 28th, 2009 at 21:34
q masih newbie ne….
q dah coba, kok ga berhasil².. :(
bisa dijelasin lebih lengkap ga…???
kirim ke emailq aja ya,,,
plesssss…..
October 29th, 2009 at 07:09
Um iya tutorial di atas perlu diupdate. Kelihatannya tutorial di atas kurang begitu lengkap. Besok kami akan update
October 30th, 2009 at 08:22
@fredy :
Sudah kami update
Silahkan dicoba dulu, kalau masih belum bisa coba kirimkan fla yang anda buat ke warungflash@gmail.com
November 16th, 2009 at 11:48
Halo.. Saya mau membuat animasi tata surya.. Tp gmn y supaya garis motion guideny mncul ? Udah gitu, tiap x planet melewati matahari planetny ad dblkang matahari… Gmn y tuh..?
Mohon bantuanya y.. Thanxs… ~x(
November 17th, 2009 at 06:37
Kalau untuk membuat garisnya muncul, buatlah layer baru yang tidak terkena guide lalu copykan garis yang sebelumnya digunakan untuk motion guide ke layer baru ini.
Untuk matahari juga sama. Anda buat layer baru dan copykan gambar matahari ke layer baru ini lalu letakkan layer baru yang memuat matahari ini di atas layer yang memuat planet. Tentunya pastikan layer baru yang memuat matahari ini tidak terkena guide.
December 25th, 2009 at 19:15
waaah.. great Tutorial..
makasih bgt gan ats infonya..
=D>
December 26th, 2009 at 10:35
Sama-sama
January 10th, 2010 at 10:51
bang admin gmana caranya buat garis guides..??
bukan motion guide ya..!!
(yang warna ijo tu…)
January 11th, 2010 at 05:31
Buat/buka sebuah flash document. Aktifkan Rulers melalui menu bar View>Rulers. Untuk membuat garis mendatar, klik dan tahan penggaris mendatar lalu drag ke stage. Posisikan sesuai keinginan, jika sudah ditempat yang diinginkan lepaskan tekanan pada mouse. Untuk yang menurun caranya sama hanya saja yang ditekan penggaris yang menurun.
January 11th, 2010 at 12:14
makasih ya bang admin,,,!!
bang admin gmana caranya buat kaya roda
besarin suara kayak di radio (yang bulet) ntar diputer pake mouse..??
January 11th, 2010 at 12:23
bang admin gmana caranya buat kaya roda
besarin suara kayak di radio (yang bulet) ntar diputer pake mouse..??
January 12th, 2010 at 05:33
Sama-sama
Kami belum pernah bikin. Kami coba dulu, nanti kalau bisa kami bikinkan tutorialnya
February 18th, 2010 at 15:15
bener-bener ngebantu bangeeet.thankies warungflash
4 THUMBS UP! 
=D>
February 18th, 2010 at 16:10
August 28th, 2010 at 12:50
[...] Motion Guide [...]
September 20th, 2010 at 19:04
kalo buat orang berjalan gimana??
November 29th, 2010 at 08:55
mas ak pake macintosh, ak pake flash CS4,koq ga ada tools motion guide nya ya..
January 12th, 2011 at 11:20
bntu donk …….
February 17th, 2011 at 08:54
ini mah pelajaran sehari – hari di sekolah saya hahaha
February 24th, 2011 at 20:28
kalo ada dua garis motion, bisa ga’ kita hitung mana yg lebih panjang ato lbih pendek dari 2 garis itu???
mohon bantuannya min…
March 11th, 2011 at 14:07
mas mo tanya nich kalo buat animasi jalur peta tu gimana ya.
jadi misalkan objeknya berjalan dari 1 tempat ke tempat lain dan tu nanti akan terdapat jejak yang berupa garis tu gimana ya caranya? 
kalo pake motion guide kan saat diplay kan garisnya ilang na biar nampak tu gimana? makasih.
April 1st, 2011 at 06:37
bang admin…klo warna bolanya diganti boleh ga?
tolong bantu ya….
April 1st, 2011 at 06:37
bang admin…klo warna bolanya diganti boleh ga?
tolong bantu ya….
April 1st, 2011 at 06:44
truz aku kan dah letakin tengahnya bola di ujung garis tapi koq ga bisa ngikutin guide nya ya?
April 27th, 2011 at 07:20
terima kasih mas atas tutorialnya. semoga sukses selalu
August 5th, 2011 at 15:07
bang admin…..aku bingung nih udah c ari semua tutorial ttg guide motion tween tapi kagak ada satupun yg berhasil ku coba….masalahnya jika terlebih dahulu Add Motion Guide digunakan ,maka create motion tidak bs digunakan dan kalo create motion digunakan terlebih dahulu ,maka Add Motion Guide tidak bisa digunakan…mohon pencerahannya…
aku pake adobe flash cs5…..makasih
August 5th, 2011 at 15:10
dan kalo bs minta contoh file flanya dong…
October 4th, 2011 at 18:07
makasih banget buat tutorial” nyaaa
berguna banget buat tugasss
tapi klo bisa cara yg ditunjukan jangan shortcutnya, tapi apa perintahnya.
November 5th, 2011 at 16:46
mantaaap gan—-LANJUTKAN—-
