ݺߣ

ݺߣShare a Scribd company logo

ใบความรู้ที่5 การสร้างภาพเคลื่อนไหว (Tweened Animation)

•
•
Komkai Pawuttanon
Komkai Pawuttanon

การสร้างภาพแบบ Motion Tween และ Shape Tween

1 of 5
Downloaded 15 times
ใบความรู้ที่ 5 การสร้างภาพเคลื่อนไหวแบบกาหนดจุดเริ่มต้นและจุดสิ้นสุด (Tweened Animation) การเคลื่อนไหวในลักษณะนี้จะมีการกาหนดจุดเริ่มต้นในการแสดงภาพเคลื่อนไหว และ ใช้วิธีการคานวณของ Flash ในการแสดงภาพต่าง ๆ โดยที่ไม่ต้องไปหาภาพมาเรียงต่อกัน แบ่งลักษณะการเคลื่อนไหวออกเป็น 2 ลักษณะคือ 1. เปลี่ยนแปลงสถานที่ (Motion Tween) มีวิธีการสร้าง ดังนี้  สร้างไฟล์เอกสาร Flash ณ ตาแหน่งเฟรมที่ 1 นาภาพ หรือ วาดวัตถุไว้บน Stage  คลิกขวา ณ ตาแหน่งเฟรมที่ 1 เลือก Create Motion Tween  คลิกขวาที่เฟรม 30 เลือก Insert Keyframe จะปรากฏลูกศรชี้จากเฟรมที่ 1 ถึง 30  ณ เฟรมที่ 30 ใช้เมาส์ลากวัตถุไปไว้ตาแหน่งอื่น  ทดสอบการเคลื่อนไหวโดยการกดปุ่ม Ctrl + Enter วาดวัตถุไว้บน Stage
คลิกขวา ณ ตาแหน่งเฟรมที่ 1 เลือก Create Motion Tween คลิกขวา ณ ตาแหน่งเฟรมที่ 30 Insert Keyframe ณ ตาแหน่งเฟรมที่ 30 ใช้เมาส์ ลากวัตถุไปวางไว้ตาแหน่งอื่น
2. เปลี่ยนแปลงลักษณะเดิม (Shape Tween) มีวิธีการสร้าง ดังนี้  สร้างไฟล์เอกสาร Flash ที่เฟรม 1 วาดวัตถุวงกลมไว้บน Stage  คลิกขวา ณ ตาแหน่งเฟรมที่ 1 เลือก Create Shape Tween  คลิกขวาที่เฟรม 30 เลือก Insert Keyframe จะปรากฏลูกศรชี้จากเฟรมที่ 1 ถึง 30  ณ เฟรมที่ 30 ลบรูปภาพเดิม สร้างรูปสี่เหลี่ยม ใช้เมาส์ลากวัตถุไปไว้ตาแหน่งอื่น  ทดสอบการเคลื่อนไหวโดยการกดปุ่ม Ctrl + Enter วาดวัตถุวงกลมไว้บน Stage คลิกขวา ณ ตาแหน่งเฟรมที่ 1 เลือก Create Shape Tween
คลิกขวา ณ ตาแหน่งเฟรมที่ 30 เลือก Insert Keyframe จะปรากฏลูกศรจากเฟรมที่ 1 ถึง 30
เฟรมที่ 30 ลบรูปวงกลม แล้ววาดรูปสี่เหลี่ยม พร้อมกับการใช้เมาส์ ลากวัตถุไปไว้ตาแหน่งอื่น ที่มา : ภุชงค์ จันทร์เปล่ง. (2554). หนังสือเรียนเพิ่มเติม การใช้โปรแกรม Adobe Flash CS3. ปทุมธานี : มีเดีย อินเทลลิเจนซ์ เทคโนโลยี.

More Related Content

ใบความรู้ที่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. ปทุมธานี : มีเดีย อินเทลลิเจนซ์ เทคโนโลยี.