หน่วยที่ 11

11.1 การสร้างภาพเคลื่อนไหว

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

การสร้างภาพเคลื่อนไหวหรือ Animation คือ การนำภาพนิ่งหลาย ๆ ภาพมาวางเรียงต่อกันแล้วค่อย ๆ เล่นทีละภาพอย่างต่อเนื่องจะทำให้เกิดเป็นภาพเคลื่อนไหว อาจจะมีการใส่ลูกเล่นหรือ Effect ให้การเคลื่อนไหวดูน่าสนใจและสวยงามยิ่งขึ้น

ชนิดของภาพเคลื่อนไหว

1. การเคลื่อนไหวแบบเฟรมต่อเฟรม (Frame By Frame Animation)

การเคลื่อนไหวแบบเฟรมต่อเฟรม (Frame By Frame Animation) คือ การสร้างคีย์เฟรม หลาย ๆ เฟรมเรียงต่อกัน โดยแต่ละเฟรมจะมีเนื้อหาที่เป็นภาพนิ่งและค่อย ๆ เปลี่ยนแปลงไปทีละเฟรม เมื่อมีการแสดงจะทำให้มองเห็นภาพเคลื่อนไหว

2. การเคลื่อนไหวแบบทวีน (Tween Animation)

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

แบ่งออกเป็น 2 ประเภท คือ

2.1 Motion Tween เปลี่ยนแปลงแบบเคลื่อนที่

2.2 Shape Tween เปลี่ยนแปลงรูปร่าง

3. การเคลื่อนไหวแบบแอคชั่นสคริต์ (Action Script)

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

11.2 การสร้างภาพเคลื่อนไหวแบบเฟรมต่อเฟรม (Frame By Frame)

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

การสร้างภาพเคลื่อนไหวแบบนี้ เป็นการสร้างคีย์เฟรม หลายๆ คีย์เฟรมต่อเรียงกัน แต่ละเฟรมจะเป็นอิสระต่อกัน การแก้ไขเฟรมใดเฟรมหนึ่ง ไม่ส่งผลต่อเฟรมอื่นๆ ซึ่งหลักๆ มีอยู่ 3 รูปแบบคือ

1. การสร้างข้อความเคลื่อนไหว

2. การสร้างภาพเคลื่อนไหวแบบย้ายตำแหน่งวัตถุ

3. การสร้างภาพเคลื่อนไหวแบบย่อ-ขยายวัตถุ

รูปแบบที่ 1 การสร้างข้อความเคลื่อนไหว

ขั้นที่ 1 พิมพ์ข้อความลงบน Stage โดยเริ่มที่คีย์เฟรมใดคีย์เฟรมหนึ่ง

รูปแบบที่ 3 การสร้างภาพเคลื่อนไหวแบบย่อ-ขยายวัตถุ

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

ขั้นที่ 1 วาดวัตถุขึ้นมา 1 ชิ้น ดังรูป

หากต้องการทำให้ภาพใหญ่เป็นเล็กต้องทำให้ภาพในตำแหน่งเฟรมที่ 1 เป็นภาพขนาดใหญ่เฟรมถัดไปค่อยๆปรับให้เล็กลงเรื่อยๆทีละเฟรม

11.3 การสร้างภาพเคลื่อนไหวแบบทวีนแอนิเมชั่น (Tweened Animation)

การสร้างภาพเคลื่อนไหวแบบทวีนแอนิเมชั่น

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

ขั้นที่ 1 คลิกที่เฟรมที่ 1 แล้ววาดรูปวัตถุขึ้นมาหนึ่งรูป

11.4 การสร้างภาพเคลื่อนไหวแบบแอคชั่นสคริปต์ (Action Script)

การสร้างภาพเคลื่อนไหวแบบแอคชั่นสคริปต์

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

1. การสร้างภาพเคลื่อนไหวแบบลอยในแนวเสปหนึ่ง

เมื่อสร้างวัตถุและกำหนดการเคลื่อนไหวแล้ว ในขณะที่วัตถุเคลื่อนไหว สามารถปรับแต่งให้มีคุณลักษณะอื่นๆ ไปพร้อมๆ กันได้ โดยกำหนดเพิ่มเติมได้จาก หน้าต่าง Properties

11.5 การใส่เสียง

การใส่เสียง

การใส่เสียงเป็นอีกส่วนหนึ่งที่จะทำให้โปรแกรมมัลติมีเดียสมบูรณ์ยิ่งขึ้น โปรแกรมการนำเสนอมักจะมีเสียงประกอบ อาจจะเป็นเสียงเพลง หรือเสียงบรรยายถ้าเป็นการนำเสนอเพื่อเผยแพร่และแนะนำองค์กร ก็จะมีเสียงบรรยายและเสียงเพลงประกอบการใส่เสียงเพลง

การนำเข้าไฟล์เสียง

เสียงประกอบในมูฟวี่ของ Flash แบ่งออกเป็น 2 ประเภทคือ

· Event Sound หมายถึง เสียงที่ต้องถูกดาวน์โหลดมาครบสมบูรณ์ก่อนจึงจะเริ่มเล่นได้และเมื่อเล่นก็จะเล่นอย่างต่อเนื่องจนกว่าจะสั่งให้หยุด

· Stream Sound หมายถึง เสียงซึ่งเริ่มเล่นทันทีที่ข้อมูลของเฟรมแรกๆ ถูกดาวน์โหลดเข้ามามากพอที่จะเล่นได้

การกำหนดจุดเริ่มต้นและสิ้นสุด

กำหนดจุดเริ่มต้นเสียงเพลง เพื่อป้องกันมิให้เสียงรบกวนเสียงอื่นๆ

1. คลิกที่เฟรมที่ 1 ของเลเยอร์ Sound

2. เลือก Start ในช่อง Sync ของกรอบ SOUND

3. คลิกที่เฟรมสุดท้าย ในที่นี้คือเฟรมที่ 100

4. คลิกเมาส์ข้างขวา แล้วเลือก Insert Keyframe

5. จะปรากฏรูปเล็กดังกล่าว

6. คลิกที่เฟรมสุดท้าย ในที่นี้คือเฟรมที่ 100 แล้วเลือกชื่อเพลงอีกครั้งหนึ่ง ซึ่งต้องเป็นเพลงเดียวกัน

7. เลือก Stop ในช่อง Sync

8. จะปรากฏเส้นขีดเล็กๆ ในเฟรมที่ 100 บนจุดเล็กๆ แสดงว่าได้กำหนดจุด Stop แล้ว

การกำหนด Effect ให้กับเสียง

สำหรับการกำหนด Effect ให้กับเสียง ยังสามารถที่จะกำหนด Effect เพื่อให้เสียงออกมาในรูปแบบต่างๆ ได้อีกด้วย

· None ไม่ใช้เอฟเฟ็กต์ใดๆ

· Left channel/Right channel ให้เสียงออกเสียงออกลำโพงเฉพาะลำโพง ซ้ายหรือขวาเท่านั้น

· Fade to right/Fade to left ไล่เสียงจากลำโพงซ้ายไปลำโพงขวา หรือไล่เลียงจากขวาไปซ้าย

· Fade in ให้เสียงเริ่มต้นเบา และค่อยๆดังขึ้น

· Fade out ให้เสียงเริ้มต้นดัง และค่อยๆ เบาลง

· Custom ให้เรากำหนดเอฟเฟ็กต์ต่างๆ ให้กับเสียงเองโดยคลิกที่ปุ่ม

ถ้าต้องการให้เสียงเพลเล่นรอบเดียวให้เลือก Repeat แต้ถ้าต้องการให้หมุนวนเนื่องจากเสียงเพลงสั้นๆ ให้เลือก Loop

· Repeat กำหนดจำนวนครั้งที่ต้องการให้เล่นเสียงซ้ำได้

· Loop เสียงที่เล่นวนซ้ำเรื่อยๆ