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

14

Langkah 2 :

  • Kunci layer objek
  • Buatkan satu layer baru dan namakannya sebagai bola
  • Kemudian buatkan satu bentuk bola di atas layer tersebut

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 disini untuk melihat dan merujuk caranya dengan lebih jelas.
SELAMAT MENCUBA!!!

Tutorial ini juga boleh didapati di www.sifoo.com

68 Responses to “Membuat Putaran Bola pada Objek (Teknik Motion Guide)”

  1. Lester says:

    .

    спс!…

  2. Leslie says:

    .

    thanks!!…

  3. Anthony says:

    .

    tnx for info!!…

  4. Johnny says:

    .

    hello….

  5. Albert says:

    .

    спасибо за инфу!…

  6. ron says:

    .

    спасибо за инфу….

  7. Marcus says:

    .

    сэнкс за инфу!!…

  8. Russell says:

    .

    tnx!!…

  9. benjamin says:

    .

    tnx!…

  10. jesus says:

    .

    thanks for information….

  11. willard says:

    .

    tnx!!…

  12. Jesus says:

    .

    thanks!!…

  13. rafael says:

    .

    thanks for information!…

  14. Sean says:

    .

    hello!!…

  15. floyd says:

    .

    hello!!…

  16. Gilbert says:

    .

    thanks….

  17. Victor says:

    .

    good!!…

  18. Ben says:

    .

    good….

  19. james says:

    .

    tnx for info!…

  20. Homer says:

    .

    hello….

  21. Gregory says:

    .

    good info!…

  22. jerome says:

    .

    hello!…

  23. Greg says:

    .

    thanks for information!…

  24. adam says:

    .

    good info….

  25. Homer says:

    .

    tnx for info!…

  26. Kirk says:

    .

    hello….

  27. Kirk says:

    .

    good!!…

  28. Thomas says:

    .

    good info….

  29. Jerry says:

    .

    good!!…

  30. ramon says:

    .

    thanks!…

  31. Harvey says:

    .

    tnx for info….

  32. marvin says:

    .

    tnx for info!!…

  33. mario says:

    .

    tnx….

  34. bill says:

    .

    tnx for info….

  35. orlando says:

    .

    good info!!…

  36. Doug says:

    .

    good….

  37. Brandon says:

    .

    tnx!…

  38. Robert says:

    .

    tnx!…

  39. Gregory says:

    .

    good!!…

  40. Ted says:

    .

    tnx….

  41. rex says:

    .

    thanks!…

  42. Nathan says:

    .

    good info….

  43. Martin says:

    .

    thank you!!…

  44. Austin says:

    .

    thanks….

  45. Herbert says:

    .

    hello!!…

  46. Alfredo says:

    .

    thank you….

  47. Mathew says:

    .

    tnx for info!!…

  48. mario says:

    .

    thanks!…

  49. Fredrick says:

    .

    thanks for information….

  50. homer says:

    .

    hello….

Komen Anda

You must be logged in to post a comment.

Copy Protected by Chetan's WP-CopyProtect.