Submit Search
Upload
ใบความรู้ที่5 การสร้างภาพเคลื่อนไหว (Tweened Animation)
•
1 like
•
1,102 views
Komkai Pawuttanon
Follow
การสร้างภาพแบบ Motion Tween และ Shape Tween
Read less
Read more
Education
Report
Share
Report
Share
1 of 5
Download now
Download to read offline
Recommended
ใบความรู้ที่ 4 ภาพlomo
ใบความรู้ที่ 4 ภาพlomo
Noofang DarkAnegl
การทำวัตถุเคลื่อนไหว
การทำวัตถุเคลื่อนไหว
Augusts Programmer
เวลาพลบค่ำในเมือง
เวลาพลบค่ำในเมือง
IvIy Alice
สร้างลูกศรควบคุมเกม Flash
สร้างลูกศรควบคุมเกม Flash
Augusts Programmer
ใบความรู้ที่ 1
ใบความรู้ที่ 1
chaiwat vichianchai
copy และ delete layer
copy และ delete layer
เชาวลักษณ์ ชาวงษ์
การยืมselection ในโปรเกรม photoshop
การยืมselection ในโปรเกรม photoshop
เชาวลักษณ์ ชาวงษ์
การเขียนโปรแกรมภาษา
การเขียนโปรแกรมภาษา
Ravib Prt
Recommended
ใบความรู้ที่ 4 ภาพlomo
ใบความรู้ที่ 4 ภาพlomo
Noofang DarkAnegl
การทำวัตถุเคลื่อนไหว
การทำวัตถุเคลื่อนไหว
Augusts Programmer
เวลาพลบค่ำในเมือง
เวลาพลบค่ำในเมือง
IvIy Alice
สร้างลูกศรควบคุมเกม Flash
สร้างลูกศรควบคุมเกม Flash
Augusts Programmer
ใบความรู้ที่ 1
ใบความรู้ที่ 1
chaiwat vichianchai
copy และ delete layer
copy และ delete layer
เชาวลักษณ์ ชาวงษ์
การยืมselection ในโปรเกรม photoshop
การยืมselection ในโปรเกรม photoshop
เชาวลักษณ์ ชาวงษ์
การเขียนโปรแกรมภาษา
การเขียนโปรแกรมภาษา
Ravib Prt
การเขียนโปรแกรม
การเขียนโปรแกรม
ikanok
การเขียนคำสั่งควบคุมแบบมีทางเลือก
การเขียนคำสั่งควบคุมแบบมีทางเลือก
View Nudchanad
ภาษาซี
ภาษาซี
kramsri
ภาษาซี
ภาษาซี
mycomc55
สื่อการสอนเกี่ยวกับทัศนธาตุในงานศิลปะชั้นมัธยมศึกษาปีที่ 2
สื่อการสอนเกี่ยวกับทัศนธาตุในงานศิลปะชั้นมัธยมศึกษาปีที่ 2
พัน พัน
ภาษาซี
ภาษาซี
Morn Suwanno
การเขียนคำสั่งขั้นพื้นฐาน(ภาษาC)
การเขียนคำสั่งขั้นพื้นฐาน(ภาษาC)
Visaitus Palasak
บทที่1 พื้นฐานโปรแกรมภาษาซี
บทที่1 พื้นฐานโปรแกรมภาษาซี
Komkai Pawuttanon
เรื่องภาษาซี
เรื่องภาษาซี
พัน พัน
Flash6
Flash6
กลัวจริงๆ ความรักษ์ที่ล้มสลาย
Flash6
Flash6
farimfilm
Animation
Animation
krubeenan
Animation
Animation
krubeenan
การทำวัตถุเคลื่อนไหว
การทำวัตถุเคลื่อนไหว
focusstorm124
เจมส์
เจมส์
เฉลิมพร สุขเกษม
swishmax2
swishmax2
Surapong Jakang
Manual Swish max3
Manual Swish max3
Surapong Jakang
ใบความรู้ที่ 4 การจัดการคีย์เฟรม
ใบความรู้ที่ 4 การจัดการคีย์เฟรม
Komkai Pawuttanon
ใบความรู้ที่3 การจัดการเฟรม
ใบความรู้ที่3 การจัดการเฟรม
Komkai Pawuttanon
ใบความรู้ที่2 การจัดการซีน
ใบความรู้ที่2 การจัดการซีน
Komkai Pawuttanon
บทที่ 3
บทที่ 3
Komkai Pawuttanon
บทที่ 2 ตัวแปร
บทที่ 2 ตัวแปร
Komkai Pawuttanon
More Related Content
Viewers also liked
การเขียนโปรแกรม
การเขียนโปรแกรม
ikanok
การเขียนคำสั่งควบคุมแบบมีทางเลือก
การเขียนคำสั่งควบคุมแบบมีทางเลือก
View Nudchanad
ภาษาซี
ภาษาซี
kramsri
ภาษาซี
ภาษาซี
mycomc55
สื่อการสอนเกี่ยวกับทัศนธาตุในงานศิลปะชั้นมัธยมศึกษาปีที่ 2
สื่อการสอนเกี่ยวกับทัศนธาตุในงานศิลปะชั้นมัธยมศึกษาปีที่ 2
พัน พัน
ภาษาซี
ภาษาซี
Morn Suwanno
การเขียนคำสั่งขั้นพื้นฐาน(ภาษาC)
การเขียนคำสั่งขั้นพื้นฐาน(ภาษาC)
Visaitus Palasak
บทที่1 พื้นฐานโปรแกรมภาษาซี
บทที่1 พื้นฐานโปรแกรมภาษาซี
Komkai Pawuttanon
เรื่องภาษาซี
เรื่องภาษาซี
พัน พัน
Viewers also liked
(9)
การเขียนโปรแกรม
การเขียนโปรแกรม
การเขียนคำสั่งควบคุมแบบมีทางเลือก
การเขียนคำสั่งควบคุมแบบมีทางเลือก
ภาษาซี
ภาษาซี
ภาษาซี
ภาษาซี
สื่อการสอนเกี่ยวกับทัศนธาตุในงานศิลปะชั้นมัธยมศึกษาปีที่ 2
สื่อการสอนเกี่ยวกับทัศนธาตุในงานศิลปะชั้นมัธยมศึกษาปีที่ 2
ภาษาซี
ภาษาซี
การเขียนคำสั่งขั้นพื้นฐาน(ภาษาC)
การเขียนคำสั่งขั้นพื้นฐาน(ภาษาC)
บทที่1 พื้นฐานโปรแกรมภาษาซี
บทที่1 พื้นฐานโปรแกรมภาษาซี
เรื่องภาษาซี
เรื่องภาษาซี
Similar to ใบความรู้ที่5 การสร้างภาพเคลื่อนไหว (Tweened Animation)
Flash6
Flash6
กลัวจริงๆ ความรักษ์ที่ล้มสลาย
Flash6
Flash6
farimfilm
Animation
Animation
krubeenan
Animation
Animation
krubeenan
การทำวัตถุเคลื่อนไหว
การทำวัตถุเคลื่อนไหว
focusstorm124
เจมส์
เจมส์
เฉลิมพร สุขเกษม
swishmax2
swishmax2
Surapong Jakang
Manual Swish max3
Manual Swish max3
Surapong Jakang
Similar to ใบความรู้ที่5 การสร้างภาพเคลื่อนไหว (Tweened Animation)
(8)
Flash6
Flash6
Flash6
Flash6
Animation
Animation
Animation
Animation
การทำวัตถุเคลื่อนไหว
การทำวัตถุเคลื่อนไหว
เจมส์
เจมส์
swishmax2
swishmax2
Manual Swish max3
Manual Swish max3
More from Komkai Pawuttanon
ใบความรู้ที่ 4 การจัดการคีย์เฟรม
ใบความรู้ที่ 4 การจัดการคีย์เฟรม
Komkai Pawuttanon
ใบความรู้ที่3 การจัดการเฟรม
ใบความรู้ที่3 การจัดการเฟรม
Komkai Pawuttanon
ใบความรู้ที่2 การจัดการซีน
ใบความรู้ที่2 การจัดการซีน
Komkai Pawuttanon
บทที่ 3
บทที่ 3
Komkai Pawuttanon
บทที่ 2 ตัวแปร
บทที่ 2 ตัวแปร
Komkai Pawuttanon
ผลงาน2554 คอมใหม่
ผลงาน2554 คอมใหม่
Komkai Pawuttanon
สรุปผลการแข่งขันคอมพิวเตอร์53
สรุปผลการแข่งขันคอมพิวเตอร์53
Komkai Pawuttanon
บทคัดย่อ
บทคัดย่อ
Komkai Pawuttanon
ประวัติราชการ
ประวัติราชการ
Komkai Pawuttanon
การอบรม สัมมนา
การอบรม สัมมนา
Komkai Pawuttanon
ผลงานปี 2555_คอม
ผลงานปี 2555_คอม
Komkai Pawuttanon
More from Komkai Pawuttanon
(11)
ใบความรู้ที่ 4 การจัดการคีย์เฟรม
ใบความรู้ที่ 4 การจัดการคีย์เฟรม
ใบความรู้ที่3 การจัดการเฟรม
ใบความรู้ที่3 การจัดการเฟรม
ใบความรู้ที่2 การจัดการซีน
ใบความรู้ที่2 การจัดการซีน
บทที่ 3
บทที่ 3
บทที่ 2 ตัวแปร
บทที่ 2 ตัวแปร
ผลงาน2554 คอมใหม่
ผลงาน2554 คอมใหม่
สรุปผลการแข่งขันคอมพิวเตอร์53
สรุปผลการแข่งขันคอมพิวเตอร์53
บทคัดย่อ
บทคัดย่อ
ประวัติราชการ
ประวัติราชการ
การอบรม สัมมนา
การอบรม สัมมนา
ผลงานปี 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. ปทุมธานี : มีเดีย อินเทลลิเจนซ์ เทคโนโลยี.
Download now