Mais conteúdo relacionado Mais de Yui Janjira Ketsakorn (20) สร้างภาพเคลื่อนไหว (Animation)2. ใน Flash มีวิธีการสร้างภาพเคลื่อนไหวอยู่ 2 วิธี
หลักๆ คือ
- สร้างด้วยคาสั่ง Timeline Effects ซึ่งเป็ น
การเคลื่อนไหวแบบสาเร็จรูปที่โปรแกรมมีให้
- สร้างภาพเคลื่อนไหวด้วยตัวเอง โดยวิธีนี้
คุณจะสามารถกาหนดจังหวะ ช่วงเวลาเล่น ทิศ
ทางการเคลื่อนไหว และการเปลี่ยนแปลงรูปทรงได้
เอง ซึ่งการสร้างด้วยวิธีนี้จะแบ่งออกเป็ น 2 ชนิด
คือ แบบเฟรมต่อเฟรม (fream-by-fream) และ
แบบทวีน (Tween animation)
3. เป็ นการเคลื่อนไหวแบบสาเร็จรูปที่สร้างได้
ด้วยขั้นตอนง่ายๆ โดยโปรแกรมจะสร้างซิมโบล คีย์
เฟรมและเลเยอร ์ให้อัตโนมัติ เพื่อให้สอดคล้องกับ
การเคลื่อนไหวที่เลือก ซึ่งหลังจากใช้คาสั่งแล้วออบ
เจ็คจะถูกย้ายไปยังเลเยอร ์ใหม่ด้วย คาสั่งในชุดนี้
แบ่งออกเป็ น 3 กลุ่มด้วยกันคือ Assistant, Effect
และ Transition/ Transform ซึ่งจะมีบางคาสั่งที่ใช่
การสร้างภาพเคลื่อนไหวแต่มักใช้เพื่อเพิ่มเอฟเฟ็ คต์
ให้กับมูฟวี่คลิปที่เป็ นภาพเคลื่อนไหวอีกที เช่น ใช้
เอฟเฟ็ คต์Drop Shadow ในการสร้างเงาให้กับ
ภาพเคลื่อนไหว เป็ นต้น
ขั้นตอนการสร้างภาพเคลื่อนไหว
คุณสามารถคาสั่งเหล่านี้ได้กับออบเจ็คทุก
5. คาสั่ง Distributed Duplicate
คาสั่งนี้สร้างความเคลื่อนไหว โดยการก๊อปปี้
ออบเจ็คไปวางซ้อนอยู่ด้านหลังแล้วค่อยๆแสดง
ออกมาทีละซีน ซึ่งระหว่างแสดงสามารถกาหนดให้
ออบเจ็คแปรเปลี่ยนขนาดและสีไปทีละนิดได้อีกด้วย
คาสั่ง Blur
เป็ นคาสั่งที่ทาให้ออบเจ็คค่อยๆเบลอและจาง
ลงไปเรื่อยๆ โดยสามารถปรับขนาดและทิศทางการ
เบลอได้ด้วย ดังนั้นจึงเหมะสาหรับใช้สร้างเอฟเฟ็ คต์
ในการเปลี่ยนภาพที่กาลังแสดงไปเป็ นภาพอื่น
คาสั่ง Drop Shadow
เป็ นคาสั่งที่ใช้สร้างเงาให้กับออบเจ็คหรือ
ภาพเคลื่อนไหวอื่น โดยไม่สามารถสร้างการ
เคลื่อนไหวขึ้นในตัวเองได้
คาสั่ง Expand
6. คาสั่ง Explode
เป็ นคาสั่งที่ใช้สร้างการเคลื่อนไหวแบบแตก
กระจายออก โดยหากเป็ นข้อความหรือกลุ่มออบเจ็ค
จะเป็ นการแยกออบเจ็คแต่ละชิ้นออกจากกัน แต่หาก
เป็ นออบเจ็คชิ้นเดียวก็จะการแตกออบเจ็คนั้นเป็ นชิ้น
ย่อยๆทั้งนี้คุณสามารถกาหนดทิศทางของการ
กระจายในลักษณะต่างๆได้
คาสั่ง Transform
เป็ นคาสั่งสาหรับทาให้ออบเจ็คเคลื่อนที่ พร้อม
กับเกิดการเปลี่ยนแปลงต่างๆ ไปพร้อมๆกัน เช่น ปรับ
ขนาด หมุน เปลี่ยนสี ความโปร่งใส และเปลี่ยนจังหวะ
การเคลื่อนที่
คาสั่ง Transittion
เป็ นคาสั่งที่ทาให้ออบเจ็คค่อยๆแสดงออกมา
หรือจางหายไปทีน้อย (Fade) หรือให้เลื่อนตัวออกมา
8. Motion tween เป็ นการเคลื่อนไหวแบบ
เคลื่อนที่ คือมีการเปลี่ยนตาแหน่งของออบเจ็คจาก
จุดหนึ่งไปยังอีกจุด รวมไปถึงการเปลี่ยนแปลง
คุณสมบัติของตัวออบเจ็คเอง เช่น ขนาด สี ความ
โปร่งใสและการหมุน นอกจากนี้ยังสามารถสร้าง
เส้นทางการเคลื่อนที่ให้ออบเจ็คได้อีกด้วย
Shape tween เป็ นการเคลื่อนไหวแบบ
เปลี่ยนแปลงรูปร่าง คือการเปลี่ยนจากรูปร่างหนึ่งไป
เป็ นอีกรูปร่างหนึ่ง โดยโปรแกรมจะสร้างรูปร่างของ
ออบเจ็คในเฟรมที่อยู่ระหว่างกลางให้เอง
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 จะให้รูปทรงระหว่างกลางที่คง
ลักษณะของมุมหรือเส้นตรงไว้
19. สลับทิศทางการเคลื่อนไหว
เป็ นย้ายตาแหน่งของคีย์เฟรมจากเฟรมแรกไป
เป็ นเฟรมสุดท้ายและเฟนมสุดท้ายมาเป็ นเฟรมแรก
ส่วนเฟรมอื่นๆก็จะถูกสลับในทานองเดียวกัน ทาให้
มองเห็นการเคลื่อนไหวกลับเป็ นตรงกันข้าม การสลับ
นี้ทาได้ภาพเคลื่อนไหวแบบ Frame-by-Frame,
Motion tween หรือ Shape tween
แก้ไขซิมโบลภาพเคลื่อนไหว
เมื่อคุณสร้างภาพเคลื่อนไหวแบบ motion
tween ด้วยคาสั่ง Create Motion Tween โปรแกรม
จะแปลงออบเจ็คเหล่านั้นให้เป็ นซิมโบลประเภท
กราฟิ ก ชื่อ Tween 1, Tween 2,…ตามลาดับ และ
เก็บไว้ในไลบรารีให้อัตโนมัติ ซึ่งซิมโบลนี้จะถูกใช้เป็ น
้ ้ ่
20. เอฟเฟ็ คต์แบบ spotlight หรือ transition
ซึ่งมีลักษณะเหมือนกับการส่องไฟไปยังตัวละครที่
กาลังแสดงอยู่ หรือให้เห็นตัวละครและเนื้อหาค่อยๆ
ปรากฏขึ้นทีละส่วน เอฟเฟ็ คต์แบบนี้มีหลักในการ
สร้างคือ ให้คุณสร้างตัวละครหรือเนื้อหาทั้งหมดไว้
ในเลเยอร ์ด้านล่าง จากนั้นสร้าง spotlight หรือ
ช่องกรอบไว้ในเลเยอร ์ด้านบน แล้วกาหนดเลเยอร ์
บนเป็ น Mask layer เพื่อเจาะทะลุให้ผู้ชมมองเห็น
เฉพาะเนื้อหาในช่องเท่านั้นส่วนเนื้อหาที่อยู่ด้าน
นอกจะถูกบังไว้
22. เทคนิคการใช้ Mask layer
เปลี่ยนเลเยอร ์ปกติให้เป็ นเลเยอร ์ที่ถูกบัง
คุณสามารถนาเลเยอร ์ปกติไปเพิ่มไว้
ภายใต้เลเยอร ์mask โดยหลายวิธีดีงนี้
- สร้างเลเยอณใหม่ภายใต้เลเยอร ์mask แล้ว
ค่อยสร้างเนื้อหา
- คลิกลากเลเยอร ์ที่มีเนื้อหาอยู่แล้ว ไปไว้ใต้เล
เยอร ์mask
- สาหรับเลเยอร ์ที่วางอยู่ด้านล่างของเลเยอร ์
mask ให้คลิกขวาที่เลเยอร ์แล้วเลือกคาสั่ง
properties จากนั้นให้คลิกเลือกออปชั่น Masked
ยกเลิกเลเยอร ์ที่ถูกบังคับ
- คลิกลากเลเยอร ์นั้น ออกนอกชั้นเลเยอร ์
mask