สร้างภาพเคลื่อนไหว (Animation)

2. ใน Flash มีวิธีการสร้างภาพเคลื่อนไหวอยู่ 2 วิธี
หลักๆ คือ
- สร้างด้วยคาสั่ง Timeline Effects ซึ่งเป็ น
การเคลื่อนไหวแบบสาเร็จรูปที่โปรแกรมมีให้
- สร้างภาพเคลื่อนไหวด้วยตัวเอง โดยวิธีนี้
คุณจะสามารถกาหนดจังหวะ ช่วงเวลาเล่น ทิศ
ทางการเคลื่อนไหว และการเปลี่ยนแปลงรูปทรงได้
เอง ซึ่งการสร้างด้วยวิธีนี้จะแบ่งออกเป็ น 2 ชนิด
คือ แบบเฟรมต่อเฟรม (fream-by-fream) และ
แบบทวีน (Tween animation)

3. เป็ นการเคลื่อนไหวแบบสาเร็จรูปที่สร้างได้
ด้วยขั้นตอนง่ายๆ โดยโปรแกรมจะสร้างซิมโบล คีย์
เฟรมและเลเยอร ์ให้อัตโนมัติ เพื่อให้สอดคล้องกับ
การเคลื่อนไหวที่เลือก ซึ่งหลังจากใช้คาสั่งแล้วออบ
เจ็คจะถูกย้ายไปยังเลเยอร ์ใหม่ด้วย คาสั่งในชุดนี้
แบ่งออกเป็ น 3 กลุ่มด้วยกันคือ Assistant, Effect
และ Transition/ Transform ซึ่งจะมีบางคาสั่งที่ใช่
การสร้างภาพเคลื่อนไหวแต่มักใช้เพื่อเพิ่มเอฟเฟ็ คต์
ให้กับมูฟวี่คลิปที่เป็ นภาพเคลื่อนไหวอีกที เช่น ใช้
เอฟเฟ็ คต์Drop Shadow ในการสร้างเงาให้กับ
ภาพเคลื่อนไหว เป็ นต้น
ขั้นตอนการสร้างภาพเคลื่อนไหว
คุณสามารถคาสั่งเหล่านี้ได้กับออบเจ็คทุก

4. ออบชั่นของกลุ่ม Timeline Effects
แต่ละคาสั่งจะทาให้ผลที่แตกต่างกัน และมี
ออบชั่นที่แตกต่างกันด้วยดังนี้
คาสั่ง Copy to Grid
คาสั่งนี้ไม่ทาให้เกิดการเคลื่อนไหว แต่
เป็ นการก็อปปี้ออบเจ็คที่เลือกไปวางเรียงต่อๆกัน
ในแนวนอนหรือแนวตั้ง ดังภาพตัวอย่าง

5. คาสั่ง Distributed Duplicate
คาสั่งนี้สร้างความเคลื่อนไหว โดยการก๊อปปี้
ออบเจ็คไปวางซ้อนอยู่ด้านหลังแล้วค่อยๆแสดง
ออกมาทีละซีน ซึ่งระหว่างแสดงสามารถกาหนดให้
ออบเจ็คแปรเปลี่ยนขนาดและสีไปทีละนิดได้อีกด้วย
คาสั่ง Blur
เป็ นคาสั่งที่ทาให้ออบเจ็คค่อยๆเบลอและจาง
ลงไปเรื่อยๆ โดยสามารถปรับขนาดและทิศทางการ
เบลอได้ด้วย ดังนั้นจึงเหมะสาหรับใช้สร้างเอฟเฟ็ คต์
ในการเปลี่ยนภาพที่กาลังแสดงไปเป็ นภาพอื่น
คาสั่ง Drop Shadow
เป็ นคาสั่งที่ใช้สร้างเงาให้กับออบเจ็คหรือ
ภาพเคลื่อนไหวอื่น โดยไม่สามารถสร้างการ
เคลื่อนไหวขึ้นในตัวเองได้
คาสั่ง Expand

6. คาสั่ง Explode
เป็ นคาสั่งที่ใช้สร้างการเคลื่อนไหวแบบแตก
กระจายออก โดยหากเป็ นข้อความหรือกลุ่มออบเจ็ค
จะเป็ นการแยกออบเจ็คแต่ละชิ้นออกจากกัน แต่หาก
เป็ นออบเจ็คชิ้นเดียวก็จะการแตกออบเจ็คนั้นเป็ นชิ้น
ย่อยๆทั้งนี้คุณสามารถกาหนดทิศทางของการ
กระจายในลักษณะต่างๆได้
คาสั่ง Transform
เป็ นคาสั่งสาหรับทาให้ออบเจ็คเคลื่อนที่ พร้อม
กับเกิดการเปลี่ยนแปลงต่างๆ ไปพร้อมๆกัน เช่น ปรับ
ขนาด หมุน เปลี่ยนสี ความโปร่งใส และเปลี่ยนจังหวะ
การเคลื่อนที่
คาสั่ง Transittion
เป็ นคาสั่งที่ทาให้ออบเจ็คค่อยๆแสดงออกมา
หรือจางหายไปทีน้อย (Fade) หรือให้เลื่อนตัวออกมา

7. ชนิดของภาพเคลื่อนไหว
- ภาพเคลื่อนไหวแบบเฟรมต่อเฟรม
(Frame-by-Frame) คือการสร้างคีย์เฟรมหลายๆ
เฟรมเรียงต่อกัน โดยแต่ละเฟรมจะมีเนื้อหาเป็ น
ภาพนิ่งที่ค่อยๆเปลี่ยนแปลงรูปร่างหรือคุณสมบัติ
ไปทีละนิด ซึ่งเมื่อมีการแสดงย่างต่อเนื่องก็จาทา
ให้มองเห็นการเคลื่อนไหวเกิดขึ้น
- ภาพเคลื่อนไหวแบบทวีน (Tween
animation) คือการสร้างภาพเคลื่อนไหวแบบ
อัตโนมัติโดยเพียงคุณสร้างเนื้อหาไว้ในเฟรม
เริ่มต้นและเฟรมสุดท้ายเท่านั้น ส่วนการ
เคลื่อนไหวที่อยู่ในเฟรมระหว่างการโปรแกรมจะ

8. Motion tween เป็ นการเคลื่อนไหวแบบ
เคลื่อนที่ คือมีการเปลี่ยนตาแหน่งของออบเจ็คจาก
จุดหนึ่งไปยังอีกจุด รวมไปถึงการเปลี่ยนแปลง
คุณสมบัติของตัวออบเจ็คเอง เช่น ขนาด สี ความ
โปร่งใสและการหมุน นอกจากนี้ยังสามารถสร้าง
เส้นทางการเคลื่อนที่ให้ออบเจ็คได้อีกด้วย
Shape tween เป็ นการเคลื่อนไหวแบบ
เปลี่ยนแปลงรูปร่าง คือการเปลี่ยนจากรูปร่างหนึ่งไป
เป็ นอีกรูปร่างหนึ่ง โดยโปรแกรมจะสร้างรูปร่างของ
ออบเจ็คในเฟรมที่อยู่ระหว่างกลางให้เอง

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

10. สร้างภาพเคลื่อนไหวแบบเฟรมต่อเฟรม
ในการสร้างภาพเคลื่อนไหวชนิดนี้ ทาได้โดย
กาหนดแต่ละเฟรมให้เป็ นคีย์เฟรมแล้วใส่เนื้อหาที่
แตกต่างกันลงไป แต่เพื่อให้ได้การเคลื่อนไหวที่
ต่อเนื่องจึงต้องมีการก๊อปปี้เนื้อหาจากเฟรมที่อยู่
ก่อนหน้ามาใช้ แล้วค่อยๆทาการปรับแต่งทีละน้อย
อย่างเป็ นลาดับขั้น หรือคุณอาจจัเพิ่มเนื้อหาใหม่
เข้าไปก็ได้เช่นกัน

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

12. สร้างภาพเคลื่อนไหวแบบเฟรมต่อเฟรม
ในการสร้างภาพเคลื่อนไหวชนิดนี้ ทาได้
โดยกาหนดแต่ละเฟรมให้เป็ นคีย์เฟรมแล้วใส่
เนื้อหาที่แตกต่างกันลงไป แต่เพื่อให้ได้การ
เคลื่อนไหวที่ต่อเนื่องจึงต้องมีการก๊อปปี้เนื้อหาจาก
เฟรมที่อยู่ก่อนหน้ามาใช้ แล้วค่อยๆทาการ
ปรับแต่งทีละน้อยอย่างเป็ นลาดับขั้น หรือคุณอาจ
จัเพิ่มเนื้อหาใหม่เข้าไปก็ได้เช่นกัน

13. เป็ นการเคลื่อนไหวที่มีการเปลี่ยนตาแหน่งของ
ออบเจ็คจากจุดหนึ่งไปยังอีกจุดหนึ่ง หรือเปลี่ยน
คุณสมบัติจากแบบหนึ่งไปเป็ นอีกแบบหนึ่ง โดยเป็ น
การเปลี่ยนแปลงที่แน่นอน ดังนั้น motion tween จึง
เหมาะกับภาพเคลื่อนไหวที่ต่อเนื่องสม่าเสมอ เช่น
ภาพดวงอาทิตย์กาลังตกดิน ภาพกังหันที่กาลังหมุน
ภาพเครื่องบินกาลังบินขึ้น หรือภาพฉากหลังที่เปลี่ยน
จากสีหนึ่งไปเป็ นอีกสีหนึ่ง เป็ นต้น
วิธีสร้างภาพเคลื่อนไหวแบบ Motion Tween
สร้างด้วยออปชั่น Motion Tween
คุณสามารถนาออบเจ็คมาสร้างได้หลาย
ประเภท ไม่ว่าจะเป็ น Object Drawing, ข้อความ, ซิ
มโบลหรือออบเจ็คที่ถูกรวมกลุ่มก็ได้ (ยกเว้น Merge

14. ก๊อปปี้การเคลื่อนไหวแบบ Motion Tween
เป็ นคาสั่งที่ช่วยให้คุฯสามารถนารูปแบบ
เคลื่อนไหวของออบเจ็คหนึ่งไปใช้กับออบเจ็คอื่นๆ
โดยจะเป็ นการก๊อปปี้คุณสมบัติทุกอย่างไม่ว่าจะเป็ น
ทิศทางการเคลื่อนที่ จังหวะ หรือจานวนเฟรมที่ใช้
และยังสามารถก๊อปปี้จากไฟล์หนึ่งไปยังอีกไฟล์หนึ่ง
ได้ด้วย
ปรับแต่งรูปแบบการเคลื่อนไหว
หลังจากสร้างการเคลื่อนไหวให้ออบเจ็คแล้ว
คุณสามารถปรับแต่งรูปแบบการเคลื่อนไหวเพิ่มเติม
จาก Property inspector ได้หลายรูปแบบ
ให้ออบเจ็คเคลื่อนที่ตามเส้นทาง
ตามปกติออบเจ็คที่เคลื่อนไหวแบบ Motion
tween จะเคลื่อนที่เป็ นแนวเส้นตรง แต่หากคุณ

15. เป็ นการเปลี่ยนแปลงรูปร่างของออบเจ็คจากแบบ
หนึ่งให้ค่อยๆกลายเป็ นอีกแบบหนึ่ง ซึ่งจะต้องใช้ออบ
เจ็ค 2 ชิ้น ที่แตกต่างกัน เช่น การเปลี่ยนจากตัวอักษร
A ไปเป็ น B จากเสื้อไปเป็ นกางเกง หรือจากดินสอไป
เป็ นยางลบ เป็ นต้น (ต่างจากการเคลื่อนไหวแบบ
motion tween ซึ่งจะใช้ออบเจ็คชิ้นเดียว) โดย
โปรแกรมจะสร้างการเปลี่ยนแปลงรูปร่างในระหว่าง
กลางให้อัตโนมัติ
วิธีสร้างภาพเคลื่อนไหวแบบ Shape Tween
ออบเจ็คที่นามาสร้างภาพเคลื่อนไหวแบบ shape
tween จะต้องเป็ นออบเจ็คพื้นฐานแบบ Merge
Drawing หรือ Object Drawing ซึ่งถ้าจะใช้
อินสแตนซ ์ออบเจ็คที่ร่วมกลุ่มอยู่ (group) ข้อความ

16. ปรับแต่งรูปแบบการเคลื่อนไหว
คุณสามารถปรับแต่งลักษณะการเคลื่อนไหว
แบบ shape tween ได้จาก Propery inspector
โดยคลิกเลือกเฟรมใดเฟรมหนึ่งของการเคลื่อนไหว
แล้วกาหนดออปชั่นต่างๆดังนี้
- Ease กาหนดจังหวะในการเคลื่อนไหว
ระหว่างเฟรม ถ้าต้องการเริ่มต้นช้าๆแล้วเร่ง
ความเร็วในช่วงท้าย ให้ใช้ค่าลบ แต่ถ้าจะให้เริ่มต้น
เร็วแล้วค่อยๆช้าลง ให้ใช้ค่าบวก
- Blend กาหนดวิธีการแปรเปลี่ยนของรูปทรง
โดย Distributive จะให้รูปทรงระหว่างกลางที่เรียบ
กว่า ส่วน Angular จะให้รูปทรงระหว่างกลางที่คง
ลักษณะของมุมหรือเส้นตรงไว้

17. ควบคุมการเปลี่ยนรูปทรงด้วย Shape hint
ในการสร้างภาพเคลื่อนไหวของรูปทรงที่
ซับซ้อน คุณสามารถใช้ shape hint เพื่อตรึงจุดที่
ต้องการให้อยู่คงที่ของรูปทรงทั้งก่อนและหลังการ
เปลี่ยนแปลงได้ shape hint ประกอบด้วยตัวอักษร
จาก a ถึง z โดยในคีย์เฟรมเริ่มต้นจะเป็ นสีเหลือง
และในคีย์เฟรมสุดท้ายจะเป็ นสีขาว แต่จะเป็ นสีแดง
ถ้า shape hint นั้นไม่ได้วางอยู่บนเส้นขอบรูปทรง

18. เพิ่มจังหวะการเคลื่อนไหว
หากต้องการเพิ่มช่วงหรืจังหวะการเคลื่อน
ไหว
เข้าไปในภาพเคลื่อนไหวเดิม ก็ทาได้โดยเพิ่มคีย์
เฟรมใหม่ โดยแบ่งเป็ น 2 กรณี คือ
- การเพิ่มช่วงเคลื่อนไหวในระหว่างกลาง ให้
คุณแทรกคีย์เฟรมใหม่ระหว่างเฟรมเคลื่อนไหวเดิม
- การเพิ่มช่วงเคลื่อนไหวต่อเนื่องไป ให้เพิ่มคีย์
เฟรมใหม่ต่อจากคีย์เฟรมสุดท้าย
ทั้ง 2 วิธีสามารถทาได้ทั้งกับการเคลื่อนไหว
แบบ motion และ shape tween (ที่สร้างด้วยคาสั่ง
Create Motion / Shape Tween)

19. สลับทิศทางการเคลื่อนไหว
เป็ นย้ายตาแหน่งของคีย์เฟรมจากเฟรมแรกไป
เป็ นเฟรมสุดท้ายและเฟนมสุดท้ายมาเป็ นเฟรมแรก
ส่วนเฟรมอื่นๆก็จะถูกสลับในทานองเดียวกัน ทาให้
มองเห็นการเคลื่อนไหวกลับเป็ นตรงกันข้าม การสลับ
นี้ทาได้ภาพเคลื่อนไหวแบบ Frame-by-Frame,
Motion tween หรือ Shape tween
แก้ไขซิมโบลภาพเคลื่อนไหว
เมื่อคุณสร้างภาพเคลื่อนไหวแบบ motion
tween ด้วยคาสั่ง Create Motion Tween โปรแกรม
จะแปลงออบเจ็คเหล่านั้นให้เป็ นซิมโบลประเภท
กราฟิ ก ชื่อ Tween 1, Tween 2,…ตามลาดับ และ
เก็บไว้ในไลบรารีให้อัตโนมัติ ซึ่งซิมโบลนี้จะถูกใช้เป็ น
้ ้ ่

20. เอฟเฟ็ คต์แบบ spotlight หรือ transition
ซึ่งมีลักษณะเหมือนกับการส่องไฟไปยังตัวละครที่
กาลังแสดงอยู่ หรือให้เห็นตัวละครและเนื้อหาค่อยๆ
ปรากฏขึ้นทีละส่วน เอฟเฟ็ คต์แบบนี้มีหลักในการ
สร้างคือ ให้คุณสร้างตัวละครหรือเนื้อหาทั้งหมดไว้
ในเลเยอร ์ด้านล่าง จากนั้นสร้าง spotlight หรือ
ช่องกรอบไว้ในเลเยอร ์ด้านบน แล้วกาหนดเลเยอร ์
บนเป็ น Mask layer เพื่อเจาะทะลุให้ผู้ชมมองเห็น
เฉพาะเนื้อหาในช่องเท่านั้นส่วนเนื้อหาที่อยู่ด้าน
นอกจะถูกบังไว้

21. สร้างการเคลื่อนไหวให้กับ Mask layer
คุณสามารถสร้างการเคลื่อนไหวของออบ
เจ็คใน mask layer โดยโดยจะให้ผลเหมือนกับ
แสงไฟที่เคลื่อนที่เพื่อสาดส่องไปยังเนื้อหาอื่นๆ
การเคลื่อนไหวนี้ทาได้ทั้งแบบ frame-by-
frame,motion tween และ shape tween
สาหรับ motion นั้นยังสามารถดาหนดให้
เคลื่อนที่ไปบน motion path ได้ด้วย

22. เทคนิคการใช้ Mask layer
เปลี่ยนเลเยอร ์ปกติให้เป็ นเลเยอร ์ที่ถูกบัง
คุณสามารถนาเลเยอร ์ปกติไปเพิ่มไว้
ภายใต้เลเยอร ์mask โดยหลายวิธีดีงนี้
- สร้างเลเยอณใหม่ภายใต้เลเยอร ์mask แล้ว
ค่อยสร้างเนื้อหา
- คลิกลากเลเยอร ์ที่มีเนื้อหาอยู่แล้ว ไปไว้ใต้เล
เยอร ์mask
- สาหรับเลเยอร ์ที่วางอยู่ด้านล่างของเลเยอร ์
mask ให้คลิกขวาที่เลเยอร ์แล้วเลือกคาสั่ง
properties จากนั้นให้คลิกเลือกออปชั่น Masked
ยกเลิกเลเยอร ์ที่ถูกบังคับ
- คลิกลากเลเยอร ์นั้น ออกนอกชั้นเลเยอร ์
mask