3.2 ควบคุมมูฟวี่ผ่านไทม์ไลน์ (Timeline)

ไทม์ไลน์ (Timeline)

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

1) ส่วนประกอบของไทม์ไลน์

โดยปกติไทม์ไลน์จะปรากฏขึ้นมาทางด้านบน ซึ่งสามารถสั่งให้ซ่อน/แสดงได้ด้วยการคลิกเมนู Windows > Timeline หรือกดปุ่ม Ctrl + Alt + T จากนั้นจะแสดงส่วนประกอบต่างๆ ขึ้นมาดังนี้

7.2 เลเยอร์ (Layer)

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

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

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

1) สร้างเลเยอร์ใหม่

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

1. คลิกปุ่ม Insert Layer

1. ทางด้านล่างของไทม์ไลน์ จากนั้นจะปรากฏเลเยอร์ใหม่ขึ้นมา ทางด้านบนของเลเยอร์ที่ทำงานอยู่

1. สร้างออบเจ็กต์หรือการเคลื่อนไหวลงในเลเยอร์ใหม่ได้ตามต้องการ

2) สร้างและจัดเก็บเลเยอร์ไว้ในเลเยอร์โฟลเดอร์

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

1. คลิกปุ่ม Insert Layer Folder

1. ทางด้านล่างของไทม์ไลน์ จากนั้นจะปรากฏเลเยอร์โฟลเดอร์ใหม่ขึ้นมาทางด้านบนของเลเยอร์ที่ทำงานอยู่

1. คลิกเลือกเลเยอร์ที่ต้องการจัดเก็บไว้ในเลเยอร์โฟลเดอร์ โดยหากกดปุ่ม Shift ค้างไว้ จะเป็นการเลือกเลเยอร์แบบเป็นช่วง หรือกดปุ่ม Ctrl ค้างไว้ จะเป็นการเลือกเลเยอร์อย่างอิสระ
2. ลากเมาส์นำไปไว้ในเลเยอร์โฟลเดอร์ จากนั้นเลเยอร์ที่เลือกจะถูกจัดเก็บไว้ในโฟลเดอร์

3) เปลี่ยนลำดับชั้นเลเยอร์

ออบเจ็กต์ที่อยู่ในเลเยอร์บนจะถูกวางซ้อนทับออบเจ็กต์ที่อยู่ในเลเยอร์ล่าง ซึ่งหากต้องการเปลี่ยนลำดับชั้นของเลเยอร์ ก็จะส่งผลทำให้การจัดลำดับของออบเจ็กต์เปลี่ยนแปลงไปด้วย

1. เลือกเลเยอร์ที่ต้องการเปลี่ยนลำดับชั้น
2. ลากเมาส์เคลื่อนย้ายไปแทรกไว้ตำแหน่งใหม่ เมื่อปล่อยเมาส์เลเยอร์จะถูกเปลี่ยนลำดับไปจากเดิม

4) ลบเลเยอร์

เมื่อไม่ต้องการใช้งานออบเจ็กต์ที่อยู่ในเลเยอร์ใดๆ ก็สามารถลบทิ้งไปได้ ซึ่งจะส่งผลให้ออบเจ็กต์ที่อยู่ในเลเยอร์ถูกลบทิ้งไปทั้งหมด และหากต้องการยกเลิกการลบเลเยอร์ก็ให้กดปุ่ม

Ctrl + Z

1. เลือกเลเยอร์ที่ต้องการลบ
2. คลิกปุ่ม Delete Layer

1. ทางด้านล่างของไทม์ไลน์ จากนั้นเลเยอร์และออบเจ็กต์ทั้งหมดที่อยู่ใน เลเยอร์จะถูกลบออกไปจากไทม์ไลน์

1. ในคอลัมน์ ของเลเยอร์ที่ต้องการซ่อนให้ปรากฏเป็นรูป

1. ในคอลัมน์ ของเลเยอร์ที่ต้องการล็อคให้ปรากฏเป็นรูป

1. ในคอลัมน์ ของเลเยอร์ที่ต้องการแสดงเป็นเส้นโครงร่างให้ปรากฏเป็นรูป

1. ออบเจ็กต์ทั้งหมดที่อยู่ในเลเยอร์จะถูกแสดงในลักษณะเป็นเส้นโครงร่าง และหากคลิกอีกครั้ง ก็จะเป็นการแสดงแบบปกติ

7.3 เฟรม (Frame)

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

สำหรับตำแหน่งของเฟรมที่สร้างการเคลื่อนไหวไว้จะถูกเรียกว่า คีย์เฟรม (Keyframe) โดยคีย์เฟรมที่ไม่มีออบเจ็กต์จะเป็น ส่วนคีย์เฟรมที่มีออบเจ็กต์จะเป็น

ซึ่งหากสร้างเฟรมไว้จำนวนมาก เวลาในการแสดงมูฟวี่ก็จะมากขึ้น แต่หากอัตราในการแสดงเฟรมสูง ก็จะทำให้เวลาในการแสดงมูฟวี่สั้นลง

1) ชนิดของเฟรม

เฟรมและคีย์เฟรม์จัดเป็นพื้นฐานของการสร้างภาพเคลื่อนไหว ซึ่งสัญลักษณ์ของเฟรมจะมีรูปแบบแตกต่างกันไปตามลักษณะของเนื้อหาที่สร้างไว้ ดังนี้

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

• Motion Tween เฟรมที่สร้างภาพเคลื่อนไหวแบบเคลื่อนที่ โดยช่วงในการเคลื่อนไหวจะแสดงด้วยรูปลูกศรสีดำบนพื้นสีม่วง ตำแหน่งเริ่มต้นและสิ้นสุดจะแสดงด้วย คีย์เฟรม

• Shape Tween เฟรมที่สร้างภาพเคลื่อนไหวแบบเปลี่ยนรูปร่าง โดยช่วงในการเคลื่อนไหวจะแสดงด้วยรูปลูกศรสีดำบนพื้นสีเขียว ตำแหน่งเริ่มต้นและสิ้นสุดจะแสดงด้วยคีย์เฟรม

• เส้นประ เฟรมที่ไม่สมบูรณ์หรือมีข้อผิดพลาด เช่น คีย์เฟรมสิ้นสุดถูกลบไป

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

1. คลิกช่องเฟรมที่ต้องการเพิ่มเฟรม
2. คลิกเมาส์ขวาเลือกคำสั่ง Insert Frame หรือกดปุ่ม F5 จากนั้นจะปรากฏเฟรมใหม่พร้อมกับออบเจ็กต์ที่อยู่ในคีย์เฟรมทางด้านหน้าขึ้นมา

3) ลบเฟรม

ในกรณีที่สร้างเฟรมไว้ยาวจนเกินไป ก็สามารถลบเฟรมเพื่อให้มีช่วงเวลาในการแสดงผลของภาพนิ่งหรือภาพเคลื่อนไหวลดลงได้ ดังนี้

1. เลือกเฟรมที่ต้องการลบ โดยหากกดปุ่ม Shift ค้างไว้ จะเป็นการเลือกเฟรมเป็นช่วง หรือกดปุ่ม Ctrl ค้างไว้จะเป็นการเลือกเฟรมอย่างอิสระ
2. คลิกเมาส์ขวาเลือกคำสั่ง Remove Frames หรือกดปุ่ม Shift + F5 จากนั้นเฟรมที่เลือกจะถูกลบ ทำให้ออบเจ็กต์มีเวลาในการแสดงผลลดลง

4) เพิ่มคีย์เฟรม

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

1. คลิกช่องเฟรมที่ต้องการเพิ่มคีย์เฟรม
2. คลิกเมาส์ขวาเลือกคำสั่ง Insert Keyframe หรือกดปุ่ม F6 จากนั้นจะปรากฏคีย์เฟรมใหม่พร้อมกับออบเจ็กต์ที่อยู่ในคีย์เฟรมทางด้านหน้าขึ้นมา

1. เปลี่ยนรูปทรง เปลี่ยนสี เคลื่อนย้าย ปรับขนาด หรือหมุน เพื่อให้เกิดผลงานแอนิเมชั่น

5) ลบคีย์เฟรม

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

1. เลือกคีย์เฟรมที่ต้องการลบ
2. คลิกเมาส์ขวาเลือกคำสั่ง Clear Keyframe หรือกดปุ่ม Shift + F6 จากนั้นคีย์เฟรมที่เลือกจะถูกลบ ทำให้ไม่มีการเปลี่ยนแปลงใดๆ ของออบเจ็กต์เกิดขึ้น

6) เคลื่อนย้าย/คัดลอกเฟรม

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

1. คลิกเฟรมที่ต้องการเคลื่อนย้าย/คัดลอก
2. ลากเมาส์ไปยังตำแหน่งปลายทาง โดยหากดปุ่ม Alt ค้างไว้ จะเป็นการคัดลอก จากนั้นจะปรากฏเฟรมใหม่พร้อมกับข้อมูลที่อยู่ในเฟรมขึ้นมา

7.4 ซีน (Scene)

ซีน (Scene) คือ การแบ่งมูฟวี่ทั้งเรื่องออกเป็นตอนหรือฉาก เปรียบได้กับฉากหนึ่งๆ ในภาพยนตร์หรือละคร ซึ่งมีการเปลี่ยนสถานที่เกิดเหตุการณ์และตัวละครที่แสดงที่แตกต่างกันไปประโยชน์ของการแบ่งซีนใน Flash CS3 เพื่อช่วยลดความสับสนในกรณีที่มูฟวี่มีความยาวมาก ทำให้ง่ายต่อการสร้าง จัดการและแก้ไข ในมูฟวี่ที่มีหลายซีน Flash Player จะเล่นแต่ซีนตามลำดับเรียงกันไปอัตโนมัติ ยกเว้นว่าจะมีการใช้คำสั่ง ActionScript ควบคุมให้เป็นอย่างอื่น

1) การสร้างซีน (Scene)ใหม่

วิธีที่ 1 คลิกที่เมนู Insert --> Scene

วิธีที่ 2 คลิกที่

2) การลบซีน

เมื่อต้องการที่จะลบซีนที่ไม่ใช้งานออกไป สามารถทำได้ดังนี้