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

เอกสารประกอบการสอน แ ผ น ก า ร จั ด ก า ร เ รี ย น รู้ ร า ย วิ ช า โ ป ร แ ก ร ส ร้ า ง ภ า พ เ ค ลื อ น ไ ห ว 20204-2111 อ า จ า ร ย์ ผู้ ส อ น นางสาวเกศณี กําลังเกือ สาขาวิชาคอมพิ วเตอร์ธุรกิจ วิ ท ย า ลั ย เ ท ค โ น โ ล ยี ว ชิ ร า โ ป ลี ส ง ข ล า 2 ถ น น ท ะ เ ล ห ล ว ง ตาํ บ ล บ่ อ ย า ง อํา เ ภ อ เ มื อ ง จั ง ห วั ด ส ง ข ล า โทร. 074-313748โทรสาร 074-436980

การสร้างงานแอนิเมชนั แบบ Classic Tween เป็นการเคลอื่ นท่ขี องวัตถุจากจดุ หนง่ึ ไปยังอีกจดุ หนง่ึ หรือเปน็ ลกั ษณะการเคล่ือนท่ีในแนวตรง 1.สรา้ งวัตถุเขา้ ไปใน Stage ซึง่ เราสามารถแทรกรปู ภาพหรือวตั ถอุ น่ื ๆ ลงไปแทนได้ (ตัวอยา่ งจะใช้การวาด รปู ทรงวงกลมดว้ ยเครื่องมือ (Oval Tool) ) 2. วาดรปู ทรงวงกลมขนาดตามต้องการลงไปบน Stage 3. ในส่วนหน้าตา่ ง Time line สรา้ ง keyframe เพ่ือระบุตำแหน่งเรม่ิ - สน้ิ สุดของวตั ถุ ตัวอยา่ งจะกำหนดความยาว 50 เฟรม (สามารถเลือกเฟรมทีเ่ ท่าไรกไ็ ด้ เช่น เฟรมที่ 100 หรือเฟรมอน่ื ๆ ตามตอ้ งการ) คลิกขวาเฟรมที่ 50 เลอื ก Insert Keyframe (คีย์ลดั คอื F6)

4. จากน้นั จะได้ลักษณะของ Time line ดงั ภาพ (จะเหน็ ว่ามจี ดุ สีดำ อยู่ 2 จดุ ซ่งึ ก็คือ keyframe) 5. เลอื กเฟรมท่ี 50 หลงั จากนั้นทำการย้ายวตั ถุไปไวย้ งั ตำแหน่งใหมต่ ามทีต่ อ้ งการ 6.คลิกขวาระหว่างเฟรมที่ 1-50 จากนัน้ เลือกคำส่งั Create Classic Tween โดยคลกิ เลอื กคำส่ังในบรเิ วณ กรอบสแี ดงดงั รปู

7. ลักษณะ Time Line เมื่อเลือกคำสง่ั Classic Tween จะปรากฏเปน็ ลูกศรชไ้ี ปทางด้านขวาและสบี นเฟรม จะเป็นสมี ว่ งอ่อนๆ 8.ทดสอบการเลน่ ดว้ ยการกดป่มุ Ctrl+Enter

การสร้างงานแอนิเมชนั แบบ Motion Tween เป็นการเคล่ือนที่ของวัตถุจากจดุ หนึง่ ไปยังอีกจุดหนงึ่ โดยสามารถปรบั ทิศทางการเคลือ่ นทไ่ี ด้อยา่ งอสิ ระ 1.สรา้ งวตั ถหุ รือวาดรูปทรงทเ่ี ราตอ้ งการ จากตัวอย่างเราจะใชเ้ ครื่องมือ Oval Tool ในการวาดรปู ทรงวงกลม 2.วาดรูปทรงวงกลมขนาดตามตอ้ งการลงไปบน Stage 3.คลิกขวาท่ีรูปทรงทีเ่ ราวาดแล้วเลือกคำสง่ั Create Motion Tween

4.เม่ือปรากฏหน้าต่างดงั ภาพให้คลิกปุ่ม OK 5.เคลือ่ นย้ายรปู ทรงที่เราวาดไปยังทิศทางทเี่ ราตอ้ งการ ให้สงั เกตว่าจะมเี ส้นไกด์กำหนดทศิ ทางซึ่งเราสามารถ กำหนดให้รปู ทรงหรือวัตถุเคลือ่ นที่ไปเปน็ แนวโค้ง หรืออิสระได้ 6.ทดสอบการเล่น ดว้ ยการกดป่มุ Ctrl+Enter

การสร้างงานแอนิเมชันแบบ Shape Tween การสรา้ งภาพเคลอ่ื นไหวแบบ Shape Tween คือการทำใหว้ ัตถุเปลย่ี นรปู รา่ งจากรูปหนึง่ เป็นอีกรูป หนง่ึ เชน่ จากรูป สเี่ หลีย่ มเป็นรปู วงกลม หรือข้อความเปน็ วตั ถุ วัตถเุ ปน็ ข้อความ 1.สรา้ งวัตถเุ ข้าไปใน Stage ซ่ึงเราสามารถแทรกรปู ภาพหรอื วัตถอุ ืน่ ๆ ลงไปแทนได้ (ตัวอยา่ งจะใชก้ ารวาด รูปทรงวงกลมดว้ ยเคร่ืองมือ (Oval Tool) ) 2. วาดรปู ทรงวงกลมขนาดตามต้องการลงไปบน Stage 3. สร้าง Keyframe เพอื่ ระบุตำแหน่งเร่ิม - สิ้นสดุ ของวัตถุ ตัวอยา่ งจะกำหนดความยาว 50 เฟรม (สามารถ เลอื กเฟรมทเี่ ทา่ ไรกไ็ ด้ เชน่ เฟรมท่ี 100 หรอื เฟรมอืน่ ๆ ตามตอ้ งการ) คลิกขวาเฟรมท่ี 50 เลือก Insert Keyframe (คีย์ลดั คือ F6)

4. จากนนั้ จะได้ลักษณะของ Time line ดังภาพ (จะเหน็ ว่ามจี ุดสีดำ อยู่ 2 จดุ ซ่ึงกค็ ือ Keyframe) 5.เลอื กเฟรมที่ 50 หลงั จากนั้น ทำการลบรูปทรงวงกลมทิ้ง แล้ววาดรปู ใหม่ลงไปแทน 6.คลิกขวาระหวา่ งเฟรมที่ 1-50 จากน้ันเลอื กคำสงั่ Create Shape Tween โดยคลกิ เลือกคำสง่ั ในบรเิ วณ กรอบสีแดงดังรปู

7. ลักษณะ Time Line เมอ่ื เลือกคำสง่ั Shape Tween จะปรากฏเปน็ ลกู ศรช้ไี ปทางดา้ นขวาและสีบนเฟรม จะเปน็ สเี ขยี วอ่อนๆ 8. ทดสอบการเล่น ดว้ ยการกดปุ่ม Ctrl+Enter

โปรแกรมสร้างภาพเคลือนไหว Animation Program Adobe FLASH