Download - Ant And Ants-Animation design-arti3322

Transcript
Page 1: Ant And Ants-Animation design-arti3322

ANIMATION DESIGNAdobe Aword ProjectAdobe Aword Project

By Tiny FourBy Tiny Four

Adobe Aword ProjectAdobe Aword Project

By Tiny FourBy Tiny Four

ANIMATION DESIGN ARTI 3322ANIMATION DESIGN ARTI 3322

Page 2: Ant And Ants-Animation design-arti3322

โดย กลุ่ม tiny four1. นายชานนท์ เกษมวรรณกร :illustrator, Stage designer2. นางสาวกัณฑิมา อังคสิงห์ : Key Animator3. นางสาวพิชญาภรณ์ วิวัฒนพูนผล : Director, Sound Effect 4. นางสาววิภาดา โทนสูงเนิน : illustrator

สรุปงานโปรเจค Adobe Awordรายวิชา ออกแบบภาพเคลื่อนไหว ARTI 3322เสนอ ผศ. ประชิดทิณบุตร

Page 3: Ant And Ants-Animation design-arti3322

เนื้อเรื่อง

เรื่อง ANT AND ANTS

เนื้อเรื่อง

เช้ามืดเป็นฉากในโพรงมดฉากมืดยงพญามดร้องขึ้นนำหนึ่งเสียงเพื่อปลุกมดตัวอื่นๆแล้วเสียงม

ดร้องรับระงมตามต่อจากนั้นได้ยินเสียงขบวนมดเดินฝูงใหญ่ออกจากโพรมองไปภายนอกเป็นโพ

รงกลมที่มดอาศัยเห็นแสวันใหม่ ดวงอาทิตย์

ต้นหญ้าน้ำค้างขณะมดกำลังทำงานหรือดำเนินภาระกิจปกติประจำวันในการหาอาหารอยู่ข้างน

อกนั้นท้องฟ้ามืดสลัวเสียงฟ้าร้องแสงฟ้าแลบเหล่าผีวิ่งว่อนอยู่

บนท้องฟ้าเกิดเม็ดฝนจำนวนหลากสีแผ่นดินแยกมดน้อยวิ่งด้วยความความเร็วเม็ดฝนหรือเม็ด

สิ่งชั่วร้ายนั้นได้แทรกท่วมเข้าไปในรูที่มดอยู่ทำให้มดบางตัวจมน้ำบ้างแต่หลายๆตัวก้พยายามดิ้

นร้น ให้ตัวเองออกพ้นเม็ดฝนหรือ เม็ดสิ่งชั่วร้ายนั้นได้แทรก

ท่วมเข้าไปในรูที่มดอยู่ทำให้มดบางตัวจมน้ำบ้างแต่หลายๆตัวก้พยายามดิ้นร้นให้ตัวเองออกพ้น

ไปมดน้อยพยายามไต่ปีนยอดใบหญ้าขึ้นเรื่อยๆเพื่อจะข้ามจากยอดหญ้าไปสู่พื้นที่

ที่ปลอดภัยกว่าทันใดนั้น เองมีคลื่นลูกใหญ่โหม เข้าอย่างหนักเหล่ามดน้อยแตกแยกกัน

ไปคนละทิศละทาง มดจมน้ำใบไม้สีทอ

งเห็นจึงช่วยและพามาส่งที่ต้นไม้สีทอง

ใบไม้สีทองได้พามดเข้าไปในป่ามดน้อยได้เห็นต้นไม้สีทองหลายต้นใบไม้สีทองพามาถึงต้นไม้สีทอง

และ มดน้อยได้อาศัยอยู่ที่ต้นไม้สีทอง

Page 4: Ant And Ants-Animation design-arti3322

รายละเอียด

วิชาการออกแบบภาพเคลื่อนไหวผู้สอนสอน ผศ.ประชิด ทิณบุตรได้ตั้งโจทย์ให้นักศึกษาทำ ani-

mation ส่งงานประกวดในงาน Adobe Design Awards

เพื่อให้นักศึกษาได้เรียนรู้และได้ลงมือปฎิบัติงานเพื่อให้ได้ความรู้และนำไปปฎิบัติใช้ได้จริงและได้

ประสบการณ์จริงจากการได้ส่งงานเข้าประกวดและได้ทำงานด้วยการวางแผนขั้นตอนต่างๆในการ

ทำงาน

วัตถุประสงค์

-ทำงานประกวดในงาน Adobe Design Awards

-ให้นักศึกษาได้ศึกษาวิธีการทำ animation

-เพื่อให้นักศึกษาได้เรียนรู้และ ได้ลงมือปฎิบัติโดยการทำงานแบบเป็นทีม

ขั้นตอนการดำเนินงาน

1.Text

เรื่อง ANT AND ANTS

แผนผังกระบวนการทำงาน

Page 5: Ant And Ants-Animation design-arti3322

ตัวละคร

Chartere Design

ขั้นตอนที่ 1 ออกแบบตัวละครด้วยการ Sket มือ

Story Board

ความหมาย

หมายถึงแผ่นป้ายหรือแผนภาพที่เขียนเรียบเรียงขึ้นอย่างเป็นระ

บบ เพื่อเป็นเครื่องมือในการใช้วางแผนจัดการแสดง ใช้สื่อสาร

ใช้เป็นเครื่องมือในการบอกเล่าถึงการวางแผนจัดกระทำ

การบริหารจัดการสิ่งต่างๆที่เกี่ยวข้องในงาน

การลำดับเหตุการณ์ของ ภาพ ฉาก อุปกรณ์

ตัวละครที่เกี่ยวกับเรื่องราวที่จะดำเนินการสร้างสรรค์เป็นผลงา

น มนการที่จะต้องมีการสร้าง บันทึก จัดเก็บและจะนำเสนอ

เป็นภาพนิ่งภาพเคลื่อนไหวการจัดการกำกับเหตุการณ์ในเวลาจ

ริง หรือเป็นการบันทึกลงสื่อดิจิตัลรูปแบบต่างๆ

สตอรี่บอร์ดจึงเป็นผลงานที่รู้จักกันดีคือเป็นชิ้นงานที่ใช้ในการถ่า

ยทำภาพยนตร์หรือการนั่นเอง

ซึ่งโดยปกติแล้วมักจะเป็นหน้าที่ของช่างศิลป์หรือนักสร้างภาพป

ระกอบที่ต้องขีดเขียนขึ้นด้วยการอาศัยทักษะฝีมือทางการวาดภ

าพ และสร้างภาพจากเนื้อหาเรื่องราวแต่ละฉากแต่ละตอน

ออกมาให้ปรากฏก่อนเกิดการดำเนินการสร้างจริง

เป็นการสรุปย่อและวางแผนการกำกับทุกสรรพสิ่งที่จะเกี่ยวข้องใ

นการถ่ายทำนั่นเอง

แอนิเมชัน (อังกฤษ: animation) หมายถึง

การสร้างภาพเคลื่อนไหวโดยการฉายภาพนิ่งหลายๆ

ภาพต่อเนื่องกันด้วยความเร็วสูง

การใช้คอมพิวเตอร์กราฟิกส์ในการคำนวณสร้างภาพจะเรียกกา

รสร้างภาพเคลื่อนไหวด้วยคอมพิวเตอร์หรือ

คอมพิวเตอร์แอนิเมชัน หากใช้เทคนิคการถ่ายภาพหรือวาดรูป

หรือ หรือรูปถ่ายแต่ละขณะของหุ่นจำลองที่ค่อย ๆ ขยับ

จะเรียกว่า ภาพเคลื่อนไหวแบบการเคลื่อนที่หยุด หรือ

สตอปโมชัน (stop motion) โดยหลักการแล้ว

ไม่ว่าจะสร้างภาพ หรือเฟรมด้วยวิธีใดก็ตาม

เมื่อนำภาพดังกล่าวมาฉายต่อกันด้วยความเร็ว ตั้งแต่ 16

เฟรมต่อวินาทีขึ้นไป เราจะเห็นเหมือนว่า

ภาพดังกล่าวเคลื่อนไหวได้ต่อเนื่องกัน

ทั้งนี้เนื่องจากการเห็นภาพติดตาในทางคอมพิวเตอร์

การจัดเก็บภาพแบบแอนิเมชันที่ใช้กันอย่างแพร่หลายในอินเทอร์

เน็ต มีหลายรูปแบบไฟล์เช่น GIF APNG MNG SVG แฟลช

และไฟล์สำหรับเก็บวีดิทัศน์ประเภทอื่นๆ

Page 6: Ant And Ants-Animation design-arti3322

ขั้นตอนที่ 2 ออกแบบตัวละครด้วยการใช้โปรแกรมAdobe Illustrator

Page 7: Ant And Ants-Animation design-arti3322

ขั้นตอนที่ 3 ทำanimationด้วยโปรแกรม Adobe Flasl Professional

ภาพแสดงการทำงานแบบเฟรมบายเฟรมจากโปรแกรม Adobe Flash

ภาพแสดงการทำงานแบบเฟรมบายเฟรมจากโปรแกรม Adobe Flash

Page 8: Ant And Ants-Animation design-arti3322

Scene 1 เป็นฉากมืดในดพรงมดใช้เอฟเฟคเสียงมดร้องปลุกเพื่อน

Scene 2 เป็นฉากดวงอาทิตย์โผล่ขึ้นลอดผ่านปากโพรง

Scene 3 เป็นฉากมดปีนบันไดใช้เอฟเฟคเสียงกลองรัว

Page 9: Ant And Ants-Animation design-arti3322

Scene 4 เป็นฉากมดเดินหาอาหารประกอบกิจวัตรประจำวัน

Scene 5 เป็นฉากมดเดินหาอาหาร ขนอาหารกลับบ้าน

Scene 6 เป็นฉากมดเดินหาอาหาร ขนอาหารกลับบ้าน

Page 10: Ant And Ants-Animation design-arti3322

Scene 7 เป็นฉากมดขนไข่

Scene 8 ฝนตก เม็ดฝนหลากสีหล่นร่วงลง

Scene 9 มดน้อยหนีฝนอย่างทุลักทุเล

Page 11: Ant And Ants-Animation design-arti3322

Scene 10 มดน้อยหนีฝนอย่างทุลักทุเล ขึ้นต้นหญ้า

Scene 11 มดน้อยหนีฝน และช่วยเหลือกันโดยการต่อตัวเพื่อให้รอดพ้นจากน้ำ

Scene 12 นำ้เริ่มท่วมขึ้นเรื่อยๆจนมดน้อยจมน้ำ

Page 12: Ant And Ants-Animation design-arti3322

Scene 13 ฉากป่าไม้เขียวที่มีมีต้นไม้สีทองอยู่ในป่าลึก

Scene 14 ฉากใบไม้สีทองร่วงเพื่อไปช่วยเหลือมดดำ

Scene 15 ฉากใบไม้สีทองร่วงและช่วยเหลือมดน้อย

Page 13: Ant And Ants-Animation design-arti3322

Scene 16 ฉากใบไม้สีทองรับมดน้อยไปส่งที่ต้นไม้สีทอง

Scene 17 ฉากใบไม้สีทอง

Page 14: Ant And Ants-Animation design-arti3322