ARTI3322 - Character Design

Page 1

Animation Design ARTI3322

Character Design


คำนำ รายงานเล่มนี�จัดทำขั�นเพื�อให้ได้รู้ถึงการออกแบบ Character Design และจัดทำเป็นเอกสารรายงานในชั�นเรียนเพื�อเพิ�มความรู้ ที�เกี�ยวข้องกับวิชา Animation Design และเป็นผลงานออกแบบ Mascot ที�ส่งเข้าประกวดต้องศึกษาค้นคว้า และออกแบบให้กับ ว.ช.(ศูนย์วิจัยแห่งชาติ) ภายในเล่มนี�จะประกอบไปด้วย วิธีการดำเนินงานต่าง ๆ จนเห็นผลสำเร็จ ในรูปแบบ animation เคลื�อนไหว โดยสื�อโปรแกรมต่าง ๆ เช่น โปรแกรม Illustrator, โปรแกรม Flash และโปรแกรม Movie Maker เหมาะสำหรับ ผู้ที�สนใจ ในเรื�อง Animation Design หัวข้อในการส่งเข้าประกวด การประกวดออกแบบและตั�งชื�อ Mascot ของงาน “การนาเสนอผลงานวิจัยแห่งชาติ ๒๕๕๕” (Thailand Research Expo 2012) เพื�อเป็นสัญลักษณ์ของงานรวมทั�งการมีส่วนร่วม ของผู้เกี�ยวข้องในระบบวิจัย และผู้ให้ความสนใจในงานวิจัยของประเทศ ซึ�ง Mascot ที�จัดทำขึ�นในปีนี� มีจุดมุ่งหมายให้เป็นสื�อที�แสดงถึงการมีความคิดสร้างสรรค์ ของนักวิจัยไทยกับการนำสู่การใช้ประโยชน์ ในการพัฒนาประเทศ


สารบัญ คำนำ

หน้า

สารบัญ ขั�นตอนการสืบค้น ส.1

1 - 2

ขั�นตอนสมมุติฐาน ส.2

2 - 3

ขั�นตอนสรุปผลงาน ส.3

5 - 7

ขั�นตอนการออกแบบ Character ให้เคลื�อนไหว

8 - 14


ส.1 สืบค้น จากหัวข้อในงานส่งเข้าประกวด การประกวดออกแบบและตั�งชื�อ Mascot ของงาน “การนาเสนอผลงานวิจัยแห่งชาติ ๒๕๕๕” (Thailand Research Expo 2012) โจทย์ที�ทางสำนักงานคณะกรรมการวิจัยแห่งชาติ / วช.กำหนดไว้ดังนี� ๑. การออกแบบ Mascot ของงาน “การนำเสนอผลงานวิจัยแห่งชาติ ๒๕๕๕” (Thailand Research Expo2012) จะต้องสื�อให้เห็นถึงการแสดงความคิดสร้างสรรค์ของนักวิจัยในการสร้างงา น วิจัยอย่างมีคุณค่าและเป็นประโยชน์ต่อการพัฒนาประเทศ ๒. การออกแบบ Mascot ตามข้อ ๑ ต้องมีรูปแบบที�สร้างความสนใจแก่ผู้พบเห็น โดยมีรูปแบบที�ใช้สีสันสวยงาม มีความน่ารัก มีบุคลิกที�ร่าเริงและแสดงความฉลาดเฉลียว รวมทั�งมีความเป็นมิตรพร้อมกับสะท้อนแนวคิดตามที�กำหนดไปพร้อมกัน ๓. การออกแบบ Mascot ตามข้อ ๑ และ ๒ จะเป็นคนสัตว์ สิ�งของ หรือสัญลักษณ์ใดก็ได้ โดยผู้ออกแบบต้องให้ความเห็นและควำามหมายของ Mascot ที�ออกแบบและนำเสนออย่าง ชัดเจน ไม่น้อยกว่า ๓ บรรทัด และไม่เกิน ๕ บรรทัด


เมื�อศึกษาโจทย์สำหรับการออกแบบแล้ว จึงได้ไช้สัตว์ในการออกแบบ พร้อมหาแนวคิดที�ตรงกับโจทย์ เริ�มจาการที�หาสัตว์ที�ดูแล้วฉลาด โดยเลือกลิง เพราะพวกมันสามารถเรียนรู้,เเก้ปัญหาเป็นขั�นตอนเเละมีความจำที�ดีกว่า สัตว์ตัวไหน จึงได้ทำการเอาลิงมาเป็น Mascot แล้วตั�งชื�อว่า “เจ้าลิงน้อยตัว” บวกกับได้แนวคิดมาจาก โครงการตามแนวพระราชดำริของพระบาทสมเด็จพระเจ้าอยู่หัว ภูมิพลอดุลยเดช โดยโครงการแก้มลิง เป็นนิมิตรหมายอันเป็นสิ�งที�ชาวไทยทั�งหลายได้รอดพ้น จากทุกข์ภัยที�นำความเดือดร้อนแสนลำเค็นมาสู่ชีวิตที�อบอุ่นปลอดภัยท่า นทรงมีพระราชอัฉริยภาพเป็นแบบอย่าง ให้กับนักวิจัยและชาวไทยได้ยึดถือและปฎิบัติตาม ได้ทำการหาคาแรกเตอร์ที�เกี�ยวกับลิงมาดูแนวทางในการทำ 1. ชื�อ Yoci มาจากตัวการ์ตูนสองตัวนามว่า Yoyo และ Cici ซึ�ง เป็นลิงเพศผู้ ถูกออกแบบโดยบริษัทสัญชาติจีนชื�อ Tencent ซึ�งเป็นเจ้าของ QQ โปรแกรมสนทนาออนไลน์ชื�อดังตัวหนึ�ง


2. Oyama no Monkichi ( หมายถึงภูเขาของลิงในภาษาญี�ปุ่น) วันเกิด 13 มกราคม สถานที�เกิด ญี�ปุ่น บุคลิก เจ้าลิงน้อยที�มีนิสัยสนุกสนานเฮฮา เขามักจะคุยอวดกับทุกๆคนเสมอว่า เขาเป็นเจ้าของแชมป์กินกล้วยได้เร็วที�สุดในโลก สถิติการกินของเขาก็คือสามารถกินกล้วยได้ 10 ใบ ภายในเวลาไม่ถึงนาที

และลิงจากการ์ตูน


ส.2 สมมุติฐาน หลังจากได้ศึกษา Character ลิงที�เป็นการ์ตูนในแบบต่าง ๆ แล้ว ก็มาทำการ Sketch เพื�อนำมาออกแบบใน Computer ต่อไป

ที�มาของภาพ : พิชญาภรณ์ วิวัฒนพูนผล, 2555

ที�มาของภาพ : พิชญาภรณ์ วิวัฒนพูนผล, 2555

และภาพ Sketch ลิงภาพนี�เป็นท่าผายมือด้านซ้าย, ผายมือด้านขวา ลักษณะดูยิ�มแย้มแจ่มใส เพื�อที�คนเห็นจะได้สนใจและเข้าหายิ�งขึ�น


ส.3 สรุปผลงาน ขั�นตอนการทำบนโปรแกรมกราฟิค Adobe Illustrator เริ�มจากนำภาพที�ทำการ Sketch ไป Scan เพื�อนำไฟล์ภาพ มาทำการดราฟในโปรแกรม

ที�มาของภาพ : พิชญาภรณ์ วิวัฒนพูนผล, 2555

ทำการดราฟเส้นเพื�อทำเป็นโครงร่างของ Character

ที�มาของภาพ : พิชญาภรณ์ วิวัฒนพูนผล, 2555


จากนั�นทำการลากโครงร่างเส้นครบหมดแล้วก็ทำการลงสี

ที�มาของภาพ : พิชญาภรณ์ วิวัฒนพูนผล, 2555

ภาพหลังจากทำการลงสีครบทุกส่วน

ที�มาของภาพ : พิชญาภรณ์ วิวัฒนพูนผล, 2555


ที�มาของภาพ : พิชญาภรณ์ วิวัฒนพูนผล, 2555

ที�มาของภาพ : พิชญาภรณ์ วิวัฒนพูนผล, 2555


แนวคิด / รายละเอียดของคอนเซป เจ้าลิงน้อยตัวนี�ได้แนวคิดมาจากโครงการตามแนวพระราชดำริ ของพระบาทสมเด็จพระเจ้าอยู่หัว ภูมิพลอดุลยเดช โครงการแก้มลิง เป็นนิมิตรหมายอันเป็นสิ�งที�ชาวไทยทั�งหลายได้รอดพ้นจาก ทุกข์ภัยที�นำความเดือดร้อนแสนลำเค็ญมาสู่ชีวิตที�อบอุ่นปลอดภัย ท่านทรงมีพระราชอัฉริยภาพเป็นแบบอย่างให้กับนักวิจัย และชาวไทยได้ยึดถือและปฎิบัติตาม โดย ลิงเป็นสัญลักษณ์ของความสนุกสนาน และผาดโผนผจญภัย ออกแบบให้มีบุคลิกร่าเริงสดใส และแสดงความฉลาดอยากเรียนรู้ผ่านทางแววตา และใช้สีแดงเพื�อให้เห็นถึงความโดดเด่นสร้างความสนใจแก่ผู้พบเห็น


ทำการออกแบบ Character Design ให้เคลื�อนไหว 1. โดยเริ�มจากเปิดโปรแกรมมาแล้วเลือก ActionScript 3.0

ที�มาของภาพ : พิชญาภรณ์ วิวัฒนพูนผล, 2555

2. กำหนด ความสูง 480 กว้าง 720 px

ที�มาของภาพ : พิชญาภรณ์ วิวัฒนพูนผล, 2555


3. จากนั�นไปที� File > Import > Import to Stage

ที�มาของภาพ : พิชญาภรณ์ วิวัฒนพูนผล, 2555

ทำการเลือกพื�นหลัง

ที�มาของภาพ : พิชญาภรณ์ วิวัฒนพูนผล, 2555


จากนั�นจะขึ�นหน้าต่าง layers ในส่วนต่าง ๆ ของไฟล์ให้เรา เลือกว่าต้องการชิ�นส่วนไหนบ้าง

ที�มาของภาพ : พิชญาภรณ์ วิวัฒนพูนผล, 2555

4. เมื�อภาพ BG เข้ามาแล้วให้ใช้เครื�องมือ Free Transform tool คลิกลากคลุมภาพให้หมด จากนั�นคลิกขวาเลือก Distribute to Layers

ที�มาของภาพ : พิชญาภรณ์ วิวัฒนพูนผล, 2555


ก็จะได้ layers ชิ�นส่วนต่าง ๆ จะอยู่ในช่อง Timeline

ที�มาของภาพ : พิชญาภรณ์ วิวัฒนพูนผล, 2555

5. จากนั�นไปที� File > Import > Import to Stage และเลือกไฟล์ Character Design ของเรา

ที�มาของภาพ : พิชญาภรณ์ วิวัฒนพูนผล, 2555


เมื�อภาพ Character เข้ามาแล้วให้ใช้เครื�องมือ Free Transform tool คลิกลากคลุมภาพให้หมด จากนั�นคลิกขวาเลือก Distribute to Layers

ที�มาของภาพ : พิชญาภรณ์ วิวัฒนพูนผล, 2555

ก็จะได้ layers ชิ�นส่วนต่าง ๆ ของ Character อยู่ในช่อง Timeline

ที�มาของภาพ : พิชญาภรณ์ วิวัฒนพูนผล, 2555


6. จากนั�นให้คลิกเลย layers ชิ�นส่วนต่าง ๆ ที�ต้องการขยับ

ที�มาของภาพ : พิชญาภรณ์ วิวัฒนพูนผล, 2555

ที�มาของภาพ : พิชญาภรณ์ วิวัฒนพูนผล, 2555


จากนั�นให้คลิกขวา เลือก Create Classic Tween

ที�มาของภาพ : พิชญาภรณ์ วิวัฒนพูนผล, 2555

7. เมื�อทำเสร็จแล้วให้คลิกที� File > Export > Export Movie > เลือกไฟล์ที�ต้องการ Save

ที�มาของภาพ : พิชญาภรณ์ วิวัฒนพูนผล, 2555


ที�มาของภาพ : พิชญาภรณ์ วิวัฒนพูนผล, 2555

8. เมื�อได้ Save ไฟล์ VDO เรียบร้อยแล้วให้อัพโหลดเข้า Youtube

ที�มาของภาพ : พิชญาภรณ์ วิวัฒนพูนผล, 2555


ที�มาของภาพ : พิชญาภรณ์ วิวัฒนพูนผล, 2555

Youtube : Pichayapron-arti3322-101-Character Design เจ้าลิงน้อย จากการได้ทำงาน Animation Character Design จึงได้รู้ เข้าใจวิธีการ และขั�นตอนการทำงานที�เกี�ยวข้องกับการทำ Animation ปัญหาที�พบ : ขั�นตอนการ Save ในโปรแกรม Flash CS5 Save เป็นไฟล์ .mov เวลาเปิดดู animation ภาพจะแตก และมีการหลุดของภาพ


รายงานวิชา : ARTI3322 วิชา Animation Design โดย : นางสาวพิชญาภรณ์ วิวัฒนพูนผล รหัสนักศึกษา 5211310239 กลุ่มเรียน 101 คณะมนุษยศาสตร์และสังคมศาสตร์ สาขาวิชาออกแบบนิเทศศิลป์ E-mail Contact : pichayapron.wiwat@gmail.com Publish Blog : http://pichayapronarti3322.blogspot.com/



Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.