การสร้างภาพเคลื่อนไหวแบบ Frame BY Frame

หนงั สอื อเิลก็ ทรอนกิ ส์(e-book) เลม่ น้ี เรอ่ื ง การสร้างภาพเคลอื่ นไหวแบบ Frame By Frame โดยใชโ้ ปรแกรม AdobeFlash ประกอบด้วยเนอ้ื หาเกย่ี วกบั การสร้างขอ้ ความเคลอื่ นไหวการสร้างภาพเคลอื่ นไหวแบบยา้ ยตาแหนง่ วตั ถุ การสร้างภาพเคลอื่ นไหวแบบยอ่ -ขยายวตั ถุ ผูจ้ ดั ทาหวงั เป็นอยา่ งยง่ิ ว่าหนงั สอื อเิลก็ ทรอนกิ ส์(e-book)เลม่ น้ี จะเป็นประโยชนต์ ่อผูท้ ส่ี นใจ ผูอ้ ่านในหนงั สอื เลม่ นเ้ีป็นอยา่ งดี หากมีขอ้ เสนอแนะประการใด ผูจ้ ดั ทายนิ ดนี อ้ มรบั ไวด้ ้วยความขอบคุณยงิ่และปรบั ปรุงในโอกาสหนา้ ต่อไป ผูจ้ ดั ทา นางสาวกนกวลยั พลอยมุข

ความหมาย Frame By Frame 1รปู แบบที่ 1 การสร้างข้อความเคล่ือนไหว 2-7รปู แบบท่ี 2 การสร้างภาพเคลื่อนไหวแบบย้ายตาแหน่งวัตถุ 8-13รปู แบบที่ 3 การสร้างภาพเคล่ือนไหวแบบย่อ-ขยายวัตถุ 14-21ประวัติผูจ้ ัดทา 22ประวัติอาจารย์ผูส้ อน 23บรรณานกุ รม 24

1 เป็ นการสรา้ งคีย์เฟรม หลายๆ คีย์เฟรมต่อเรียงกัน แต่ละเฟรมจะเป็ นอิสระต่อกัน การแก้ไขเฟรมใดเฟรมหน่ึง ไมส่ ่งผลต่อเฟรมอื่นๆ ซึ่งหลักๆ มีอยู่ 3รปู แบบคือ1. การสร้างข้อความเคล่ือนไหว2. การสร้างภาพเคล่ือนไหวแบบย้ายตาแหน่งวัตถุ3. การสร้างภาพเคล่ือนไหวแบบย่อ-ขยายวัตถุ

2ขน้ั ที่ 1 พมิ พข์ อ้ ความลงบน Stage โดยเรมิ่ ทค่ี ยี เ์ ฟรมใดคยี ์เฟรมหนง่ึ

3ขน้ั ที่ 2 เพม่ิ คยี ์เฟรมที่ 2 โดย กด F6 หรอื คลกิ ขวาทค่ี ยี ์เฟรมที่ 1 แลว้ คลกิ Insert Keyframe

4ขน้ั ที่ 3 คลกิ ทค่ี ยี ์เฟรมที่ 2 พมิ พต์ วั อกั ษรตวั ท่ี 2 หรอืขอ้ ความทต่ี ้องการ

5ขน้ั ท่ี 4 ทาขนั้ ตอนที่ 2 ต่อดว้ ยขนั้ ตอนท่ี 3 วนอยา่ งน้ีจนกว่าจะครบขอ้ ความทตี่ ้องการ

6ขน้ั ท่ี 5 ทาจนครบขอ้ ความทต่ี ้องการดงั ภาพ

7ขน้ั ท่ี 6 ทดสอบ Movie โดยกดCtrl+ Enter หรอื คลกิเมนู Control > Test Movie > Test

8ขนั้ ที่ 1 สร้างวตั ถุขน้ึ มา 1 ชน้ิ จะวาดเป็นภาพธรรมดาหรอืทาเป็น ซมิ โบลกไ็ด้ บนเฟรมท่ี 1

9ขน้ั ที่ 2 คลกิ ขวาทเ่ีฟรมท่ี 2 หรอื กด ปุ่ม F6 เพอื่ เพม่ิ คยี ์เฟรม (Keyframe)

10ขนั้ ท่ี 3 ใชล้ ูกศรสดี า (Selection Tool) คลกิ แลว้ ยา้ ยตาแหนง่ วตั ถุขยบั จากตาแหนง่ เดมิ เลก็ นอ้ ย

11ขนั้ ที่ 4 ทาซ้าขน้ั ท่ี 2 คอื คลกิ ขวาทเี่ฟรมถดั ไปคอื เฟรมที่ 3 หรอืกดปุ่ม F6 เพอื่ เพม่ิ คยี ์เฟรม จากนน้ั ใชล้ ูกศรสดี า (SelectionTool) คลกิ แลว้ ยา้ ยตาแหน่งวตั ถุอกี เลก็ นอ้ ย

12ขนั้ ท่ี 5 เพม่ิ คยี เ์ ฟรมต่อไปเรอื่ ยๆ และขยบั วตั ถุไปเรอื่ ยจนกระทง่ั ได้ภาพเคลอื่ นไหวตามต้องการจากนนั้ ตรวจสอบการเคลอื่ นไหวโดยการคลกิ ทหี่ วั อ่าน(Play Head) แลว้ ลากเมา้ ส์ซ้าย-ขวา

13ขน้ั ท่ี 6 กด Ctrl + Enter หรอื คลกิ ทเ่ีมนู Control >Test Movie>Test เพอ่ื ชมตวั อยา่ ง

14ขน้ั ที่ 1 วาดวตั ถุขน้ึ มา 1 ชน้ิ ดงั รูป

15ขนั้ ที่ 2 ใชล้ ูกศรสดี า (Selection Tool) ลากครอบวตั ถุทง้ั หมด

16ขนั้ ท่ี 3 คลกิ เลอื กเครอื่ งมอื Free Transform Control จะมกี รอบสดี าขน้ึ รอบวตั ถุ

17ขนั้ ที่ 4 นาเมา้ ส์มาชท้ี ก่ี รอบสเ่ีหลยี่ มสดี าเลก็ ๆทม่ี ุมของวตั ถุแลว้ ย่อยใหเ้ ป็นภาพขนาดเลก็

18ขน้ั ที่ 5 คลกิ ขวาทเ่ีฟรมท่ี 2 เลอื ก Insert Keyframeหรอืกดปุ่ม F6 เพมิ่ คยี ์เฟรม แลว้ ขยายภาพใหใ้ หญข่ น้ึ เลก็ นอ้ ย

19ขน้ั ท่ี 6 กดปุ่ม F6 เพม่ิ คยี เ์ ฟรมแลว้ ขยายภาพขน้ึ อกี เลก็ นอ้ ย

20ขนั้ ที่ 7 ทาซ้าขน้ั ตอนที่ 6 จนได้ขนาดภาพทตี่ ้องการอาจจะต้องเพม่ิ หลายๆคยี เ์ ฟรมกไ็ด้

21ขนั้ ที่ 8 กด Ctrl + Enter หรอื คลกิ ทเี่มนู Control > TestMovie>Test เพอ่ื ชมตวั อยา่ ง

22 นางสาวกนกวลยั พลอยมุข รหสั 001 ปวช.2/1แผนกคอมพวิ เตอร์ วทิ ยาลยั เทคนคิ ปทุมธานี

23 อาจารยว์ ลิ าวลั ย์ วชั โรทยัวชิ าอนิ เตอร์เนต็ เพอื่ งานธุรกจิ

24http://www.kroojan.com/flash/content/animate/frame-by-frame.html