Recommended
More Related Content
Featured
Featured (20)
ชนิดของการเคลื่อนไหวในโปรแกรมFlash
- 2. ลักษณะการเคลื่อนไหวในโปรแกรม Adobe Flash •Frame by Frame •Motion Tweens หรือ Classic Tweens •Shape Tweens
- 3. ลักษณะการเคลื่อนไหวในโปรแกรม Frame by frame เป็นการสร้าง Keyframe หลาย Keyframe เรียงต่อกันไป โดยจะกาหนดเนื้อหาภาพนิ่งที่เปลี่ยนแปลง รูปร่าง สีสัน มุมมองหรือ ลักษณะอื่นในแต่ละเฟรมแตกต่างกันไป โดยคงความต่อเนื่องของ ชิ้นงานชิ้นเดิมไว้ เมื่อมีการแสดงจึงทาให้มองเป็นเป็นภาพเคลื่อนไหว การสร้างภาพเคลื่อนไหวแบบ Frame by Frame เหมาะกับ การสร้างภาพเคลื่อนไหวที่ซับซ้อนไม่มีรูปแบบแน่นอน และมีความ ต่อเนื่องสม่าเสมอ เช่น ภาพดวงอาทิตย์กาลังตกดิน ภาพกังหันกาลัง หมุน ภาพรถยนต์ที่กาลังเคลื่อนที่ หรือภาพก้อนเมฆที่ลอยอยู่ เป็นต้น
- 4. การสร้างภาพเคลื่อนไหวแบบนี้เป็นการสร้างคีย์เฟรม หลายๆ คีย์ เฟรมต่อเรียงกัน แต่ละเฟรมจะเป็นอิสระต่อกัน การแก้ไขเฟรมใด เฟรมหนึ่ง ไม่ส่งผลต่อเฟรมอื่นๆ ซึ่งหลักๆ มีอยู่ 3 รูปแบบคือ 1. การสร้างข้อความเคลื่อนไหว 2. การสร้างภาพเคลื่อนไหวแบบย้ายตาแหน่งวัตถุ 3. การสร้างภาพเคลื่อนไหวแบบย่อ-ขยายวัตถุ ลักษณะการเคลื่อนไหวในโปรแกรม Frame by frame
- 5. ตัวอย่างลักษณะการเคลื่อนไหว Frame by frame •Timeline ของการเคลื่อนไหวแบบ Frame by frame
- 7. ลักษณะการเคลื่อนไหว Motion tweens การเคลื่อนไหวแบบ Motion Tween เป็นการเคลื่อนไหวที่รวม การเคลื่อนไหวแบบ Classic Tween และ Guide Layer เพื่อลดความยุ่งยากในการสร้าง Guide Layer ที่ผ่านมา Motion Tween สามารถกาหนดทิศทางการเคลื่อนที่ได้หลาย ทิศทาง เช่น ทิศทางตรง โค้ง ทิศทางอิสระ เป็นต้น
- 8. การสร้างภาพเคลื่อนไหวแบบนี้เป็นการเคลื่อนที่ของเนื้อหาจากจุดหนึ่งไปยัง อีกจุดหนึ่ง หรือเปลี่ยนคุณสมบัติจากแบบหนึ่งไปเป็นอีกแบบหนึ่ง เหมาะ สาหรับการทาภาพเคลื่อนไหวแบบต่อเนื่องสม่าเสมอ เช่น เมฆลอย พัดลม กาลังหมุน ยานบิน รถกาลังแล่น เป็นต้น 1.การสร้างภาพเคลื่อนไหวแบบลอยในแนวเส้นตรง 2.การเคลื่อนไหวตามเส้นทางที่ กาหนด (Guide Layer) ลักษณะการเคลื่อนไหว Motion tweens
- 10. Shape Tween คือการสร้างภาพเคลื่อนไหวให้วัตถุเปลี่ยนรูปร่าง จากรูปหนึ่งเป็นอีกรูปหนึ่งเช่น จากรูปสี่เหลี่ยมเป็นรูปวงกลมหรือจากรูป เป็นข้อความ เป็นต้น ลักษณะการเคลื่อนไหว Shape tweens
- 11. สรุปลักษณะการเคลื่อนไหวในโปรแกรม Adobe Flash การสร้างแอนิเมชั่นด้วยคาสั่ง Tween Tween คือการสร้างภาพเคลื่อนไหวในโปรแกรม flash ช่วยสร้าง การเคลื่อนไหวระหว่าง เฟรมเริ่มต้นจนถึงเฟรมสิ้นสุดที่เราได้ทาการสร้าง Tween ขึ้นมาให้โดยอัตโนมัติTween แบ่งออกเป็น 3 รูปแบบ คือ 1.Shape Tween 2.Classic Tween 3.Motion Tween
- 12. สรุปลักษณะการเคลื่อนไหวในโปรแกรม Adobe Flash Motion Tween •เป็นการสร้างภาพเคลื่อนไหว ชนิดกาหนดจุดเริ่มต้นและจุดสิ้นสุด วัตถุที่นามาสร้างจะเป็น วัตถุประเภทใดก็ได้ โปรแกรมจะสร้างการเปลี่ยนแปลงระหว่างเฟรมให้โดยอัตโนมัติ เหมาะ สาหรับการสร้างภาพเคลื่อนไหวแบบที่ต้องการความต่อเนื่องสม่าเสมอ
- 13. สรุปลักษณะการเคลื่อนไหวในโปรแกรม Adobe Flash Classic Tween คือ การสร้างแอนิเมชันโดยใช้ออบเจ็กต์เพียงชิ้นเดียว จากนั้นจึงสั่งให้มีการเคลื่อนไหว ออบเจ็กต์นั้น Classic Tween สามารถใช้ในการเปลี่ยนแปลงคุณสมบัติของวัตถุ จาก ค่าหนึ่งไปเป็นอีกค่าหนึ่งได้โดยง่าย
- 14. สรุปลักษณะการเคลื่อนไหวในโปรแกรม Adobe Flash Shape Tween •เป็น Animation สาหรับการเปลี่ยนรูปทรงหนึ่งเป็นอีกรูปทรงหนึ่ง เช่น วงกลม เปลี่ยนเป็นรูปดาว รูปดาวกลายเป็นสี่เหลี่ยม หรือน้ากลิ้งไปกลิ้งมา ฯลฯ โดยอาศัยหลักการ ของ Tween ซึ่งหลักการคือ วาดรูปเริ่มต้นไว้ที่ Keyframe แรก และไปวาดรูป ปลายทางที่ keyframe ต่อไป แต่ Shape Tween นั้นจะทาได้เพียงรูปทรง พื้นฐานเท่านั้น ในรูปทรงยาก ๆ ก็จะให้การเปลี่ยนแปลงที่ไม่สวย
- 15. • การสร้างการเคลื่อนไหวแบบนี้สามารถกาหนดค่าต่าง ๆ ให้กับการเคลื่อนไหวได้ เช่น ปรับความเร็วในการเคลื่อนไหว กาหนดจานวนแสดงซ้า ทั้งหมดนี้ให้กาหนดค่าที่ พาเนล Properties • Frame Label กาหนดชื่อเฟรม เมื่อกาหนดชื่อจะปรากฏธงสีแดง และชื่อเฟรมที่จอภาพ Timeline • Tween กาหนดรูปแบบของภาพเคลื่อนไหว – None ไม่เคลื่อนไหว – Motion การเคลื่อนที่แบบย้ายสถานที่ โดยไม่มีการเปลี่ยนแปลงรูปร่างองวัตถุแต่สามารถเปลี่ยนขนาดวัตถุ – Shape การเคลื่อนไหวแบบเปลี่ยนรูปร่าง เช่นเปลี่ยนรูปร่างสี่เหลี่ยมเป็นรูปดาว • Ease กาหนดความช้าเร็วในการเคลื่อนที่ โดยมีข้อกาหนดดังนี้ – ถ้ากาหนดค่าตัวเลขมากกว่า 0 การเคลื่อนที่จะเริ่มจากเร็วแล้วค่อย ๆ ช้าลงจนกระทั่งหยุดการเคลื่อนไหว – ถ้ากาหนดค่าตัวเลขน้อยกว่า 0 การเคลื่อนที่จะเริ่มจากช้าแล้วค่อย ๆ เร็วขึ้นจนกระทั่งหยุดการเคลื่อนไหว • Rotate การกาหนดการตั้งค่าการหมุนของวัตถุ ดังนี้ • – None ไม่มีการหมุนวัตถุ – Auto หมุนวัตถุอัตโนมัติ – CW/CWW หมุนวัตถุตามเข็มนาฬิกา/ ทวนเข็มนาฬิกา การทาMotion Tween
- 16. ตัวอย่างการสร้างภาพเคลื่อนไหว จาก Tween Motion Tween แบบ Guide Layer
- 17. ตัวอย่างการสร้างภาพเคลื่อนไหว จาก Tween Motion Tween และ Shape Tween