วันเสาร์ที่ 21 มิถุนายน พ.ศ. 2557

การสร้างภาพเคลื่อนไหวแบบเฟรมต่อเฟรม (Frame-by-Frame)



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


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

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

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

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

ขั้นที่ 6 ทดสอบ Movie โดยกดCtrl+ Enter หรือ คลิกเมนู Control > Test Movie
   
จะได้ไฟล์ Movie เป็น .swf

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


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


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

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


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


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


ทีมา : http://www.kroojan.com/flash/content/animate/frame-by-frame.html

ไม่มีความคิดเห็น:

แสดงความคิดเห็น