เนื้ัอหาการใช้งานโปรแกรม Adobe flash cs6 และขั้นตอนการสร้างภาพเคลื่อนไหวแบบต่าง ๆ

รายงาน

เร่ือง การใช้งานโปรแกรม Adobe flash cs6 และขน้ั ตอนการสรา้ งภาพเคลื่อนไหว
แบบต่าง ๆ

ผู้จดั ทำ
นาย กญั จ์ ลอแท รหัสนักศึกษา 6122263433 ระดับชน้ั ปวส.61

รายงานเป็นสว่ นนึง่ ของการศึกษาตามหลักสูตรประกาศนียบตั รวชิ าชพี ขัน้ สูง

คณะบริหารธุรกจิ สาขาคอมพวิ เตอร์ธุรกจิ

วิทยาลยั อาชีวศกึ ษาโปลเี ทคนคิ ภาคตะวันออกเฉียงเหนือ

ปีการศึกษา 2563

ก

สารบัญ หน้า

เร่อื ง ค
1-4
สารบัญ 5-8
การติดต้งั โปรแกรม Adobe flash cs6 9 - 10
ส่วนประกอบของโปรแกรม Adobe flash cs6
การใชง้ านโปรแกรม Adobe flash cs6 11
ข้ันตอนการสร้างวัตถุโดยใชเ้ คร่อื งมือตา่ งๆ 12
13
การสร้างวัตถุ (Object) ดว้ ยเคร่ืองมือ Line Tool 14
การสรา้ งวตั ถุดว้ ย Pen Tool 15
การสร้างวัตถุด้วย Oval Tool 16
การสร้างวัตถดุ ว้ ย Ractangle Tool 17
การสร้างวัตถุด้วย Pencil Tool 17 - 18
การสรา้ งวตั ถดุ ้วย Brush Tool 19 - 21
ขนั้ ตอนการสร้างภาพเคล่อื นไหวแบบตา่ งๆ 22 - 23
การสรา้ งงานแอนเิ มชันแบบ Frame By Frame 24 - 25
การสรา้ งงานแอนิเมชนั แบบ Classic Tween 26 - 30
การสร้างงานแอนิเมชนั แบบ Motion Tween 31 - 33
การสรา้ งงานแอนิเมชนั แบบ Shape Tween 34
การสร้างงานแอนิเมชันแบบ Classic Motion Guide
การสร้างงานแอนเิ มชันแบบ Mask Layer
อ้างองิ และเน้ือหา

1

การตดิ ตงั้ โปรแกรม Adobe flash cs6

1.เปิดไฟล์ Set up Program adobe cs6 เพื่อทำการตดิ ต้ัง Adobe Flash Professional CS6

2

2.เลือก Install a Trial เพื่อติดตั้งแบบจำกัดเวลา แตห่ ากมีรหสั สามารถเลือกแบบอื่นได้

3

3.เลือกกด Install เพื่อเร่ิมต้นการตดิ ตั้งโปรแกรม Adobe Flash Professional CS6

4

4.ทำการติดตั้งเสรจ็ สิ้น ทดลองเปิด Program

5

สว่ นประกอบของโปรแกรม Adobe flash cs6

- เม่อื เปดิ โปรแกรม Adobe Flash Professional CS6 แลว้ จะปรากฏหน้าจอดังภาพ

6

- ส่วนประกอบของโปรแกรม Adobe Flash Professional CS6

1. Menu Bar (เมนบู าร)์ เป็นสว่ นสำหรบั แสดงรายการคำส่ังต่างๆ ของโปรแกรม

2. Stage (สเตจ) เปน็ สว่ นท่เี รากำหนดขอบเขตขนาดของการทำงาน เปน็ พื้นทีส่ ่วนท่ีใช้ในการวางวัตถุตา่ งๆ
หรืออาจจะเรยี กว่า "เวที" เมอื่ มีการนำเสนอผลงานจะแสดงเฉพาะวตั ถุบน Stage น้เี ทา่ น้ัน

3. Properties (พรอ็ พเพอร์ตี้) เป็นส่วนกำหนดคณุ สมบัติใหก้ ับวตั ถตุ า่ งๆ ที่เราใชง้ าน ท้ังการกำหนดค่าตา่ งๆ
หรือการปรับปรุงเปลีย่ นแปลงแกไ้ ขวตั ถไุ หนก็นำเมาส์ไปคลิกที่วัตถุน้นั ก่อน

4.Timeline (ไทม์ไลน)์ มีไวส้ ำหรับควบคุมการทำงานและกำหนดการนำเสนอผลงาน ตลอดจนการเคล่ือนไหว
ตา่ งๆ

5. Toolbox (ทูลบ๊อกซ)์ เป็นกลมุ่ ของเคร่ืองมือในการสร้างงานและจัดการวัตถตุ ่างๆ ซ่งึ ประกอบด้วยปุ่ม
เครอ่ื งมอื ย่อยต่างๆ ท่ีใชใ้ นการสรา้ งงาน

7

- ส่วนประกอบต่างๆ ที่ปรากฏบน Timeline

8

- ส่วนประกอบกล่องเคร่ืองมือ (Toolbox)
1.กลุ่มเลือก Selection

2. กลุ่มการวาดและการตกแต่งภาพ

3.กลมุ่ View มมุ มอง
4.กลุ่ม Colors กลุ่มสแี ละพน้ื หลัง
5.กลมุ่ Option กลมุ่ คำส่ังเพ่ิมเติมจะแสดงแต่ละคำสั่งเมอื่ เลือกใชง้ านจากกลมุ่ 1 - 4

9

การใช้งานโปรแกรม Adobe flash cs6

- ดบั เบลิ คลกิ รูปสญั ลักษณ์ icon Desktop และเลือกโปรแกรม Adobe flash cs6

10

- โปรแกรมจะเรมิ่ ทำงานแล้วเขา้ สหู่ นา้ ตา่ งต้อนรบั ดงั ภาพ

11

ข้ันตอนการสรา้ งวตั ถโุ ดยใชเ้ ครื่องมอื ตา่ งๆ

การสร้างวัตถุ (Object) ดว้ ยเครือ่ งมือ Line Tool
Line Tool คอื เคร่ืองมือสำหรับวาดเสน้ ตรง โดยเราสามารถกำหนดสี ความหนา และลวดลาย ต่างๆโดย
กำหนดได้ที่หน้าต่าง properties ขั้นตอนการสรา้ ง ดงั น้ี
ข้นั ที่ 1 คลกิ เลือกเครอ่ื งมือที่ Tool Box ดังภาพ

ขั้นที่ 2 กำหนดลักษณะของเสน้ ทห่ี นา้ ตา่ ง Properties
กรณีหน้าต่างถูกปดิ เปิดไดโ้ ดยคลกิ Window > Properties > Properties ดังภาพ

กำหนดลกั ษณะของเส้นตามต้องการ (ตำแหนง่ ด้านลา่ งจอภาพ)

ขั้นที่ 3 ใชเ้ มาสล์ ากเส้น ปรบั ขนาด เปลยี่ นสี ตามตอ้ งการ

12
การสร้างวตั ถุดว้ ย Pen Tool
Pen Tool เปน็ เครอ่ื งมือท่ีใช้สำหรบั วาดเส้น ตรง และเส้นโคง้ แบบเทย่ี งตรง หรอื ทเี่ รียกกนั วา่ พาธ (path) ซง่ึ
หากลากครบรอบจะมกี ารใส่ Fill ใหอ้ ัตโนมตั ิ นอกจากน้ยี ังเพิม่ หรือลบจดุ บนเสน้ โคง้ ได้อีกด้วย
Tips : การกด <Shift> ช่วยใหล้ ากเส้นมมุ 45 องศาง่ายขึน้
ขน้ั ตอนการใชเ้ คร่ืองมือ
ขั้นท่ี 1 คลิกเลือกเครอ่ื งมือท่ี Tool Box
ข้นั ท่ี 2 กำหนดสีเสน้ และสีพ้ืน ดังภาพ

ขน้ั ท่ี 3 คลิกเมาส์ท่ี stage พร้อมทงั้ ดงึ หรอื ดดั แฮนเดิล จนกว่าเสน้ จะบรรจบทีจ่ ดุ เรม่ิ ต้น

หมายเหตุ : เม่อื ลากเสน้ บรรจบเสน้ เร่ิมตน้ โปรแกรมจะเทสีเส้น และสีพ้นื ให้อัตโนมตั ิ

13
การสร้างวตั ถดุ ว้ ย Oval Tool
การวาดรูปด้วย Oval Tool (เครื่องมอื วาดวงกลม-วงรี) มขี ั้นตอนดงั นี้
1. เลือก Oval Tool จากทลู บ็อกซ์
2. กำหนดคุณสมบัติของ stroke และ fill บน property inspector ตามต้องการ
3. คลิกลากเมาสบ์ นสเตจในแนวทะแยงตาม ขนาดทต่ี อ้ งการ ถ้าตอ้ งการวงกลมให้กดคีย์ Shift คา้ งไว้ขณะที่
ลากเมาส์
ขัน้ ท่ี 1 คลิกเลือกเคร่อื งมือที่ Tool Box
ขั้นท่ี 2 กำหนดคณุ สมบัติของ stroke และ fill บน Properties ตามต้องการ

ขั้นที่ 3 คลกิ ลากเมาสบ์ นสเตจในแนวทะแยง ตามขนาดทต่ี ้องการ ถา้ ต้องการวงกลมให้กดคีย์ Shift ค้างไว้ใน
ขณะทลี่ ากเมาส์

ผลทไี่ ด้

14
การสรา้ งวัตถุด้วย Ractangle Tool
เคร่อื งมือ Rectangle Tool (เครอ่ื งมือวาดรปู สีเ่ หลี่ยม)เป็นเครอื่ งมือสำหรบั วาด สเี่ หลีย่ ม ซึ่งมสี ว่ นประกอบ
เปน็ เส้นรอบรปู และสีพน้ื เช่น เดยี วกับวงร/ี วงกลม นอกจากนั้นเครื่องมือน้ยี ังมี modifier สำหรับปรบั มมุ ใหม้ ี
ลกั ษณะโค้งมนได้อกี ด้วย
ขน้ั ที่ 1 คลกิ เลือกเครอ่ื งมอื ท่ี Tool Box

ข้ันที่ 2 กำหนดความโค้งมนของสเี่ หล่ยี มได้โดยคลกิ ที่ สัญลักษณ์ ดงั ภาพ

ขัน้ ที่ 3 คลิกลากเมาส์บนสเตจในแนวทางทะแยงตาม ขนาดทีต่ อ้ งการถา้ ตอ้ งการสี่เหลีย่ มจตั ุรสั ให้กดคยี ์ Shift
ค้างไวข้ ณะท่ลี ากเมาส์

15
การสร้างวตั ถดุ ้วย Pencil Tool

เคร่อื งมอื Pencil มีไวส้ ำหรบั ลากเสน้ Line โดยอาศัยเส้นทางที่ เมาสผ์ า่ น เหมาะสำหรบั งานที่เปน็
Freehand หรอื มีอปุ กรณเ์ สริม Option (ตวั เลือก)
– Straighten – ลายเสน้ ทีอ่ อกมาจะถกู ดัดใหต้ รง
– Smooth – ลายเส้นทีอ่ อกมาจะถูกดดั ใหเ้ ป็นส่วนโค้ง
– Ink – ลายเส้นทีอ่ อกมาจะถกู ดัดใหส้ ่วนโค้งแตจ่ ะพยายามรักษาเสน้ เดิมให้ มากท่ีสุด
ขัน้ ท่ี 1 คลกิ เลือกเคร่อื งมอื ที่ Tool Box

ขัน้ ท่ี 2 กำหนดลักษณะของเสน้ ทีห่ นา้ ตา่ ง Options

ข้นั ที่ 3 ใชเ้ มาส์ลากเสน้ ตามต้องการ

16
การสรา้ งวัตถุด้วย Brush Tool
การสร้างวตั ถุ (Object) ด้วยเคร่ืองมือ Brush Tool
เครือ่ งมอื Brush มีไวส้ ำหรับลากเส้นวาดเป็นรปู ร่างตา่ งๆ โดยอาศยั เสน้ ทางท่เี มาส์ผา่ น เหมาะสำหรบั งานท่ี
เป็น Freehand หรือมีอุปกรณเ์ สริม
ขั้นที่ 1 คลิกเลือกเคร่อื งมอื ที่ Tool Box

ขน้ั ที่ 2 กำหนดขนาดและลักษณะของเส้นทห่ี น้าตา่ ง Options

ขั้นที่ 3 เลือกสีจากสขี องพนื้ หลงั แลว้ ใชเ้ มาสล์ ากเส้นตามต้องการ

17

ข้ันตอนการสรา้ งภาพเคลือ่ นไหวแบบตา่ งๆ

การสรา้ งงานแอนเิ มชนั แบบ Frame By Frame
การสร้างภาพเคล่ือนไหวแบบนี้ เปน็ การสรา้ งคียเ์ ฟรม หลายๆ คยี ์เฟรมต่อเรียงกนั แตล่ ะเฟรมจะเปน็ อิสระตอ่
กัน การแก้ไขเฟรมใดเฟรมหน่ึง ไม่ส่งผลต่อเฟรมอน่ื ๆ
ข้นั ที่ 1 พิมพ์ขอ้ ความลงบน Stage โดยเร่มิ ทค่ี ยี ์เฟรมใดคยี ์เฟรมหนึ่ง

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

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

18

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

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

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

19
การสรา้ งงานแอนิเมชันแบบ Classic Tween
เปน็ การเคลื่อนทข่ี องวตั ถจุ ากจุดหน่ึงไปยงั อีกจุดหน่ึง หรอื เป็นลกั ษณะการเคลื่อนทใ่ี นแนวตรง
1.สรา้ งวัตถเุ ขา้ ไปใน Stage ซ่ึงเราสามารถแทรกรูปภาพหรอื วตั ถุอ่นื ๆ ลงไปแทนได้ (ตวั อยา่ งจะใชก้ ารวาด
รูปทรงวงกลมดว้ ยเคร่ืองมือ (Oval Tool)

2. วาดรูปทรงวงกลมขนาดตามตอ้ งการลงไปบน Stage

3. ในสว่ นหนา้ ต่าง Time line สร้าง keyframe เพือ่ ระบุตำแหน่งเร่มิ - สิ้นสดุ ของวตั ถุ
ตวั อย่างจะกำหนดความยาว 50 เฟรม (สามารถเลือกเฟรมทเี่ ทา่ ไรก็ได้ เชน่ เฟรมท่ี 100 หรอื เฟรมอน่ื ๆ

ตามต้องการ) คลิกขวาเฟรมท่ี 50 เลอื ก Insert Keyframe (คยี ล์ ดั คือ F6 )

20

4. จากน้ันจะได้ลักษณะของ Time line ดงั ภาพ (จะเห็นว่ามจี ดุ สีดำ อยู่ 2 จุด ซงึ่ ก็คือ keyframe)

5. เลอื กเฟรมที่ 50 หลังจากนั้นทำการย้ายวัตถุไปไวย้ ังตำแหนง่ ใหม่ตามทีต่ ้องการ

6.คลิกขวาระหวา่ งเฟรมที่ 1-50 จากนั้นเลอื กคำสง่ั Create Classic Tween โดยคลิกเลือกคำส่ังในบรเิ วณ
กรอบสีแดงดังรูป

21
7. ลักษณะ Time Line เม่อื เลอื กคำส่งั Classic Tween จะปรากฏเปน็ ลกู ศรช้ไี ปทางดา้ นขวาและสีบนเฟรม
จะเป็นสมี ว่ งอ่อนๆ

8.ทดสอบการเลน่ ดว้ ยการกดปุม่ Ctrl+Enter จะปรากฏ

22
การสร้างงานแอนเิ มชนั แบบ Motion Tween
การสรา้ งภาพเคลื่อนไหวแบบน้ี เปน็ การเคล่อื นทข่ี องเนื้อหาจากจุดหนงึ่ ไปยังอีกจดุ หนึ่ง หรือเปล่ยี นคุณสมบัติ
จากแบบหน่ึงไปเปน็ อีกแบบหนึ่ง เหมาะสำหรบั การทำภาพเคล่อื นไหว แบบต่อเน่ืองสม่ำเสมอ เช่น เมฆลอย
พัดลมกำลงั หมุน ยานบิน รถกำลังแลน่ เป็นต้น
ข้ันท่ี 1 คลกิ เลือกคยี ์เฟรมจุดเริ่มต้น

ขั้นท่ี 2 สรา้ งวตั ถุ หรอื เน้ือหาตามต้องการ

ขน้ั ท่ี 3 คลิกขวาท่ีคีย์เฟรม คลกิ เลอื กเมนู Create Motion Tween

23
ขัน้ ท่ี 4 กำหนดระยะห่างจากจุดแรกตามต้องการ เช่น ห่าง 15 เฟรม คลิกท่ีเฟรมที่ 15 แลว้ เพ่มิ คยี ์เฟรม โดย
กด F6 หรือคลิกเมนู Insert > Timeline > Keyframe

ขน้ั ที่ 5 จับวัตถุที่ stage แลว้ ปรับเปลยี่ นคุณลักษณะ เชน่ ยา้ ยตำแหน่ง ยอ่ -ขยาย เปลี่ยนสี หรอื อน่ื ๆ
ตามต้องการ

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

24
การสรา้ งงานแอนิเมชันแบบ Shape Tween
Shape Tween คือการสรา้ งภาพเคลื่อนไหวให้วัตถเุ ปลี่ยนรูปรา่ งจากรปู หนึง่ เป็นอีกรปู หนงึ่ เชน่ จากรปู
ส่ีเหลยี่ มเปน็ รูปวงกลม หรอื จากรูปเปน็ ข้อความ เปน็ ต้น
ขน้ั ท่ี 1 คลิกทเี่ ฟรมที่ 1 แล้ววาดรปู วัตถขุ ึ้นมาหนึ่งรปู

ขั้นที่ 2 คลิกทีเ่ ฟรมที่ 1 (สำคัญมากเพราะถ้าไม่คลิกตวั เลอื กจะไม่แสดงขน้ึ ในหน้าตา่ ง Properties)
เลือกคำสัง่ Shape ในชอ่ ง Tween

ขัน้ ที่ 3 คลิกขวาทเี่ ฟรมที่ 20 แลว้ เลอื กคำสงั่ Insert Keyframe

25

ขั้นท่ี 4 คลกิ เฟรมที่ 20 แล้วกดปมุ่ Delete ลบวตั ถเุ ดิมออกตอนนีบ้ นไทม์ไลน์จะมแี ถบเสน้ ประสเี ขียว

ขน้ั ที่ 5 วาดรูปท่ตี ้องการใหเ้ ปล่ยี นลงไปในเฟรมที่ 20

ขั้นท่ี 6 กดปุ่ม Ctrl+Enter เพื่อทดสอบการเปล่ยี นแปลงจะเหน็ ภาพค่อยๆเปล่ียนจากรูปหนึ่งเปน็ อกี รูปหน่ึง

26

การสรา้ งงานแอนิเมชันแบบ Classic Motion Guide
การสร้างภาพเคล่ือนไหวตามเสน้ ทางทก่ี ำหนด
1.สรา้ งวัตถเุ ขา้ ไปใน Stage (ตัวอยา่ งจะใช้การวาดรูปสี่เหลยี่ มดว้ ยเครื่องมอื (Rectangle Tool)

2. วาดรปู สี่เหลย่ี มหรือรูปทรงอื่นๆ (เราสามารถแทรกรูปภาพหรือวัตถุอนื่ ๆ ลงไปแทนได้) เลอื กสี ขนาด ตาม
ตอ้ งการลงไปบน Stage

3. ในส่วนหน้าต่าง Time line สรา้ ง Keyframe เพื่อระบุตำแหนง่ เริ่ม – สน้ิ สุดของวตั ถุ ตวั อยา่ งจะกำหนด
ความยาว 50 เฟรม (สามารถเลือกเฟรมทเ่ี ท่าไรก็ได้ เช่น เฟรมที่ 100 หรอื เฟรมอน่ื ๆ ตามต้องการ) คลิกขวา
เฟรมท่ี 50 เลือก Insert Keyframe (คียล์ ัดคือ F6)

27

4. จากนั้นจะได้ลักษณะของ Time line ดังภาพ (จะเห็นว่ามีจุดสีดำ อยู่ 2 จุด ซึ่งกค็ ือ Keyframe)

5.เลือกเฟรมท่ี 50 หลังจากน้ันทำการยา้ ยวตั ถุไปไว้ยังตำแหนง่ ใหมต่ ามท่ีต้องการ

6. คลิกขวาระหวา่ งเฟรมที่ 1-50 จากน้นั เลือกคำสัง่ Create Classic Tween โดยคลกิ เลือกคำส่งั ในบรเิ วณ
กรอบสีแดงดงั รูป

28
7. ลกั ษณะ Time Line เมอ่ื เลือกคำส่ัง Classic Tween จะปรากฏเปน็ ลกู ศรช้ไี ปทางดา้ นขวาและสบี นเฟรม
จะเปน็ สีมว่ งอ่อนๆ
8. คลิกขวาที่ Layer 1 แลว้ เลือกคำสัง่ Add Classic Motion Guide

9.จะได้ Layer ใหมข่ ึนมาช่อื Guide Layer

29
10. คลกิ ท่ี Guide Layer วาดเสน้ สำหรบั ใหว้ ตั ถุเคล่อื นทด่ี ้วยดินสอ (Pencil Tool) โดยปรับค่าตัวเลือก
(Option) ที่อยดู่ า้ นล่างของ Tool Bar เลือกคำสง่ั Smooth

11. วาดเส้นสำหรับให้วตั ถเุ คลื่อนทต่ี ามต้องการ โดยเริม่ วาดจากตำแหนง่ เริ่มตน้ ของวตั ถุ เมอ่ื วาดเส้นแล้วให้
คลกิ เฟรมที่ 1 ของ Layer 1 สงั เกตวงกลมท่ีตำแหน่งสัมผสั จดุ เรมิ่ ตน้ ของเส้นแล้ว(ถ้าต้องการวาดเสน้ ใหม่หรอื
แก้ไขเส้น ให้คลิกที่ Guide Layer แล้วกดป่มุ Del เพอ่ื ลบเส้นทิ้ง จากน้ันให้วาดเส้นใหม่)

30
12. คลิกเฟรมที่ 50 เลือกเคร่ืองมือ Selection Tool (คยี ล์ ัด V) จากน้นั ทำการยา้ ยวตั ถุไปยังปลายเสน้ อีกด้าน
หนึ่งโดยให้วงกลมกลางวัตถสุ ัมผัสกับปลายเส้น

13.ทดสอบการเล่น ด้วยการกดป่มุ Ctrl+Enter

31
การสรา้ งงานแอนเิ มชันแบบ Mask Layer
การบงั สว่ นท่ีไม่ต้องการใหเ้ ห็นไว้ และโชวเ์ ฉพาะสว่ นท่ตี ้องการ ลกั ษณะเดียวกบั การส่องไฟไปทีว่ ตั ถุในความมืด
ซ่งึ จะเหน็ วัตถุเฉพาะบรเิ วณท่ีไฟส่องเท่านัน้
ขน้ั ที่ 1 เขียนวตั ถุหรือนำภาพท่ตี ้องการท่ี เฟรมแรกของLayer 1

ข้ันที่ 2 เพิ่ม Layer โดยคลกิ หมายเลข 1 แลว้ เขยี นรูปทรงส่วนทีจ่ ะไม่บัง (สว่ นท่เี ป็นไฟสอ่ ง) ตามตวั อย่างเป็น
รูปทรงวงกลม โดยเขียนท่ี Layer 2 (หมายเลข 2)

ขั้นที่ 3 คลิกขวา Insert frame ทเี่ ฟรมที่ 40 บนเลเยอร์ 1

32

ขน้ั ที่ 4 คลิกขวา ท่ีเฟรมท่ี 1 ของ เลเยอร์ 2 แล้วเลือกคำสัง่ Create Motion Tween

ขัน้ ที่ 5 คลิกขวาทเ่ี ฟรมท่ี 40 ของเลเยอร์ 2 เลือกคำสงั่ Insert Keyframe

ขั้นที่ 6 ณ เฟรมท่ี 40 ใช้ลกู ศรสีดำจับรปู วงกลมเล่ือนไปตำแหน่งอ่ืนหรือขยายรูปให้มขี นาดใหญ่ขนึ้ ตาม
ตอ้ งการ

33

ขนั้ ที่ 7 คลิกขวาทีช่ อ่ื เลเยอร์ 2แลว้ เลอื กคำส่ัง Mask จากนั้นกดปุ่ม Ctrl+Enter เพือ่ ดูผลงาน

หากต้องการแกไ้ ขตำแหน่งของวงกลมให้คลิกทีร่ ปู แมก่ ุญแจเพอ่ื ปลดล็อคก่อนแลว้ ก็ทำการย้ายหรอื ปรบั ขนาด
ของวงกลมได้ตามต้องการ เม่ือแก้ไขเสร็จลอ็ คไว้ตามเดิม

หลักการของการ Mask Layer กค็ อื การสร้างเลเยอร์ข้นึ มาเปน็ คู่ เลเยอรด์ ้านล่างจะเป็นเลเยอรท์ ี่มองเห็น
(ภาพท่เี รานำเขา้ มา)ส่วนเลเยอรด์ า้ นบนจะเป็นช่องท่ีเรามองผา่ น ขน้ึ อย่กู ับวา่ เราวาดเป็นรูปอะไร (วงกลม
ส่ีเหลีย่ ม รปู ดาว) แลว้ เราก็ทำใหว้ ตั ถุที่อยู่เลเยอรด์ า้ นบนเคลื่อนที่ไปมา จากน้นั กค็ ลิกขวาท่ีชอ่ื เลเยอรด์ า้ นบน
เลือก Mask เป็นอันเสร็จ

34

อา้ งอิงเนอื้ หาและทม่ี า
ขอขอบคุณ ครูกู้ กญั วรทั
https://krukuke.wordpress.com/%e0%b9%83%e0%b8%9a%e0%b8%87%e0%b8%b2%e0%b8
%99/
ขอขอบคุณ นายบญั ชา เพช็ รบุรี
https://sites.google.com/site/krukengflash/home