SlideShare a Scribd company logo
1 of 5
Download to read offline
ใบความรู้ที่ 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

Viewers also liked

การเขียนโปรแกรม
การเขียนโปรแกรมการเขียนโปรแกรม
การเขียนโปรแกรมikanok
 
การเขียนคำสั่งควบคุมแบบมีทางเลือก
การเขียนคำสั่งควบคุมแบบมีทางเลือกการเขียนคำสั่งควบคุมแบบมีทางเลือก
การเขียนคำสั่งควบคุมแบบมีทางเลือกView Nudchanad
 
ภาษาซี
ภาษาซีภาษาซี
ภาษาซีkramsri
 
ภาษาซี
ภาษาซีภาษาซี
ภาษาซีmycomc55
 
สื่อการสอนเกี่ยวกับทัศนธาตุในงานศิลปะชั้นมัธยมศึกษาปีที่ 2
สื่อการสอนเกี่ยวกับทัศนธาตุในงานศิลปะชั้นมัธยมศึกษาปีที่  2สื่อการสอนเกี่ยวกับทัศนธาตุในงานศิลปะชั้นมัธยมศึกษาปีที่  2
สื่อการสอนเกี่ยวกับทัศนธาตุในงานศิลปะชั้นมัธยมศึกษาปีที่ 2พัน พัน
 
ภาษาซี
ภาษาซีภาษาซี
ภาษาซีMorn Suwanno
 
การเขียนคำสั่งขั้นพื้นฐาน(ภาษาC)
การเขียนคำสั่งขั้นพื้นฐาน(ภาษาC)การเขียนคำสั่งขั้นพื้นฐาน(ภาษาC)
การเขียนคำสั่งขั้นพื้นฐาน(ภาษาC)Visaitus Palasak
 
บทที่1 พื้นฐานโปรแกรมภาษาซี
บทที่1 พื้นฐานโปรแกรมภาษาซีบทที่1 พื้นฐานโปรแกรมภาษาซี
บทที่1 พื้นฐานโปรแกรมภาษาซีKomkai Pawuttanon
 
เรื่องภาษาซี
เรื่องภาษาซีเรื่องภาษาซี
เรื่องภาษาซีพัน พัน
 

Viewers also liked (9)

การเขียนโปรแกรม
การเขียนโปรแกรมการเขียนโปรแกรม
การเขียนโปรแกรม
 
การเขียนคำสั่งควบคุมแบบมีทางเลือก
การเขียนคำสั่งควบคุมแบบมีทางเลือกการเขียนคำสั่งควบคุมแบบมีทางเลือก
การเขียนคำสั่งควบคุมแบบมีทางเลือก
 
ภาษาซี
ภาษาซีภาษาซี
ภาษาซี
 
ภาษาซี
ภาษาซีภาษาซี
ภาษาซี
 
สื่อการสอนเกี่ยวกับทัศนธาตุในงานศิลปะชั้นมัธยมศึกษาปีที่ 2
สื่อการสอนเกี่ยวกับทัศนธาตุในงานศิลปะชั้นมัธยมศึกษาปีที่  2สื่อการสอนเกี่ยวกับทัศนธาตุในงานศิลปะชั้นมัธยมศึกษาปีที่  2
สื่อการสอนเกี่ยวกับทัศนธาตุในงานศิลปะชั้นมัธยมศึกษาปีที่ 2
 
ภาษาซี
ภาษาซีภาษาซี
ภาษาซี
 
การเขียนคำสั่งขั้นพื้นฐาน(ภาษาC)
การเขียนคำสั่งขั้นพื้นฐาน(ภาษาC)การเขียนคำสั่งขั้นพื้นฐาน(ภาษาC)
การเขียนคำสั่งขั้นพื้นฐาน(ภาษาC)
 
บทที่1 พื้นฐานโปรแกรมภาษาซี
บทที่1 พื้นฐานโปรแกรมภาษาซีบทที่1 พื้นฐานโปรแกรมภาษาซี
บทที่1 พื้นฐานโปรแกรมภาษาซี
 
เรื่องภาษาซี
เรื่องภาษาซีเรื่องภาษาซี
เรื่องภาษาซี
 

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

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

Flash6
Flash6Flash6
Flash6
 
Flash6
Flash6Flash6
Flash6
 
Animation
AnimationAnimation
Animation
 
Animation
AnimationAnimation
Animation
 
การทำวัตถุเคลื่อนไหว
การทำวัตถุเคลื่อนไหวการทำวัตถุเคลื่อนไหว
การทำวัตถุเคลื่อนไหว
 
เจมส์
เจมส์เจมส์
เจมส์
 
swishmax2
swishmax2swishmax2
swishmax2
 
Manual Swish max3
Manual Swish max3Manual Swish max3
Manual Swish max3
 

More from Komkai Pawuttanon

ใบความรู้ที่ 4 การจัดการคีย์เฟรม
ใบความรู้ที่ 4 การจัดการคีย์เฟรมใบความรู้ที่ 4 การจัดการคีย์เฟรม
ใบความรู้ที่ 4 การจัดการคีย์เฟรมKomkai Pawuttanon
 
ใบความรู้ที่3 การจัดการเฟรม
ใบความรู้ที่3 การจัดการเฟรมใบความรู้ที่3 การจัดการเฟรม
ใบความรู้ที่3 การจัดการเฟรมKomkai Pawuttanon
 
ใบความรู้ที่2 การจัดการซีน
ใบความรู้ที่2 การจัดการซีนใบความรู้ที่2 การจัดการซีน
ใบความรู้ที่2 การจัดการซีนKomkai Pawuttanon
 
บทที่ 2 ตัวแปร
บทที่ 2 ตัวแปรบทที่ 2 ตัวแปร
บทที่ 2 ตัวแปรKomkai Pawuttanon
 
ผลงาน2554 คอมใหม่
ผลงาน2554 คอมใหม่ผลงาน2554 คอมใหม่
ผลงาน2554 คอมใหม่Komkai Pawuttanon
 
สรุปผลการแข่งขันคอมพิวเตอร์53
สรุปผลการแข่งขันคอมพิวเตอร์53สรุปผลการแข่งขันคอมพิวเตอร์53
สรุปผลการแข่งขันคอมพิวเตอร์53Komkai Pawuttanon
 
ประวัติราชการ
ประวัติราชการประวัติราชการ
ประวัติราชการKomkai Pawuttanon
 
การอบรม สัมมนา
การอบรม สัมมนาการอบรม สัมมนา
การอบรม สัมมนาKomkai Pawuttanon
 
ผลงานปี 2555_คอม
ผลงานปี 2555_คอมผลงานปี 2555_คอม
ผลงานปี 2555_คอมKomkai Pawuttanon
 

More from Komkai Pawuttanon (11)

ใบความรู้ที่ 4 การจัดการคีย์เฟรม
ใบความรู้ที่ 4 การจัดการคีย์เฟรมใบความรู้ที่ 4 การจัดการคีย์เฟรม
ใบความรู้ที่ 4 การจัดการคีย์เฟรม
 
ใบความรู้ที่3 การจัดการเฟรม
ใบความรู้ที่3 การจัดการเฟรมใบความรู้ที่3 การจัดการเฟรม
ใบความรู้ที่3 การจัดการเฟรม
 
ใบความรู้ที่2 การจัดการซีน
ใบความรู้ที่2 การจัดการซีนใบความรู้ที่2 การจัดการซีน
ใบความรู้ที่2 การจัดการซีน
 
บทที่ 3
บทที่ 3บทที่ 3
บทที่ 3
 
บทที่ 2 ตัวแปร
บทที่ 2 ตัวแปรบทที่ 2 ตัวแปร
บทที่ 2 ตัวแปร
 
ผลงาน2554 คอมใหม่
ผลงาน2554 คอมใหม่ผลงาน2554 คอมใหม่
ผลงาน2554 คอมใหม่
 
สรุปผลการแข่งขันคอมพิวเตอร์53
สรุปผลการแข่งขันคอมพิวเตอร์53สรุปผลการแข่งขันคอมพิวเตอร์53
สรุปผลการแข่งขันคอมพิวเตอร์53
 
บทคัดย่อ
บทคัดย่อบทคัดย่อ
บทคัดย่อ
 
ประวัติราชการ
ประวัติราชการประวัติราชการ
ประวัติราชการ
 
การอบรม สัมมนา
การอบรม สัมมนาการอบรม สัมมนา
การอบรม สัมมนา
 
ผลงานปี 2555_คอม
ผลงานปี 2555_คอมผลงานปี 2555_คอม
ผลงานปี 2555_คอม
 

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