Article Index

สร้างภาพเคลื่อนไหวแบบ Motion Tween
1. เริ่มต้นสร้างงานใหม่ กำหนดขนาดของงานให้เรียบร้อยด้วยคำสั่ง Modify>>Document
2. คลิกช่องเฟรม 1 ของ Layer 1
3. วาดพื้นดังตัวอย่างเป็นสี่เหลี่ยม 4 แท่งบนล่าง
4. ก็อปปี้ภาพให้เฟรมที่ 1 - 20 มีภาพแบบเดียวกัน ก็คือมีภาพสี่เหลี่ยม 4 รูปที่ได้วาดไว้ ในเฟรมที่ 1 ให้ชี้ที่เฟรมที่ 20 กดปุ่มขวาของเมาส์เรียกคำสั่งลัด แล้วคลิก InsertFrame
5. จะได้ผลออกมาดังภาพ ถ้าเจอเฟรมที่มีลักษณะแบบนี้ ก็แสดงว่าเฟรมทั้งหมด (1-20) จะมี ภาพภายในแบบเดียวกัน

6. สร้างเลเยอร์ใหม่โดยคลิกปุ่ม Insert Layer
7. คลิกเฟรม 1 แล้ววาดวงกลม วางตำแหน่งไว้ดังตัวอย่าง
8. เลือกวงกลมที่ได้วาด ด้วยเครื่องมือ Arrow โดยลากเป็นกรอบรอบดังภาพ
9. แปลงเป็น Symbol โดยคลิกเมนู Modify>>Convert to Symbol...
10. พิมพ์ชื่อ Symbol = ball คลิกเลือกชนิดเป็นแบบ Graphic แล้วคลิกปุ่ม OK

11. จุดที่ต้องการให้ลูกบอลตกกระทบก็คือ เฟรมที่ 5, 10, 15 และ 20 ให้คลิกเฟรมที่ 5 แล้วกดปุ่มขวาของเมาส์เรียกคำสั่งลัด จากนั้นก็คลิกคำสั่ง Insert Keyframeเฟรมที่ 10, 15 และ 20 ก็ปฏิบัติคล้ายกัน
12. ซึ่งก็จะได้เฟรมออกมาดังภาพ
13. คลิกเฟรมที่ 5 แล้วย้ายวงกลมไปไว้ที่ตำแหน่งดังภาพ เฟรมที่ 10, 15 และ 20 ให้คลิก และย้ายวงกลมไปไว้ดังตัวอย่างเช่นกัน
14. เฟรมที่ 20 จะวางไว้นอกเสตจ ลูกบอลก็จะลอยออกไปนอกเวที หายไปเลย

15. สร้างภาพเคลื่อนไหวแบบทวีนระหว่างเฟรมที่ 1 - 5 ก่อน โดยชี้ลูกศรที่เฟรมใดๆ ระหว่าง เฟรม 1-4 ของ Layer 2 แล้วกดปุ่มขวาของเมาส์เรียกคำสั่งลัด
16. คลิกคำสั่ง Create Motion Tween ที่เฟรม 1 - 5 จะปรากฏรูปลูกศรดังภาพ
17. สร้างทวีนด้วยส่วนอื่นๆ ก็คือเฟรมที่ 6-10, 11-15 และ 16-20 ด้วยวิธีการคล้ายกัน
18. ระหว่างนี้ควรบันทึกงานเก็บไว้ก่อน โดยคลิกเมนู File>>Save
19. ถ้าต้องการดูผลงาน ก็คลิกที่เฟรมที่ 1 แล้วกด Enter ที่แป้นพิมพ์หรือกดปุ่ม Ctrl + Enter
20. เมื่อดูผลงาน ช่วงที่ลูกบอลกระเด้งไปนั้น อาจกำหนดให้ลูกบอลหมุน จะดูสมจริงกว่า ให้คลิกระหว่างเฟรม 1 - 4 (เฟรมอื่นๆ ก็คลิกเฟรมระใดๆ ระหว่างเฟรมที่ 6-10, 11-15 และ 16-20
21. ใน Frame Properties ด้านล่าง คลิกเลือกค่า Rotate ตามต้องการ เช่น CW หมุนตาม เข็มนาฬิกา CCW หมุนทวนเข็ม กำหนดค่าเสร็จแล้ว ก็คลิกเฟรมที่ 1 แล้วกดEnter ดูผลงาน
22. ถ้าวงกลมเคลื่อนที่เร็วเกินไป ก็คลิกเมนู Modify>>Document... แล้วลดค่า Frame rate ให้น้อยลง เช่น 1, 3 หรือ 6 เพื่อดูผลงาน

23. อาจลองทำอีกแบบ โดยแทรกคีย์เฟรมเพิ่มในเฟรมที่ 6 และ 7 ดังภาพ ชี้ลูกศรที่เฟรม ที่ 6 กดปุ่มขวาของเมาส์ แล้วคลิกคำสั่ง Insert Keyframe
24. จัดตำแหน่งภาพในเฟรม 5 - 7 ให้ตรงกัน โดยคลิกที่เฟรม 6
25. คลิกปุ่ม Onion Skin ซึ่งจะทำให้มองเห็นภาพในเฟรมอื่นได้ ว่าอยู่ตำแหน่งใด จะเป็น ภาพจางๆ ของเฟรมที่ 4-7 คราวนี้ก็จะง่ายในการจัดวางบอลของเฟรม 6 ให้อยู่ตำแหน่งเดียวกับเฟรม ที่ 5 เฟรมที่ 7 ก็จัดให้อยู่ตำแหน่งเดียวกับเฟรมที่ 5 เช่นกัน
26. ภาพของเฟรมที่ 6 ให้ใช้เครื่องมือ Free Transform ลดขนาดลง โดยลดให้แบนลง จะ ดูสมจริงมากกว่า เพราะเมื่อลูกบอลกระเด้งโดนแท่งสี่เหลี่ยมก็จะยุบตัวเล็กน้อยก่อนจะกระเด้งต่อ
27. เสร็จแล้วก็ยกเลิกใช้งานปุ่ม Onion Skin โดยคลิกให้นูนขึ้นมาเหมือนเดิม
28. การสร้างให้ภาพดูสมจริง ก็ควรกำหนดระยะห่างให้มากกว่านี้ แค่เฟรม 1-5 น้อยเกินไป อาจกำหนดเฟรมไว้ที่ 1-15 จะดีดีกว่า