การทำ animation ต่างๆ จัดทำโดย : charoen พิมพ์


การทำ animation ต่างๆ

ในการทำ animation ต่างๆ เช่น การ์ตูน แน่นอนว่าจะต้องแบ่งเป็นตอนๆ หรือ ฉาก ใน flash ก็เช่นกัน เมื่อ animation ของเรามีความยาว หรือซับซ้อนมาก ก็แบ่งออกเป็นฉากๆได้ โดยใ้ช้ Scene เพราะว่าใน flash player นั้นจะทำการเล่นเมื่อมีเฟรมไม่เกิน 16,000 เฟรม ถ้ามากกว่านี้ก็จะไม่เล่น และถ้า animation ของเรามีความยาวมากกว่า 16,000 เฟรมล่ะ จะทำยังไง Scene เป็นตัวเลือกหนึ่งในนั้น บทความนี้จะทดสอบเกี่ยวกับการใช้ Scene ครับ

1. สร้างเอกสารใหม่ขึ้นมา ขนาดใดก็ได้ (ในรูปขนาด 400x300)

2. ใช้เครื่องมือ text tool พิมลงไปใน stage ว่า Scene 1 ดังรูป

3. สร้าง layer ใหม่ขึ้นมาอีก 1 เลเยอร์ โดยคลิกที่ แล้วใช้เครื่องมือ Oval Tool วาดรูปวงกลมลงไปทางด้านซ้ายของ stage ดังรูป

4. คลิกขวาที่ keyframe ที่เฟรมแรก ของ layer 2 แล้วเลือก creation motion tween ดังรูป

5. คลิกขวาที่เฟรมที่ 20 แล้วเลือก Insert Keyframe ดังรูป

6. ลากวงกลมไปไว้ทางขวาดังรูป

7. คลิกขวาที่เฟรมที่ 20 ของ layer 1 แล้วเลือก Insert Frame ดังรูป

8. ตอนนี้เราก็จะได้ animation อย่างง่าย อยู่ที่ Scene แรกแล้วนะครับ สังเกตุได้จากตัวอย่างในรูปครับ

9. ไปที่เมนู Insert > Scene เพื่อสร้าง Scene ใหม่ขึ้นมา จะพบกับ stage ที่ว่างเปล่า นั่นก็คือ Scene 2 นั่นเอง

10. ใน Scene 2 นั้นให้สร้าง animation ขึ้นมาใหม่ ตั้งแต่ข้อ 2 - 7 โดยเปลี่ยนจาก คำว่า Scene 1 เป็น Scene 2 และเปลี่ยนสีของวงกลมจากสีฟ้าเป็นสีอื่นครับ ดังรูป

11. กด Ctrl + Enter เพื่อทดสอบดูครับ

12. จะเห็นว่า เมื่อ animation ของ Scene 1 จบ จะต่อด้วย Scene 2 ทันที

13. เราสามารถสลับเปลี่ยน Scene ที่ต้องการแก้ไขได้โดยดูจากตัวอย่างครับ

14. เราสามารถเรียกหน้าต่าง Scene มาใช้งาน เพื่อความสะดวกในการสับเปลี่ยน Scene โดยไปที่ Window > Other Panels > Scene หรือกด Shift+F2

คุณอาจสนใจ
ปรับแต่ง Sidebar (Vista)
สายลม (16,624 - 26 เม.ย. 51)
Vertical Type Tool (T)
Mr.GuruZ (52,669 - 22 ก.ย. 50)
การ Dump ข้อมูล MySQL
Mr.GuruZ (46,049 - 03 มิ.ย. 49)
การทำ Expaning_text
Black-Hawk (124,657 - 22 ก.พ. 51)
การสร้าง Function แบบไม่ส่งค่า
Mr.GuruZ (26,439 - 03 มิ.ย. 49)
การสร้างไฟล์ Source Code
Mr.POP (31,003 - 26 พ.ย. 50)
Javascript HV menu นำข้อมูลจาก DB มาแสดง
Zerohate (41,547 - 19 ม.ค. 51)
วิสต้าไม่ยอมรับ AVG
สายลม (13,699 - 22 มี.ค. 51)