chapter 6

บทท่ี 6 รู้จักกบั Timeline และ Frame

รจู้ กั กับ Timeline ไทม์ไลน์ (Timeline) เปน็ ส่วนทใ่ี ชใ้ นการควบคุมการเคลื่อนไหวของภาพและ สามารถวางเสียงเขา้ ไปได้ ประกอบด้วย 2 ส่วนหลกั คือ เลเยอร์ (Layer) และเฟรม ส่วนประกอบของไท(มF์ไrลamน์e) ไทม์ไลน์มสี ่วนประกอบหลัก 2 ส่วน คอื เลเยอร์และเฟรม แตภ่ ายในเลเยอร์ และเฟรมยังมีส่วนประกอบย่อยอ่นื อีกมากมาย

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

หมายเลขเฟรม (Frame Number) เปน็ ส่วนประกอบหนึ่งท่ีอยบู่ น Timeline โดยจะแสดงเป็นตัวเลข 1, 5, 10, ….. หมายถึง ลาดบั ท่ีของเฟรมท่เี รียงกันไปเรื่อย ๆ หวั อ่าน (Play Head) เปน็ เส้นสีแดงคอยบอกตาแหนง่ ว่ากาลงั ทางานอยู่ทเ่ี ฟรมใด ชนดิ ของเฟรม เฟรมแบ่งออกได้เป็น 2 ประเภท ไดแ้ ก่ 1. คียเ์ ฟรม (Keyframe) คอื เฟรมทม่ี อี อบเจก็ ตว์ างอยู่ 2. เฟรมระหวา่ งกลาง (In - Between Frame) คอื เฟรมที่ใชข้ ยายช่วงเวลาในการ แสดงเน้อื หาของคียเ์ ฟรมให้ยาวข้ึนโดยจะแสดงสัญลกั ษณข์ องเฟรมต่างกนั ไปตามลักษณะของ เนือ้ หาหรือการเคล่อื นไหวทถ่ี กู กาหนด ดงั น้ี

คีย์เฟรมภาพน่ิง ขยายเวลาในการแสดงเน้อื หาทีไ่ ม่เปลี่ยนแปลงของคีย์เฟรม โดย แสดงชว่ งเวลาของเน้อื หาด้วยเฟรมสเี ทา Motion Tween ภาพเคล่ือนไหวแบบเคลอ่ื นที่ โดยแสดงชว่ งของการเคล่ือนไหวด้วย รปู ลูกศรสีดา บนพน้ื สีม่วง Shape Tween ภาพเคลือ่ นไหวแบบเปลีย่ นแปลงรปู ร่าง โดยแสดงชว่ งการ เคลื่อนไหวด้วยรปู ลกู ศรสีดา บนพืน้ สีเขยี ว เส้นประ แสดงถึงภาพเคล่อื นไหวทีไ่ ม่สมบูรณ์ การขยายเฟรม คือ การขยายช่วงเวลาในการแสดงเนื้อหาใหย้ าวออกไปท้งั ภาพเคลื่อนไหว และภาพนิง่ สามารถใชว้ ิธีในการขยายเฟรมไดเ้ ชน่ เดียวกัน

วิธีการขยายเฟรม 1. กดคีย์ F5 2. คลิกคาสั่ง Insert > Timeline > Frame 3. คลิกขวาท่ชี ่องเฟรมแลว้ เลอื กคา ส่ัง Insert Frame

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

3. เลอื กหลายเฟรมทไ่ี มต่ ดิ กัน คลิกเลอื กเฟรมเรมิ่ ต้นกอ่ น แลว้ กดคยี ์ Ctrl พร้อมคลกิ ท่ีเฟรม อน่ื ๆเพมิ่ ขึ้น 4. เลือกเฟรมพร้อมกันหลายเลเยอร์ ใหค้ ลิกเลอื กเฟรมเรม่ิ ตน้ ของเลเยอร์ด้านบน ก่อน แลว้ กดคีย์ Shift พรอ้ มคลิกท่ีเฟรมสุดท้ายของเลเยอร์ด้านลา่ ง

การแทรกเฟรม สามารถทา ไดโ้ ดยการคลิกขวาตรงตาแหน่งเฟรมทีต่ ้องการ จากน้ันเลอื ก Insert Frame เพื่อเพิ่มเฟรม หรือกด F5 หรือสามารถเลือกInsert > Timeline > Frame การลบเฟรม คลิกขวาท่คี ีย์เฟรมท่ตี ้องการลบ และเลือก Remove Frames หรือสามารถ เลือก Insert >Timeline > Remove Frames

การยา้ ยเฟรม การย้ายเฟรมใหค้ ลิกเลือกเฟรมท่ีตอ้ งการยา้ ย แลว้ ลากเฟรมไปวางท่ใี หม่ ความเรว็ ในการแสดงภาพเคลอ่ื นไหว (Frame Rate) มีข้นั ตอนดังนี้ 1. ดับเบลิ้ คลิกที่ Frame Rate 2. ในช่อง Frame Rate ใส่ค่าความเรว็ เฟรมใหเ้ ปน็ ตวั เลข 30 3. คลกิ เมนู Control > Play หรือกดปมุ่ Enter เพ่อื เปน็ การ ทดสอบการเคลื่อนไหวของชน้ิ งานต่าง ๆ บน Stage กจ็ ะ พบว่ามีความเรว็ เพม่ิ ขน้ึ กวา่ เดมิ

คียเ์ ฟรม (Keyframe) การสรา้ งคยี เ์ ฟรมใหม่ (Insert Frame) สามารถทาได้โดย Insert > Timeline > Frame หรือกดป่มุ F5 ในการเพิ่มเฟรม แบบ Insert Frame นั้นจะเป็นการเพ่มิ แบบเฟรมต่อเนื่องลากยาว

การเพม่ิ เฟรมแบบ Insert Keyframe ใหม่ สามารถทา ไดโ้ ดย Insert > Timeline > Keyframeหรอื กดป่มุ F6 ในการเพมิ่ เฟรมแบบ Insert Keyframe นัน้ จะเปน็ การตัดเฟรมแลว้ เริม่ ตน้ ใหมเ่ พ่ือวางวัตถชุ น้ิ ใหมห่ รอื มคี วามเปลี่ยนแปลง การเพิม่ เฟรมแบบ Insert Blank Keyframe ใหม่ สามารถทา ไดโ้ ดย Insert > Timeline >Blank Keyframe หรือกดปมุ่ F7 ในการเพิ่มเฟรมแบบ Insert Blank Keyframe น้นั จะเป็นการเพม่ิ เฟรมเปล่าเข้ามา

การลบเฟรม สามารถทา ได้โดยการกดปมุ่ Shift + F5 หรือคลิกขวาบนเฟรมทเ่ี ราตอ้ งการ ลบแล้วเลือก Remove Frames หรอื เลือกคา ส่ัง Edit >Timeline> Remove Frames การก๊อปป้ีเฟรม (Copy Frame and Paste Frame) 1. เปิดไฟล์ใหมท่ ตี่ อ้ งการทางานขึ้นมา คลิกเครอื่ งมอื สร้างวงกลมในกล่อง เคร่อื งมือเพื่อสร้างวงกลมขึ้นมา 1 วง 2. คลิกกาหนดสีพ้นื ภายในวงกลมให้เป็นสีขาว 3. คลิกเมาส์ซา้ ยคา้ งไวแ้ ล้วลากเพอ่ื สร้างวงรี 1 วงบน Stage

4. คลิกเมาส์ขวาในวงรี เลือกเมนู Convert to Symbol…

5. ช่อง Name : ให้ต้ังชื่อตามตอ้ งการ 8. คลิกขวาทเ่ี ฟรม 10 เลอื ก Insert 6. กาหนดชนดิ ของ Symbol ใหเ้ ป็น Graphic Keyframe 7. คลิกปุ่ม OK เพอ่ื เปน็ การยนื ยนั จะปรากฏวงรีเหมือนกับเฟรมท่ี 1

9. เลือกเมนู Modify > Transform > Scale 10. คลิกค้างบนจุดตรงมมุ วงรี เม่ือเมาสเ์ ปลยี่ นรปู เปน็ ลูกศรแลว้ ลากเพื่อขยาย ขนาดของวงรี 11. คลกิ เมาส์ขวาทีเ่ ฟรมใดเฟรมหนง่ึ ระหวา่ งเฟรมท่ี 1 กบั เฟรมท่ี 10 แลว้ คลกิ ขวาเลอื กเมนCู reate Motion Tween 12. กดปุ่ม Enter เพอ่ื เปน็ การทดสอบการขยายของวงรี

13. คลิกท่ีเฟรม 1 ในเลเยอร์ 1 ขณะท่ีกดปุ่ม Shift ค้างไว้ แลว้ คลกิ เฟรม 10 เพ่อื เลอื กเฟรมที่ 1 ถึงเฟรมที่ 10 14. คลกิ ปมุ่ เพ่ิมเลเยอร์ 3 ครั้ง จะปรากฏเลเยอรใ์ หม่ข้นึ มา 3 เล เยอร์ 15. คลิกเมาส์ขวาบนเฟรมที่เลอื ก แล้วเลอื กเมนู Copy Frames

16. คลิกทเี่ ฟรม 3 ของเลเยอร์ 2 คลิกขวาเลือกเมนู Paste Frames เพือ่ คดั ลอกเฟรมจากเลเยอร์ 1 มาวางในเฟรมท่ี 3 ของเลเยอร์นี้ 17. ให้คลกิ ทเี่ ฟรม 5 ของเลเยอร์ 3 แลว้ คลิกขวาเลอื กเมนู Paste Frames เพือ่ คัดลอกเฟรมจากเลเยอร์ 1 มาวางในเฟรมท่ี 5 ของเลเยอร์น้ี 18. ใหค้ ลิกทเี่ ฟรม 7 ของเลเยอร์ 4 คลกิ ขวาเลือกเมนู Paste Frames เพอื่ คัดลอกเฟรมจากเลเยอร์ 1 มาวางในเฟรมท่ี 7 ของเลเยอร์นี้

19. กดปมุ่ Shift ทแี่ ป้นคีย์บอร์ดค้างไว้ ในขณะทค่ี ลิกเฟรมท่ี 17 ของเลเยอร์ 4 แลว้ คลิกเฟรมท่ี 25 ของเลเยอร์ 1 เพ่อื เลือกเฟรมท่ไี มเ่ ก่ียวข้องกบั การเคลอ่ื นไหว 20. คลกิ เมาสข์ วาเลอื กเมนู Remove Frames เพือ่ ทาการลบเฟรมทไี่ ม่ เก่ยี วข้องกบั การเคล่ือนไหวออกไป

1. คลกิ เลอื กคียเ์ ฟรม 2. ท่ีพาเนล Properties ให้พิมพ์ชื่อหรือหมายเหตลุ งในช่อง Name 3. คลกิ แลว้ เลือกประเภท Label

ตัวอย่างชิ้นงานจากการสร้างเฟรม 1.คลิกเฟรมที่ 1 2. นาภาพทต่ี อ้ งการเป็นภาพน่งิ ลงบนสเตจ File > Import > Import to Stage…

3. คลกิ ขวาเลอื กที่เฟรม 5 เลือก Insert Keyframe 4. ทาการพมิ พต์ วั เลข 1 ลงไป

6. ลบภาพและตวั หนงั สือออก จากน้นั เพ่มิ ภาพทตี่ ้องการ 5. คลกิ ขวาเลอื กที่เฟรม 10 เลือก Insert Keyframe เป็นภาพนิ่งลงบนสเตจ File >Import > Import to Stage… จานวน 2 ภาพ

7. คลกิ ขวาเลือกท่ีเฟรม 15 เลอื ก Insert Keyframe และทาการพิมพต์ ัวเลข 2 ลงไป 8. จากนัน้ ลอง Compile ดูผล 9. เนอ่ื งจากผลทไี่ ดแ้ สดงเรว็ ไปให้ทาการขยบั เฟรมใหแ้ สดง ความเร็วเหมาะสมโดยเพ่ิมเฟรมของแต่ละ Keyframe ไปอยา่ งละ 20 เฟรม

10. จะไดผ้ ลลพั ธด์ ังรปู

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

การสรา้ งซีนใหม่ คลกิ เลอื กซีนใดซีนหนึ่งไว้กอ่ นแลว้ คลกิ คา สั่ง Insert > Scene หรือคลิกปมุ่ Add Scene ในพาเนล Scene ซ่ึงซนี ท่ีสรา้ งใหมจ่ ะปรากฏดา้ นลา่ งซนี ที่เลอื กไว้ การเลอื กทางานกบั ซนี คลิกเลือกชื่อซนี จากพาเนลScene หรอื คลิกคา สัง่ View > Go to > ช่อื ซนี

การใช้ Onion Skin วิธีการใช้ Onion Skin 1. คลกิ ปุม่ เมอื่ ต้องการใช้งาน Onion Skin 2. คลิกปมุ่ เมอ่ื ต้องการใช้ Onion Skin Outlines

การเปลยี่ นช่อื ซีน มวี ิธีการดังน้ี 1. สร้างไฟลง์ านข้ึนมาใหม่จะสงั เกตได้วา่ มซี นี อยู่ 1 ซีนชื่อ Scene 1 2. ทาการเพ่มิ ซนี ขึ้นมาใหม่โดย Insert > Scene

3. จะไดซ้ นี ใหมเ่ พ่มิ มาดงั รปู 4. ทาการเลือก Window > Other Panels > Scene เพ่ือเปิดพาเนล Scene ข้ึนมา

5. หนา้ ตาพาเนล Scene 6. ดับเบลิ้ คลิกทชี่ อ่ื ซีนเพื่อทาการเปล่ยี นช่อื ซนี 7. เม่อื ทาการเปล่ยี นชื่อซนี จะไดผ้ ลดงั รปู