NECTEC
NSTDA
Home
Computer
Program
Internet & Web
Graphics
CAI
Multimedia
Electrical Power
General Education
Special Education
Links
Webmaster
Macromedia Flash

ตัวอย่างการสร้างมูฟวี่ Motion Guide

Motion Guide คือ การสร้าง Movie โดยอาศัยเส้นนำ ที่เรียกว่า Guide โดยมีหลักการดังนี้


ตัวอย่าง คลิกดูผลได้ครับ

  • เปิดไฟล์ใหม่ด้วยคำสั่ง File, New...
  • กำหนดลักษณะของ Movie ให้มีขนาดตามต้องการ เช่น 600 x 400 pixels เป็นต้น
  • สร้างข้อความ หรือนำภาพที่ต้องการมาวาง
  • ตัวอย่างนำภาพหนูมาใช้งาน ให้เลือกเมนู Window, Common, Libraries, Graphics
  • นำเมาส์ไปคลิกที่รูปหนูในหน้าต่าง Library แล้วลากมาวางบน Stage
  • สังเกตใน Timeline จะพบสัญลักษณ์จุดดำเล็กๆ ในช่องเฟรมที่ 1 ของเลเยอร์ 1 (เรียกเฟรมที่มีจุดดำเล็กๆ นี้ว่า Keyframe)
  • ดับเบิ้ลคลิกที่ชื่อ Layer 1 แล้วพิมพ์ชื่อใหม่เป็น Mouse แล้วกดปุ่ม <Enter> ขั้นตอนนี้เป็นการเปลี่ยนชื่อ Layer
  • สร้าง Layer ใหม่แบบ Guide Layer โดยคลิกที่ปุ่ม Add Guie Layer
  • นำเมาส์คลิกในเฟรมที่ 1 ของเลเยอร์ Guide
  • เลือกเครื่องมือเป็น Pencil
  • วาดเส้น โดยเส้นนี้จะเป็นเส้นนำของการเคลื่อนที่
  • นำเมาส์ไปคลิกในเฟรมที่ 20 ของเลเยอร์ Guide
  • เลือกคำสั่ง Insert, Frame จะปรากฏจุดสี่เหลี่ยมเล็กๆ ในเฟรมที่ 20 ของเลเยอร์ ดังรูป
  • หมายเหตุ ที่ใช้คำสั่ง Insert, Frame เพราะเส้นในเลเยอร์นี้ไม่มีการเคลื่อนที่
  • คลิกเลือกเครื่องมือ Arrow
  • นำเมาส์กลับมาคลิกที่เฟรมที่ 1 ของเลเยอร์ Mouse
  • นำเมาส์มาชี้ที่รูปหนู แล้วลากตัวหนูไปที่ปลายด้านหนึ่งของเส้น โดยขณะที่ลาก จะต้องปรากฏสัญลักษณ์ Snap to Grid (จุดสีดำหนาๆ ปรากฏตรงกลางตัวหนู)
  • นำเมาส์ไปคลิกที่เฟรมที่ 20 ของเลเยอร์ Mouse
  • เลือกเมนูคำสั่ง Insert, Keyframe
  • ลากตัวหนูไปไว้ที่ปลายด้านหนึ่งของเส้น โดยใช้หลักการเดิม
  • นำเมาส์กลับมาคลิกที่เฟรม 1 ของเลเยอร์ Mouse
  • เลือกเมนูคำสั่ง Insert, Create Motion Tween จะปรากฏลูกศรตั้งแต่เฟรมที่ 2 ถึงเฟรม 19 ดังรูป
  • จัดเก็บไฟล์ ด้วยคำสั่ง File, Save จะได้ไฟล์นามสกุล .fla
  • ทดสอบด้วยการกดปุ่ม หากต้องการกลับมาจอภาพแก้ไข ให้กดปุ่ม