Membuat Putaran Bola pada Objek (Teknik Motion Guide)
Tutorial kali ini kita akan melihat bagaimana menghasilkan PUTARAN BOLA dengan menggunakan MOTION GUIDE sebagai asas dalam ADOBE FLASH CS3.
Motion guide adalah satu teknik animasi yang digunakan bagi tujuan mengikut arah alir animasi yang dibentuk oleh flash designer.
Ianya berbeza dari teknik animasi lain kerana penggunaan motion guide ini memberi kita ruang untuk membentuk arah animasi yang kita mahu. Namun animasi ini masih menggunakan motion tween sebagai asas pergerakan imej atau bentuk.
Di bawah adalah contoh yang dihasilkan :
Menarik? AYOH kita mula!!!
Langkah 1 :
- Sediakan stage dengan saiz 650 x 450 pixel berlatarkan warna gelap
- Buatkan satu bulatan di tengahnya (memberi gambaran sebagai bumi)
- Namakan layer tersebut dengan nama OBJEK
- Right klik frame 60 > insert frame
Langkah 2 :
- Kunci layer objek
- Buatkan satu layer baru dan namakannya sebagai bola
- Kemudian buatkan satu bentuk bola di atas layer tersebut
sifoo.com/v7/wp-content/uploads/2009/12/21.jpg”>
- Convert bola tersebut kepada simbol MOVIE CLIP. Short cut F8
Langkah 3 :
- Right klik frame 40 > insert keyframe (F8)
- Right klik frame 41 > insert blank keyframe (F7)
- Hasilnya seperti di bawah
Langkah 4 :
- Klik pada icon ADD MOTION GUIDE
Satu layer bernama Guide akan terhasil di atas layer bola
- Gunakan OVAL TOOL
- Pastikan STROKE COLOR di isi dengan warna terang dan pangkahkan ruang FILL COLOR
- Kemudian buatkan satu lonjongan di atas layer GUIDE tadi (rujuk hasil di bawah)
Langkah 5 :
- Gunakan erase tool untuk memadam sebahagian dari lonjongan yang telah dibentuk sebentar tadi
- Hasilnya mestilah seperti di bawah :
Langkah 6 :
- Kuncikan layer GUIDE
- Right klik pula pada frame 1 layer bola > create motion tween
- Hasilnya :
- Klik pada frame 1 layer bola
- Gerakkan bola tersebut betul-betul di permulaan lonjongan yang dibentuk tadi
- Pastikan bola itu berada di tepi objek dengan betul. Ini bertujuan agar animasinya kelihatan sempurna selepas ini
- Kemudian klik pula pada frame 40 layer bola
- Gerakkan bola tersebut pula pada penghujung lonjongan tadi. Letakkannya betul-betul di atas garisan GUIDE dan di tepi objek
Langkah 7 :
Ok sekarang sudah sempurna. Untuk melihat hasilnya tekan CTRL + ENTER atau CONTROL > TEST MOVIE
Mudah bukan? Ya teknik ini boleh diperhalusi lagi dengan membuat beberapa adjustment pada bahagian tertentu. Ini hanyalah asasnya sahaja. Anda boleh cuba dengan lebih lagi untuk mendapatkan hasil yang sempurna.
Di dalam contoh di atas saya membuat 2 layer di bawah layer GUIDE untuk mendapatkan efek yang lebih.
Jika anda GAGAL membuatnya anda :
- Tidak convert bola kepada MOVIE CLIP
- Tidak meletakkan bola di atas garisan GUIDE yg dibentuk
- Tidak membuat keyframe dengan sempurna
Sila download contoh fail FLA saya untuk melihat dan merujuk caranya dengan lebih jelas.
SELAMAT MENCUBA!!!
Fail FLA - Motion guide
*Klik kanan > Save Link As / Save Target As
(Telah dimuat-turun sebanyak 107 kali)
Tutorial ini juga boleh didapati di www.yusrizamri.com/blogsite
Popularity: 2% [?]
Jika anda baru di Sifoo.com, mungkin ada baiknya anda melanggani RSS Sifoo.com melalui email atau feed. Terima kasih kerana berkunjung!
Nota: Artikel atau tutorial ini hakmilik Sifoo.com. Aktiviti seperti meniru, menyalin, menciplak dan menerbitkan semula tanpa izin adalah ditegah sama sekali. Keizinan boleh diberikan sekiranya anda berminat dan berbincang dengan pihak Sifoo.com. Sila berikan kredit dan linkback kepada penulis asal dan laman web Sifoo.com.
















Komen oleh esanstudio.net pada 20 December 2009:
GREAT SIMPLE IDEA!!!
thanks…”Khairul Yusri Zamri”
Jumlah komen oleh esanstudio.net: 13
Komen oleh Ayuspodeh pada 20 December 2009:
Welcome esanstudio….
Komen oleh Alza Club pada 21 December 2009:
nice blog..read a lot from your blog..merry x’mas man!
Regards,
jenny
Jumlah komen oleh Alza Club: 1
Komen oleh AyieBlog pada 1 January 2010:
Assalamualaikum,nice info kalau nak buat logo jata bergerak 360 darjah mcm nie jugak ker?? budak baru berlajar
Jumlah komen oleh AyieBlog: 7
Komen oleh ayuspodeh pada 3 January 2010:
jenny : thanks man….
ayie blog : kalau utk 360 putaran tu kena masukkan atau buat dalm 3d software…kalau flash 3rd party dia adalah swift 3d
Komen oleh mrpixel04 pada 22 February 2010:
Hi AyieBlog…..
nak buat putaran logo 360 dlm flash possible tp kene guna actionscript dan library 3D out there..! cthnya..papervision3D,sandy3D dll…
jst my 0.02 cents
Jumlah komen oleh mrpixel04: 2