# งานย่อย 2 [เทียบโอน การสร้างภาพเคลื่อนไหว 2 มิติ (ง30201)] นายเกรียงศักดิ์ กลั่นบุศย์ ม.5/3

1. เทคนิคการวาดภาพและการทำา
ANIMATION ด้วยโปรแกรม
ADOBE FLASH
โปรแกรม Adobe Flash เป็นโปรแกรมที่ใช้สร้างสรรค์งาน
กราฟิก ที่ช่วยในการปรับแต่ง แก้ไข หรือออกแบบภาพ โดยทำาได้ง่าย
ด้วยเทคนิค “ตัด เชื่อม ปรับเปลี่ยนรูปร่าง” โปรแกรม Adobe Flash มี
การใช้งานโปรแกรม Adobe Flash เบื้องต้น ได้แก่ เทคนิคการวาดภา
พกราฟิกส์และการ์ตูนด้วยการตัดเชื่อมปรับเปลี่ยนรูปร่าง, การสร้าง
Graphic Symbol, การใช้เครื่องมือต่างๆของโปรแกรม และการสร้าง
Animation ในโปรแกรม Adobe Flash ได้แก่ ภาพเคลื่อนไหวแบบ
Motion Tween (แบบเคลื่อนที่), Shape Tween (แบบเปลี่ยนรูปทรง)
และ Frame by Frame (แบบเฟรมต่อเฟรม)
การใช้งานโปรแกรม Adobe Flash
เข้าที่โปรแกรม Adobe Flash จะปรากฏหน้าต่างของ
โปรแกรม
ภาพ หน้าต่างของโปรแกรม Adobe Flash
เครื่องมือโปรแกรม มีดังนี้
-แถบเครื่องมือหลัก (Main Toolbar) เป็นแถบเครื่องมือควบคุมการ
ทำางานหลักของโปรแกรม

2. - แถบเครื่องมือ (Toolbox) กลุ่มเครื่องมือสร้างงานและจัดการวัตถุของ
โปรแกรม Flash
- Document Tab คือ ส่วนควบคุมเอกสาร
- Timeline เป็นส่วนสำาคัญของโปรแกรม Flash ที่ทำาหน้าต่างควบคุม
การนำาเสนอผลงาน
- Layer ส่วนควบคุมการสร้างชั้นงาน เพื่อให้ชิ้นงานแต่ละชิ้นมีอิสระ
และสะดวกต่อการแก้ไข ปรับแต่ง
- Stage & Workspace เป็นพื้นที่ส่วนใหญ่ของหน้าต่างโปรแกรม มี
ลักษณะการทำางานคล้ายๆ กับเวทีการแสดง
- Panel หน้าต่างเล็กๆ ที่ทำาหน้าที่แสดงคำาสั่งควบคุมย่อยต่างๆ ของ
โปรแกรม
การวาดภาพด้วยเทคนิคตัดเชื่อมปรับเปลี่ยนรูปร่าง
-ถ้าต้องการเปลี่ยนรูปทรงของภาพสามารถใช้เทคนิค Drag &
Drop เพื่อทำาให้รูปทรงต่างๆเป็นเป็นรูปทรงอิสระอื่นๆ ได้ตามต้องการ
-โดยเริ่มต้นจากการวาดรูปทรงพื้นฐานที่ต้องการ โดยใช้เครื่องมือ
Rectangle Tool
-จากนั้นใช้เครื่องมือ Selection Tool แล้วนำาเมาส์ไปชี้บริเวณ
เส้นขอบของรูปภาพ แล้วกดเมาส์ค้างไว้ แล้วลากเมาส์ตามรูปทรงที่
ต้องการ
-รูปจะบิดตัวตามทิศทางการลากเมาส์ ทำาให้ได้รูปร่างตามที่
ต้องการ
-ถ้าต้องการให้เพิ่มความโค้ง สามารถทำาได้โดยคลิกที่บริเวณเส้น
ขอบของรูปแล้วลากออกมา รูปจะหดตัวตามทิศทางการลากเมาส์ ทำาให้
ได้รูปร่างตามที่ต้องการ

3. ภาพ รูปร่างที่ใช้เทคนิคตัดเชื่อมปรับเปลี่ยนรูปร่าง
ภาพ ตัวอย่างรูปการ์ตูนที่ใช้เทคนิคตัดเชื่อมปรับเปลี่ยนรูป
ร่าง
การสร้าง Graphic Symbol
-เริ่มต้นการสร้าง Graphics Symbol โดยเลือกคำาสั่ง Insert > New
Symbol…
-จะปรากฏหน้าต่าง จากนั้นตั้งชื่อ Symbol ในช่อง Name และเลือก
ประเภทของ Symbol ซึ่งมี 3 แบบดังนี้- Graphics Symbol (ภาพ
นิ่ง)- Button Symbol (ปุ่มสำาหรับคลิกหรือกด)- Movie Clip
Symbol (ภาพเคลื่อนไหว)จากนั้นคลิกที่ปุ่ม OK
-สร้าง Symbol ตามที่ต้องการจนครบทุกภาพ แล้วลาก Symbol ที่
ต้องการทำาภาพเคลื่อนไหวเข้ามาใน Stage
การสร้างภาพเคลื่อนไหว (Animation)

4. -ภาพเคลื่อนไหวแบบ Frame by Frame เป็นการวาดวัตถุที่ละเฟรม
เรียงต่อไปเรื่อยๆ โดยวัตถุที่นำามาสร้างจะอยู่ในรูปแบบใดก็ได้
ภาพ ตัวอย่างภาพเคลื่อนไหวแบบ Frame by Frame
-ภาพเคลื่อนไหวแบบ Motion Tween เป็นการสร้างภาพเคลื่อนไหวที่
กำาหนดเฉพาะจุดต้นและจุดสุดท้าย
ภาพ ตัวอย่างภาพเคลื่อนไหวแบบ Motion Tween
-ภาพเคลื่อนไหวแบบ Shape Tween เป็นเทคนิคการแปลงภาพจาก
ภาพหนึ่งเป็นอีกภาพหนึ่ง

5. ภาพ ตัวอย่างภาพเคลื่อนไหวแบบ Shape Tween
การใช้งานโปรแกรม Adobe Flash จำาเป็นต้องใช้ทักษะและ
ความชำานาญ เพราะขั้นตอนและเครื่องมือต่างๆค่อนข้างมาก จึงต้อง
ศึกษาการใช้งานโปรแกรมจากคู่มือหรือหนังสือประกอบการใช้งาน
เพื่อให้สามารถใช้งานโปรแกรมได้อย่างมีประสิทธิภาพ
นายเกรียงศักดิ์ กลั่นบุศย์ ม.5/3 เลขที่ 39

6. ภาพ ตัวอย่างภาพเคลื่อนไหวแบบ Shape Tween
การใช้งานโปรแกรม Adobe Flash จำาเป็นต้องใช้ทักษะและ
ความชำานาญ เพราะขั้นตอนและเครื่องมือต่างๆค่อนข้างมาก จึงต้อง
ศึกษาการใช้งานโปรแกรมจากคู่มือหรือหนังสือประกอบการใช้งาน
เพื่อให้สามารถใช้งานโปรแกรมได้อย่างมีประสิทธิภาพ
นายเกรียงศักดิ์ กลั่นบุศย์ ม.5/3 เลขที่ 39