Ant And Ants-Animation design-arti3322

14
ANIMATION DESIGN Adobe Aword Project Adobe Aword Project By Tiny Four By Tiny Four Adobe Aword Project Adobe Aword Project By Tiny Four By Tiny Four ANIMATION DESIGN ARTI 3322 ANIMATION DESIGN ARTI 3322

description

Ant And Ants-Animation design-arti3322

Transcript of Ant And Ants-Animation design-arti3322

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