ใบความรู้ที่5 การสร้างภาพเคลื่อนไหว (Tweened Animation)
1 like1,142 views
การสร้างภาพแบบ Motion Tween และ Shape Tween
More Related Content
Viewers also liked (9)
Similar to ใบความรู้ที่5 การสร้างภาพเคลื่อนไหว (Tweened Animation) (8)
More from Komkai Pawuttanon (11)
Recently uploaded (6)
ใบความรู้ที่5 การสร้างภาพเคลื่อนไหว (Tweened Animation)
- 1. ใบความรู้ที่ 5 การสร้างภาพเคลื่อนไหวแบบกาหนดจุดเริ่มต้นและจุดสิ้นสุด (Tweened Animation) การเคลื่อนไหวในลักษณะนี้จะมีการกาหนดจุดเริ่มต้นในการแสดงภาพเคลื่อนไหว และ ใช้วิธีการคานวณของ Flash ในการแสดงภาพต่าง ๆ โดยที่ไม่ต้องไปหาภาพมาเรียงต่อกัน แบ่งลักษณะการเคลื่อนไหวออกเป็น 2 ลักษณะคือ 1. เปลี่ยนแปลงสถานที่ (Motion Tween) มีวิธีการสร้าง ดังนี้ สร้างไฟล์เอกสาร Flash ณ ตาแหน่งเฟรมที่ 1 นาภาพ หรือ วาดวัตถุไว้บน Stage คลิกขวา ณ ตาแหน่งเฟรมที่ 1 เลือก Create Motion Tween คลิกขวาที่เฟรม 30 เลือก Insert Keyframe จะปรากฏลูกศรชี้จากเฟรมที่ 1 ถึง 30 ณ เฟรมที่ 30 ใช้เมาส์ลากวัตถุไปไว้ตาแหน่งอื่น ทดสอบการเคลื่อนไหวโดยการกดปุ่ม Ctrl + Enter วาดวัตถุไว้บน Stage
- 2. คลิกขวา ณ ตาแหน่งเฟรมที่ 1 เลือก Create Motion Tween คลิกขวา ณ ตาแหน่งเฟรมที่ 30 Insert Keyframe ณ ตาแหน่งเฟรมที่ 30 ใช้เมาส์ ลากวัตถุไปวางไว้ตาแหน่งอื่น
- 3. 2. เปลี่ยนแปลงลักษณะเดิม (Shape Tween) มีวิธีการสร้าง ดังนี้ สร้างไฟล์เอกสาร Flash ที่เฟรม 1 วาดวัตถุวงกลมไว้บน Stage คลิกขวา ณ ตาแหน่งเฟรมที่ 1 เลือก Create Shape Tween คลิกขวาที่เฟรม 30 เลือก Insert Keyframe จะปรากฏลูกศรชี้จากเฟรมที่ 1 ถึง 30 ณ เฟรมที่ 30 ลบรูปภาพเดิม สร้างรูปสี่เหลี่ยม ใช้เมาส์ลากวัตถุไปไว้ตาแหน่งอื่น ทดสอบการเคลื่อนไหวโดยการกดปุ่ม Ctrl + Enter วาดวัตถุวงกลมไว้บน Stage คลิกขวา ณ ตาแหน่งเฟรมที่ 1 เลือก Create Shape Tween
- 4. คลิกขวา ณ ตาแหน่งเฟรมที่ 30 เลือก Insert Keyframe จะปรากฏลูกศรจากเฟรมที่ 1 ถึง 30
- 5. เฟรมที่ 30 ลบรูปวงกลม แล้ววาดรูปสี่เหลี่ยม พร้อมกับการใช้เมาส์ ลากวัตถุไปไว้ตาแหน่งอื่น ที่มา : ภุชงค์ จันทร์เปล่ง. (2554). หนังสือเรียนเพิ่มเติม การใช้โปรแกรม Adobe Flash CS3. ปทุมธานี : มีเดีย อินเทลลิเจนซ์ เทคโนโลยี.