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/