วันพฤหัสบดีที่ 16 พฤษภาคม พ.ศ. 2556

การเรียนการสอนในสัปดาห์ที่ 6



 ช่วงแรกของการเรียนคือการนำเสนองานกลุ่ม ดังนี้

   จากนั้นอาจารย์ให้ความรู้เรื่องการทำ storyboard และซอฟแวร์ที่สามารถสร้างstoryboard ได้  นั้นคือ ToonBoom 


9ตัวอย่าง storyboard

ความรู้เพิ่มเติม

การทำ animation ต่างๆ 

ในการทำ animation ต่างๆ เช่น การ์ตูน แน่นอนว่าจะต้องแบ่งเป็นตอนๆ หรือ ฉาก ใน flash ก็เช่นกัน เมื่อ animation ของเรามีความยาว หรือซับซ้อนมาก ก็แบ่งออกเป็นฉากๆได้ โดยใ้ช้ Scene เพราะว่าใน flash player นั้นจะทำการเล่นเมื่อมีเฟรมไม่เกิน 16,000 เฟรม ถ้ามากกว่านี้ก็จะไม่เล่น และถ้า animation ของเรามีความยาวมากกว่า 16,000 เฟรมล่ะ จะทำยังไง Scene เป็นตัวเลือกหนึ่งในนั้น บทความนี้จะทดสอบเกี่ยวกับการใช้ Scene ค่ะ
1. สร้างเอกสารใหม่ขึ้นมา ขนาดใดก็ได้ (ในรูปขนาด 400x300)
http://www.webthaidd.com/flash/file_flash/flash72/scene_01.gif
2. ใช้เครื่องมือ text tool http://www.webthaidd.com/flash/file_flash/flash72/scene_02.gif พิมลงไปใน stage ว่า Scene 1 ดังรูป
http://www.webthaidd.com/flash/file_flash/flash72/scene_03.gif
3. สร้าง layer ใหม่ขึ้นมาอีก 1 เลเยอร์ โดยคลิกที่ http://www.webthaidd.com/flash/file_flash/flash72/scene_06.gif แล้วใช้เครื่องมือ Oval Tool http://www.webthaidd.com/flash/file_flash/flash72/scene_04.gif วาดรูปวงกลมลงไปทางด้านซ้ายของ stage ดังรูป
http://www.webthaidd.com/flash/file_flash/flash72/scene_07.gif
http://www.webthaidd.com/flash/file_flash/flash72/scene_05.gif
4. คลิกขวาที่ keyframe ที่เฟรมแรก ของ layer 2 แล้วเลือก creation motion tween ดังรูป
http://www.webthaidd.com/flash/file_flash/flash72/scene_08.gif
5. คลิกขวาที่เฟรมที่ 20 แล้วเลือก Insert Keyframe ดังรูป
http://www.webthaidd.com/flash/file_flash/flash72/scene_09.gif
http://www.webthaidd.com/flash/file_flash/flash72/scene_10.gif
6. ลากวงกลมไปไว้ทางขวาดังรูป
http://www.webthaidd.com/flash/file_flash/flash72/scene_13.gif
7. คลิกขวาที่เฟรมที่ 20 ของ layer 1 แล้วเลือก Insert Frame ดังรูป
http://www.webthaidd.com/flash/file_flash/flash72/scene_11.gif
http://www.webthaidd.com/flash/file_flash/flash72/scene_12.gif
8. ตอนนี้เราก็จะได้ animation อย่างง่าย อยู่ที่ Scene แรกแล้วนะครับ สังเกตุได้จากตัวอย่างในรูปครับ
http://www.webthaidd.com/flash/file_flash/flash72/scene_14.gif
9. ไปที่เมนู Insert > Scene เพื่อสร้าง Scene ใหม่ขึ้นมา จะพบกับ stage ที่ว่างเปล่า นั่นก็คือ Scene 2 นั่นเอง
http://www.webthaidd.com/flash/file_flash/flash72/scene_15.gif
http://www.webthaidd.com/flash/file_flash/flash72/scene_16.gif
10. ใน Scene 2 นั้นให้สร้าง animation ขึ้นมาใหม่ ตั้งแต่ข้อ 2 - 7 โดยเปลี่ยนจาก คำว่า Scene 1 เป็น Scene 2 และเปลี่ยนสีของวงกลมจากสีฟ้าเป็นสีอื่นครับ ดังรูป
http://www.webthaidd.com/flash/file_flash/flash72/scene_17.gif



ไม่มีความคิดเห็น:

แสดงความคิดเห็น