13560319_Tutorial by Aussadayut

Proﬁle ชื่อ : อัษฎายุทธ นุนหมิน (สาวสาวหนามน) รหัสประจําตัวนักศึกษา : 13560319 การศึกษา : คณะเทคโนโลยีสารสนเทศและการสื่อสาร สาขาออกแบบ(เกม) มหาวิทยาลัยศิลปากร ติดตอ : beerzaa_aussadayutnunmin@outlook.com facebook.com/aussadayut.nunmin

Character Design

คําวา character แปลวา ลักษณะ

คําวา design แปลวา การออกแบบ

Character + Design จึงแปลวา การออกแบบ "ลักษณะ" ใหกับ"ตัวละคร" หรืออธิบายไดวา เปนการออกแบบเอกลักษณ

Reference

ใหกับ "

ตัวละคร " นั่นเอง

คือ การอางอิง ซึ่งในที่นี้หมายถึงภาพที่เรา ใชเปนแบบในการออกแบบ ภาพที่ควรนํามาเปน Reference นั้น ควรเปนภาพที่เราคิดวา นาจะชวยและสงเสริมในเรื่องของการออกแบบ งาน Character ของเราดวย เชน ทาโพส ชุด เครื่องประดับ อารมณ และอื่นๆ

Character Design ชื่อ นางโมรา (จากเรื่อง จันทโครพ) บทบาทในการดําเนินชีวิต ในการดําเนินชีวิตของนางโมรานับวาไมสุขสบาย และแตกตางไปจากนางในวรรณคดีเรื่องอื่นๆ โดยจันทะโครพเปดผอบออกมาที่กลางปา จึงไมไดรับความสุขสบาย ถึงแมวานางโมราจะเปนตัวละครหลักของวรรณคดี เรื่องจันทโครพ แตชวงเวลาในการใชชีวิตนอกผอบของนางโมราก็เปนเพียงชวงเวลาสั้นๆ ซึ่งไมไดรับความสุขสบายแตอยางใด มีเพียงการดูแลปรนนิบัติ จากจันทโครพผูเปนสามีคนแรกเทานั้น รูปโฉม เนื่องจากนางโมราเปนหญิงที่เกิดจากการปลุกเสกจากขนนกยูงโดยพระฤๅษีอัศโมพระโคดม จึงไดมีรูปราง หนาตาที่สวยงาม ไมแพหญิงใด โดยสังเกตไดจากการที่ พระจันทะโครพเกิดตกหลุมรักนางโมราทันทีที่ไดพบนาง แสดงใหเห็นถึงความงามที่จับตา ตองใจ จนทําใหผูที่ไดพบนางเพียงครั้งแรกไดเกิดอาการหลงรักได อีกทั้งเมื่อโจรปามาพบนางเขาก็เกิดอาการหลงรักนางเชนเดียวกับพระจันทะโครพ จึงอาจกลาวไดวา นางโมรา เปนนางในวรรณคดี ที่มีรูปโฉมงดงามนางหนึ่งเชนกัน

ทําไมตองเปนนางโมรา?? นางโมรา เปนตัวละครเอกที่นาสนใจมากๆ ตัวหนึงเลยทีเดียว ไมวาจะเปนเรื่อง บทบาทในการดําเนินชีวิต และชะตากรรมของนาง หลายๆทาน ถาใหนึกถึงนางโมรา จะนึกไปในแนวที่เปนผูหญิงชั่วราย ฆาผัวตัวเอง เห็นชายอื่นแลวหลงรักไปหมด แตถาไดอานเนื้อเรื่องจริงๆแลว จะรูเลยวา นางเปนตัวละครที่นาสงสารนะ นางอยูแตในผอบ ไมไดรับการสั่งสอน เหมือนหญิงอื่นในสมัยนั้น พอนางไดออกมาจากผอบ นางจึงใชสัญชาตญาณเดิมของ ความเปนมนุษย คือ ความหลงใหล ลุมหลงในเพศตรงขาม เพราะเรื่องนี้แหละครับ จึงเปนสาเหตุของโศกนาฏกรรมทั้งหมดที่เกิดขึ้นในเรื่อง

สถานการณ : จะเลือกมาหนึ่งสถานการณ คือ ตอนที่นางออกมาจากผอบ เพราะ เปนเหตุการณที่หลายๆคนจําได และรูจักนางจากเหตุการณดังกลาว ทาโพส : ตองการใหออกมา ดู Sexy เยายวน เพราะนางเปนคนสวยมากๆ ใครๆเห็น ตองเปนอันหลงรัก การแตงกาย : จะเนนใหเห็นรูปราง เพราะฉนั้น เสื้อผาที่เห็น ก็จะเนนการเปดสัดสวน จะมีแค ตรงอก และ โจงกระเบน รวมไปถึงเครื่องประดับตางๆ ที่นางใส พยายามดีไซนออกมาใหดู เปนผูหญิงนาหลงใหล

Programe Painting

โปรแกรมเพนทภาพนั้นมีอยูหลายโปรแกรม ซึ่งแตละโปรแกรม ก็มี ความสามารถ และความยากงายแตกตางกันออกไป เชน Adobe Photoshop

Paint Tool SAI Corel Painter Krita MyPaint Manga Studio

โดยโปรแกรมที่ผมจะนํามาแนะนํา ก็คือ Adobe Photoshop CS6 ซึ่งเปนโปรแกรมพื้นฐานในเรื่องการออกแบบ ที่ทุกคนนาจะรูจักกันอยางดี

Adobe Photoshop CS6

1.Menu Bar : เมนูหลักมีคําสั่งตางๆที่ไวใชกับโปรแกรม 2.ToolsBox : แถบเครื่องมือ ที่ใชในการเพนทและการตัดตอภาพ 3.Options Bar : แถบ Options จะแสดง optionsเสริม ของแตละเครื่องมือ หากเรากดเลือกเครื่องมือในแถบ Tools 4.Panel : แถบเสริมสําหรับเครื่องมือโดยสามารถเพิ่มหรือ ปดการทํางานไดโดย การเลือกที่เมนู Window 5.Layers : แถบสําคัญสําหรับการจัดเรียงภาพ หรือขอความใหัสวนไหนอยูหนาสวนไหนอยูหลัง

Tools

Tools Shortcut คียลัดการทํางานของโปรเเกรม Photoshop

จะทําใหการทํางานเร็วขึ้น โดยการกดปุมตัวอักษรบนคียบอรดของทาน (ตามภาพดานบน) และยังมีปุมอื่นๆอีก ที่จะชวยใหการทํางานของทานเร็วขึ้น อาทิ

" [ " และ " ] " คือ การเพิ่ม และ ลด ขนาดของหัวแปรง Ctrl + S คือ การ Save งาน Ctrl + C คือ การ Copy Layers ที่เลือกอยู Ctrl + V คือ การ วาง Layers ที่ Copy มา Ctrl + T คือ การใช Free Tranform เพื่อไวปรับขนาดภาพใน Layers Ctrl + U คือ การใช Hue/Saturation เพื่อปรับสีของภาพ Ctrl + Z คือ การยอนกลับของการทํางานเมื่อเราทํางานพลาด

Paper Setting

การตั้งคาหนากระดาษสามารถทําไดโดยการไปที่ File > New... หลังจากนั้นจะขึ้นหนาตางหนาตางสําหรับการตั้งคา

Name : ตั้งชื่อไฟลภาพ Present : รูปแบบขนาดของหนากระดาษ (ใน Tutorial จะใชเปน International Paper) Size : ขนาดของหนากระดาษ Resolution : ความละเอียดของภาพ

Brush Brush คือ เครื่องมือสําคัญในการเพนทภาพ

การตั้งคาหัวบรัชใหเหมาะสมกับการใชงาน ก็สามารถทําใหงานของเรา ดูนาสนใจขึ้นมาในระดับหนึ่งแลวนะครับ

Brush Preset Picker : Size - ขนาดของหัวแปรง

Hardness - ความฟุง Brush - ชนิดของหัวแปรง Hardness 0% Hardness 100%

การตั้งคา Brush

Pannel

สามารถกดที่ปุม F5 เพื่อเรียกใช โดยการใชคูกับเมาสปากกานั้น ควรตั้งคาใหเวลาเพนทรองรับนํ้าหนักมือ โดยเมื่อเปด Brush Pannel ใหคลิกที่ shape Dynamics และ Tranfer ในสวน Control ปรับเปน Pen Pressure

Color Swatches

สามารถเลือกใชสีไดตามตองการ เพราะ ในตารางมีสีใหเลือกเยอะ และไดมีการไลสีที่ใกลเคียงกันเปนโทน โดยสีสวนใหญ จะเปนสีสากลที่นิยมใชกัน

Color Picker

สามารถปรับคานํ้าหนักสีและมีสีใหเลือก โดยเมื่อเปดหนาตางขึ้นมา จะมีแถบสีใหเลือกและสามารถปรับ ความเขม ความออน ความทึบ มีตัวเลขระบุ โคดสี และ ตัวเลข RGB ที่ใชผสมสามารถปรับไดตามตองการ

สีที่ใชในงาน

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

Layers 1

1 2 3

Layers

ชวยใหเราแกไขภาพเฉพาะสวนใดสวนหนึ่งไดงาย เชน การยายตําแหนง, การปรับขนาด, ปรับสี/แสงเงา ซึ่งจะทําไดอยางอิสระจากกัน นอกจากนี้เรายังสามารถสลับ ลําดับ และซอน/แสดง Layer แตละชั้น ทําใหทดลองจัดองคประกอบภาพแบบตางๆ ไดหลากหลายกอนที่จะเลือกภาพชุดสุดทายที่จะนําไปใชจริง

Step by Step 1.สแกนรูปที่เรารางไวในกระดาษ ลงคอมพิวเตอร

เพื่อทําการสเก็ตในขั้นตอไป

2.เมื่อเราสเก็ตเสร็จแลว เราก็จะไดรูปภาพ

ที่เราออกแบบ ในรูปแบบของOutline

Step by Step

3. Main Color สีหลัก ของรูปภาพที่เราออกแบบในงานชิ้นนี้ ผมไดเลือก โทนสีสําหรับตัวละครมา 3 สี ดวยกัน คือ สีมวง,สีเหลือง และสีเขียว

4.เมื่อลงสีหลักใหกับงานแลว ตอไปคือการลงสีของ Body(ชวงตัวทั้งหมด) กันนะครับ

Step by Step

5.ในขั้นตอนนี้ผมเลือกลงรายละเอียดในสวนของ

ผาที่พริ้วลมอยูดานหลังของตัวละคร

6.การลงชุดโจงกระเบนที่ตัวละครใสอยู

ในขั้นตอนนี้ จะมีสวนของการ Clipping Mask อยูดวย ดังนี้

ยังไม Clipping Mask

Clipping Mask แลว

Step by Step

7.การลงเครื่องประดับตางๆที่เปนสีทอง

ยังไม Clipping Mask Clipping Mask แลว

8.ลง Effect ควัน ที่ออกมาจากผอบของตัวละคร

Step by Step

9.เมื่อเราลงควันเสร็จ สิ่งตอไปที่เราจะลงคือ แสงทั้งหมดที่มีในภาพนะครับ

10.ตอไปจะเปนการใสฉากใหกับตัวละคร แนวคิด ของฉากนี้ เนื่องจากตองการให ตัวละครดู ลึกลับ เลยทําฉากที่เกิดขึ้นในปามืด ใหบรรยากาศแบบมืดๆ มีแสงสีเขียวประกอบ Reference

Save ﬁle

เมื่อ Paint รูปเสร็จแลว สิ่งตอไปที่เราจะทําก็คือ การ Save รูป มีวิธีการ ดังนี้

1.ลากเมาสไปกดตรงคําวา File เลื่อนลงมา หาคําที่เขียนวา Save As... 2.เมื่อกด Save As... ก็จะขึ้นหนานี้ ขั้นตอนตอไป คือ เลือกโฟเดอรที่เราจะนํารูปภาพนี้ไปเก็บ (แนะนําใหสรางแยกเปนโฟเดอรงานโดยเฉพาะ) 3.เมื่อเราไดที่เก็บงานแลว เราก็มาเปลี่ยนชื่อ ตรง File name : 13560319_ชื่อหัวขอ_ชื่องาน 4.ตรง Fomat ใหเลือกเปน JPEG , JPG ... 5.กด Save

3.ปรับ Quality ใหสูงสุด แลวกด OK