ANIMATIONDesign for kid

Boonmee Mueangna

ARTI3322ANIMATION DESIGN

Anim

ation Design for kid

Animation Design for kidArti 3322

โครงการสร้างภาพเคลื่อนไหว Animation Design for kid

Preproduction

โครงการออกแบบสือ่แอนเิมชัน่เพือ่เป็นสือ่เสรมิความรูท้างเครือ่งคอมพวิเตอร์ส่วนบคุคลแบบพกพาTabletส�าหรับเด็กประถมเรื่องตอนก�าเนิดIT

�ขั้นตอนการผลิตแอนิเมชั่นเรื่อง.....ตอนกำาเนิดIT

Concept (แนวคิด) แนวความคิดในการผลิตงานสื่อแอนิเมชั่นในครั้งนี้ต้องการให้ความรู้ความเข้าใจในเรื่องของการใช้คอมพวิเตอร์ว่าประวตัเิป็นมายงัไงและได้สร้างเป็นภาพเคลือ่นไหวทีเ่ดก็ดแูล้วไม่เกดิผลร้ายต่อเด็กเป็นการ์ตูนน่ารักๆประกอบด้วยการอธิบายจะออกมาในรูปแบบของงานการ์ตูนที่เป็นภาพเคลือ่นไหวไม่ใช่ภาพนิง่เน้นสสีนัทีส่วยงามน่ารกัเพือ่ให้เดก็เกดิความสนใจและประทบัใจและจดจ�าได้ง่ายต่อการเรียนรู้ด้วยTabletในการเรียนการสอนในปัจบันการ์ตูนแอนิเมชั่นจะเป็นรูปแบบของงานภาพแบบ2มิติและ3มิติโดยเน้นการใช้สีและตัวการ์ตูนที่เป็นตัวละครเปล็นหลักในการด�าเนิดเรื่องส่วน เนื้อหาจะอธิบายให้เห็นถึงการก�าเนิดมาของคอมพิวเตอร์และได้พัฒนามาในรูปแบบต่างๆอย่างเช่นTabletว่ามีต้นก�าเนิดอย่างไร

เนื้อเรื่องโดยย่อ

น้องวีช่าเป็นเด็กขยันเรียนหนังสือตื่นตอนเช้าวีช่าจะอาบน�้ากินข้าวรีบแต่งตัวไปโรงเรียนแต่เช้าเสมอทกุวนัโรงเรยีนของน้องวช่ีาอยูห่่างไม่ไกลจากบ้านนกัเธอจึงเดินไปโรงเรยีนเองทกุวนัโดยที่พ่อกับแม่ไม่ต้องไปส่งวีช่ามีเพื่อนชนิดในห้องเรียนอยู่หนึ่งคนชื่อน้องขมพู่เขาสองคนชอบไปไหนมาไหนด้วยกนัเสมอครปูระจ�าช้ันของพวกเธอทัง้สองคนช่ือครจูอยครจูอยจะสอนเรือ่งไอทีให้กับเด็กทุกคนและหลังเลิกเรียนครูจอยได้สั่งให้เด็กๆไปห้องสมุดหาหนังสือกลับไปอ่านที่บ้านแล้วน้องวีช่ากับน้องชมพู่ก็ไปห้องสมุดด้วยกันน้องวีช่าเธอได้จเอหนังสือเกี่ยวกับเรื่องไอทีหนังชื่อเรื่องว่าตอนก�าเนิดไอทีวีช่าอ่านและชอบหนังสือเล่มนั้นเธอจึงเอากลับบ้านไปอ่านด้วย

โครงการสร้างภาพเคลือ่นไหว Animation Design for kid

จัดท�ำโดยบุญมีเมืองนารหัส5321300153กลุ่มเรียน201ศิลป์กรรมแขนงออกแบบนิเทศศิลป์คณะมนุษย์ศาสตร์และสังคมศาสตร์บล๊อก:http://boonmee-arti3322.blogspot.com/

ผู้สอน ผู้ช่วยศำสตรำจำรย์ประชิด ทิณบุตร

รายงานนี้เป็นส่วนหนึ่งของวิชาARTI3322AnimationDesignภาคเรียนที่3ปีการศึกษา2554มหาวิทยาลัยราชภัฏจันทรเกษม

32

ARTI3322ANIMATION DESIGN

Anim

ation Design for kid

Animation Design for kidArti 3322

�แบบSketchตัวละครที่2

2.น้องวช่ีาเป็นเดก็ผูห้ญงิทีน่่ารกัชกุชนตามประสาเดก็ทัว่ๆไปแต่วช่ีาเป็นเดก็ทีข่ยนัเรยีน และชอบอ่านหนังสือ

�แบบSketchตัวละครที่3

3. น้องชมพู่(เป็นเพื่อนของน้องวีช่า)

�ตัวละครของเรื่อง

1. น้องTabletเป็นตัวลครที่แนะน�าก่อนเข้าเรื่องหรือIntro

2. น้องวช่ีาเป็นเดก็ผูห้ญงิทีน่่ารกัชกุชนตามประสาเดก็ทัว่ๆไปแต่วช่ีาเป็นเดก็ทีข่ยนัเรยีน และชอบอ่านหนังสือ

3. น้องชมพู่(เป็นเพื่อนของน้องวีช่า)

4.คณุครจูอยเป็นครปูระจ�าชัน้ของน้องวช่ีากบัน้องชมพู่และเปป็นครสูอนคอมพวิเตอร์ให้ กับเด็กๆในชั้นเรียน

Characters Design

�แบบSketchตัวละครที่1

1.น้องTabletเป็นตัวลครที่แนะน�าก่อนเข้าเรื่องหรือIntro

54

ARTI3322ANIMATION DESIGN

Anim

ation Design for kid

Animation Design for kidArti 3322

�แบบSketchตัวละครที่4

4. คณุครจูอยเป็นครปูระจ�าช้ันของน้องวช่ีากบัน้องชมพู่และเปป็นครสูอนคอมพวิเตอร์ให้ กับเด็กๆในชั้นเรียน

Story Board

�ขั้นตอนการดำาเนินเรื่อง เมือ่เราได้ตวัละครครบแล้วกจ็ะเป็นขัน้ตอนการเขยีนเหล่าเรือ่งเป็นแบบStoryBoardก่อนการทีจ่ะไปลงมอืท�าภาพเคลือ่ไหวจรงิๆข้อดขีองการเขยีนStoryBoardก่อนน้ันจะท�าให้เราท�างานง่ายขึน้ไม่ใช้คดิไปท�างานไปและไม่ใช้คดิแบบลอยๆการท�างานต้องมหีลกัและขัน้ตอนเพือ่ตอนท�างานจรงิจะได้องิจากStoryBoardทีเ่ราได้ร่างเอาว้าแล้วจากนัน้การท�างานกจ็ะง่ายขึน้และไม่ยุ่งอยากเมื่อไปผลิตเป็นanimationหรือเรียกว่าภาพเคลื่อนไหวนั้นเองครับ

76

ARTI3322ANIMATION DESIGN

Anim

ation Design for kid

Animation Design for kidArti 3322

Scene 5

Scene 7

Scene 6

Scene 8

Scene 9 Scene 10

�ขั้นตอนการวาดภาพด้วยคอมพิวเตอร์ เมือ่เราได้เขยีนแบบพอให้เข้าใจแล้วเรากน็�าแบบทีเ่ขยีนเป็นStoryBoardมาวาดตวัการ์ตนูในคอมพิวเตอร์อีกครั้งเพื่อจะได้น�าไปสร้างเป็นตัวการ์ตูนAnimationแต่การวาดตัวการ์ตูนนั้นก็แล้วแต่จะเลือกใช้ให้เหมาะสมหรือตามความถนัดของผู้วาดเองอย่าง เช่น วาดด้วยโปรแกรมAdobeIllustratorหรือAdobeFlashก็ได้ส่วนการท�าAnimationหรือภาพเคลื่อนไหวจะนิยมใช้โปรแกรมAdobeFlashในการท�าเป็นส่วนใหญ่และเป็นที่นิยมในปัจจุบัน

Scene intro

Scene 5

Scene intro

Scene 4

98

ARTI3322ANIMATION DESIGN

Anim

ation Design for kid

Animation Design for kidArti 3322

Scene 19 Scene 20

ตัวละครทั้งหมด

Scene 11 Scene 12

Scene 13 Scene 14

Scene 15 Scene 16

Scene 17 Scene 18

1110

ARTI3322ANIMATION DESIGN

Anim

ation Design for kid

Animation Design for kidArti 3322

แนะน�าเว็บไซต์ soundcloud เป็นเว็บไวต์ส�าหรับโหลดเสียงต่างๆเพื่อน�ามาประกอบภาพเคลื่อนไหว Downloadเสยีงประกอบจากเว๊บSoundCloudได้จากทีอ่ยูต่ามลิง้นี้http://soundcloud.com/tracksก่อนจะโหลดขอแนะน�าให้สมัครสมาชิก่อนถึงจะสามาโหลดได้

โปรแกรมใช้ส�าหรัตัดต่อ VDO

* Windows Live Movie Maker โปรแกมนี้จะมากับ Windows Live

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

* โปรแกรม Adobe Flash เป็นของบริษัท Adobe AdobeFlash เป็นโปรแกรมที่มีไว้ส�าหรับสร้างภาพAnimationที่ได้รับความนิยมมากๆส�าหรับคนที่ท�าเว็บ จะขาดตัวนี่ไม่ได้เพราะFlashจะเป็นตัวสร้างสีสันให้กับหน้าเว็บที่ต้องการเน้อนลูกเล่นและสวยงาม

1312

ARTI3322ANIMATION DESIGN

Anim

ation Design for kid

Animation Design for kidArti 3322

The End

โปรแกรมใช้ส�าหรัตัดต่อเสียง

* Nero WevEditor ของ โปรแกรม Nero ใช้ตัดต่อและบันทึกเสียงได้

1514