การทำ animation ต่างๆ

6

Click here to load reader

Upload: augusts-programmer

Post on 22-Dec-2014

659 views

Category:

Documents


0 download

DESCRIPTION

 

TRANSCRIPT

Page 1: การทำ Animation ต่างๆ

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

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

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

Page 2: การทำ Animation ต่างๆ

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

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

Page 3: การทำ Animation ต่างๆ

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

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

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

Page 4: การทำ Animation ต่างๆ

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

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

Page 5: การทำ Animation ต่างๆ

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

Page 6: การทำ Animation ต่างๆ