Bagaimana membuat animasi Tali berhayun

Assalammualaikum dan Salam Sejahtera semua!

 

Tutorial untuk kali kita akan belajar bagaimana cara membuat animasi tali berhayun dengan hanya menggunakan shape tweening sahaja. Kali ini juga saya menggunakan ADOBE FLASH CS4. Ayoh kita mulakan!

 

Hasilnya :

 

 

 

Langkah 1 :

Sediakan satu stage saiz 400 x 400 pixel dan setkan FPS (frame per second) kepada 25.

 

Langkah 2 :

Nama kan layer 1 sebagai garisan

 

 

12 
Klik imej untuk gambaran lebih jelas

 

Langkah 3 :

Dengan menggunakan line tool (short cut N) buatkan satu garisan melintang diatas stage telah disediakan tadi. Sila pastikan stroke colour anda contras dengan stage yang disediakan.

 

2 
Klik imej untuk gambaran lebih jelas

 

Langkah 4 :

Kemudian anda klik kanan (right click) pada frame 20 dan pilih menu insert keyframe (short cut F6). Dengan menggunakan selection tool, tolakkan pertengahan garisan tadi keatas

 

3
Klik imej untuk gambaran lebih jelas

 

 

Langkah 5 :

Selepas itu, klik kanan pada frame 40 dan pilih menu insert keyframe (short cut F6). Klik kanan pada frame 1 dan pilih menu copy frame.

 

4 

 

 

Kemudian klik kanan pada frame 40 dan pilih menu paste frame pula.

 

 

Langkah 6 :

Klik kanan pula pada frame 60 dan pilih menu insert keyframe (short cut F6). Gunakan selection tool untuk menarik garisan tadi ke bahagian bawah pula.

 

5 
Klik imej untuk gambaran lebih jelas

 

 

Langkah 7 :

Ulangi langkah 5. Kali ini klik pada frame 80 > insert keyframe (F6) > copy frame 40 / frame 1 > paste frame 80.

 

Langkah 8 :

Klik kanan pada mana-mana frame dan pilih menu select all

 

6 

 

Langkah 9 :

Setelah select all klik kanan lagi sekali dan pilih menu Create Shape Tween. Kesemua frame akan bertukar menjadi hijau. Untuk melihat hasilnya tekan CTRL+ENTER.

 

7 

Klik imej untuk gambaran lebih jelas

 

Kelajuan hayunan tali bergantung kepada jarak antara keyframe.

 

Note : jika anda menggunakan FLASH CS3 kebawah menu untuk shape tween ada pada panel properties.

 

8 

 

 

Teknik ini boleh dipelbagaikan mengikut kreativiti anda dan cara mana anda menggunakannya.

 

SELAMAT MENCUBA !

 

Klik sini untuk file *fla

 

*tutorial ini juga terdapat di www.sifoo.com

 

62 Responses to “Bagaimana membuat animasi Tali berhayun”

  1. Jeffrey says:

    .

    good info….

  2. eugene says:

    .

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

  3. Ralph says:

    .

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

  4. Mathew says:

    .

    спс!!…

  5. jon says:

    .

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

  6. Darrell says:

    .

    спс!!…

  7. gordon says:

    .

    thanks for information….

  8. roger says:

    .

    good info!!…

  9. nathaniel says:

    .

    hello….

  10. Clifford says:

    .

    good info!!…

  11. Derrick says:

    .

    thank you….

  12. Brent says:

    .

    thank you!…

  13. Dean says:

    .

    tnx for info….

  14. ronnie says:

    .

    hello!!…

  15. Danny says:

    .

    tnx for info!!…

  16. ricky says:

    .

    thanks for information!…

  17. Alan says:

    .

    thanks….

  18. Steve says:

    .

    good info!…

  19. juan says:

    .

    thanks for information….

  20. wendell says:

    .

    thanks!!…

  21. Albert says:

    .

    tnx for info….

  22. Francisco says:

    .

    good info!…

  23. fred says:

    .

    thanks….

  24. Fred says:

    .

    good!…

  25. Wade says:

    .

    tnx!!…

  26. Vincent says:

    .

    tnx!…

  27. ken says:

    .

    tnx….

  28. herman says:

    .

    tnx for info!…

  29. Tyler says:

    .

    tnx for info….

  30. Joshua says:

    .

    good!!…

  31. Derek says:

    .

    thanks for information!…

  32. warren says:

    .

    tnx….

  33. carlos says:

    .

    thanks for information!!…

  34. bill says:

    .

    hello….

  35. don says:

    .

    tnx for info!…

  36. ronnie says:

    .

    good info!…

  37. phillip says:

    .

    tnx for info….

  38. Adam says:

    .

    good info!!…

  39. Joe says:

    .

    thank you!!…

  40. Antonio says:

    .

    thanks for information….

  41. Antonio says:

    .

    thanks….

  42. jorge says:

    .

    thanks!…

  43. Andy says:

    .

    thank you!!…

  44. charlie says:

    .

    thanks for information!!…

  45. johnnie says:

    .

    hello!!…

  46. Rafael says:

    .

    thank you!…

  47. Jason says:

    .

    good info….

  48. Daniel says:

    .

    tnx….

  49. Dennis says:

    .

    tnx for info!!…

  50. Leroy says:

    .

    good!…

Komen Anda

You must be logged in to post a comment.

Copy Protected by Chetan's WP-CopyProtect.