Profil Penulis

author photo

Khairul Yusri Zamri a.k.a ayus, seorang Sifoorian dari tahun 2000 yang kini mempunyai syarikat grafik dan multimedia sendiri selain menjadi Trainer / Instruktor Multimedia Sifoo.com. | Penceramah serta Pensyarah Jemputan di Institusi Pengajian Tinggi dan Badan² Kerajaan | Web: www.yusrizamri.com | M : khairul@yusrizamri.com

Lihat semua pos oleh Khairul Yusri

Membuat Putaran Bola pada Objek (Teknik Motion Guide)

18 December 2009 | Pos Terkait | Dalam Kategori

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

14

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”>21

  • 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

32

Langkah 4 :

  • Klik pada icon ADD MOTION GUIDE

43

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

412

  • Kemudian buatkan satu lonjongan di atas layer GUIDE tadi (rujuk hasil di bawah)

421

Langkah 5 :

  • Gunakan erase tool untuk memadam sebahagian dari lonjongan yang telah dibentuk sebentar tadi
  • Hasilnya mestilah seperti di bawah :

53

Langkah 6 :

  • Kuncikan layer GUIDE
  • Right klik pula pada frame 1 layer bola > create motion tween
  • Hasilnya :

62

  • 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

612

  • 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

621

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.

Terdapat 6 Maklumbalas Setakat Ini. »

  1. GREAT SIMPLE IDEA!!!

    thanks…”Khairul Yusri Zamri”
    Jumlah komen oleh esanstudio.net: 13

  2. Welcome esanstudio….

  3. nice blog..read a lot from your blog..merry x’mas man!

    Regards,
    jenny
    Jumlah komen oleh Alza Club: 1

  4. Assalamualaikum,nice info kalau nak buat logo jata bergerak 360 darjah mcm nie jugak ker?? budak baru berlajar :D
    Jumlah komen oleh AyieBlog: 7

  5. 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

  6. 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

Hantar MaklumBalas

*Sila dapatkan Gravatar anda di www.gravatar.com