2 ค�ำน�ำ หนังสือ Let’s Painting CG for Sai and Photoshop ได้จดั พิมพ์ไว้เพื่อ ให้ผทู้ ี่สนใจ ในงานศิลปะการวาดรูปในคอมพิวเตอร์ ด้วยเมาส์ปากกา ซึ่งเป็ น อุปกรณ์หลักใช้สำ� หรับวาดรูป และออกแบบงาน ศิลปะ ด้วยโปรแกรม Sai และ Adobe Photoshop เป็ นหลัก ซึ่งในหนังสือเล่มนีไ้ ด้ประกอบไปด้วยเนือ้ หา พื้นฐาน การจัดสี และ การออกแบบเอาไว้ รวมทัง้ การสอนวาดรูป งานคอมพิวเตอร์ กราฟฟิ กแบบต่างซึ่ง ได้แก่ การวาดเลียนแบบวัตถุเชิง 3-มิติ ,การสร้างงาน ศิลปะแนว พิกเซล และ การวาดรูปสไตล์การ์ตนู ญี่ปุ่น หรือที่คนทัง่ ไปเรียกว่า อนิเมะ ซึ่งมุง่ หวังให่ผอู้ า่ น ได้เรียนรู้ ฝึ กฝนวาดตามตัวอย่างที่ให้เอาไว้ และ ค้นหาแนวงานศิลปะที่ตนเองชืน่ ชอบ จากการฝึ กฝนจากงานคอมพิวเตอร์ กราฟฟิ ก ดังกล่าว นาย จรรยวรรธน์ ดลประสิทธิ์ ผูจ้ ดั ท�ำ
3
สารบัญ หัวข ้อ
พื้นฐาน ทฤษฏีสี
หน ้า
4
แนะน�ำการใช้ โปรแกรม Sai Paint Tool
13
Basic Painting : Cube
24
3D Painting : Marble
30
3D Painting : Bush
35
3D Painting : Tree
45
Pixel Art : Girl
52
Anime !!! : Girl
73
4 พื้นฐาน ทฤษฏีสี สีที่เราเห็นกันอยูป่ กติทกุ วันนัน้ คือคลืน่ ของแสงที่กระทบออกมาจาก วัตถุเท่านัน้ เพราะเนือ่ งจากวัตถุแต่ละชิน้ มีลกั ษณะพื้นผิวต่างกัน หากวัตถุที่ ดูดกลืนแสงได้ดมี กั จะมีสีดำ� หรือโทนด�ำๆ ในทางกลับกัน หากวัตถุสามารถ สะท้อนแสงได้ดกี ็มกั จะมีสีขาว หรือโทนสว่างๆ นัน้ เอง
วรรณะของสี 1. สีขนั้ ที่ 1 ได้แก่ สีแดง ,สีนำ�้ เงิน และสีเหลือง 2. สีขนั้ ที่ 2 คือการน�ำสีขนั้ ที่ 1 มาผสมกันเอง จึงเกิดเป็ นสีใหม่ 3 สี ได้แก่ สีแดง +สีนำ�้ เงิน = ม่วง , สีแดง+สีเหลือง = สีสม้ , สีนำ�้ เงิน + สีเหลือง = สีเขียว 3. สีขนั้ ที่ 3 คือ การน�ำสีขนั้ ที่ 1 + สีขนั้ ที่ 2
5
สีคต่ ู รงข้าม คือเมือ่ เราเทียบกับวงจรสี สีที่อยูฝ่ ัง่ ตรงข้ามก็คือสีคต่ ู รง ข้ามนัน้ เอง ดังนัน้ เมือ่ เราน�ำสีคน่ ู มี้ าใส่ในรูปจะท�ำให้เกิดการตัดกัน และจะท�ำให้ภาพดูหมองได้เลยทีเดียว ดังนัน้ ส�ำหรับผูเ้ ริ่มต้นฝึ กวาด รูปควรก�ำหนดรูปให้เป็ นไปในโทนได้โทนหนึง่ จะดีกว่า และใส่สีคต่ ู รง ข้ามใส่ไปเล็กน้อยเพื่อไม่ให้ภาพจืด
6
7
โทนสี โทนสีแบ่งออกเป็ น 2 ประเภทได้แก่ สีโทนร้อนและสีโทนเย็น สีโทนร้อน จะให้ความรูส้ ึก ตืน่ เต้น มีพลัง ความกระฉับกระเฉง การกระตุน้ อบอุน่ เป็ นต้น ซึ่งสีโทนร้อนได้แก่ สีแดง สีสม้ สี เหลือง เป็ นต้น สีโทนเย็น จะให้ความรูส้ ึก สงบ สบายตา ง่วงนอน รูส้ ึก เย็นสบาย ผ่อนคลาย ซึ่งสีโทนเย็นได้แก่ สีเขียว สีนำ�้ เงิน สีมว่ ง เป็ นต้น
8 สีและความรูส้ ึก
ในการสร้างผลงานสีมผี ลอย่างมากต่อเนือ้ หาในผลงานของเราดัง นัน้ เราจึงใช้สีเป็ นตัวสื่ออารมณ์แก่ผดู้ ไู ด้ดที ี่สดุ สีแดง เป็ นสีแห่งอ�ำนาจแสดงถึงการมีพลังและความทะเยอทะยานจึง ช่วยพิชติ ความคิดเห็นในทางลบหรือการมองโลกในแง่รา้ ยอย่างไรก็ตามสีเฉด นีอ้ ยูใ่ นกลุม่ ของโทสะและการฉุนเฉียว สีชมพู เป็ นสีที่มลี กั ษณะปลอบประโลมให้จิตใจและความรูส้ ึกต่างๆ สงบลงในขณะเดียวกันก็ให้ความรูส้ ึกของการมีนำ�้ ใจดี จิตใจกว้างขวาง อบอุน่ และทะนุถนอม สีสม้ เป็ นสีแห่งความเบิกบานและความรื่นเริงเป็ นความรูส้ ึกที่อิสระ และได้รบั การปลดปล่อย เป็ นความรูส้ ึกที่เกิดจากก้นบึ้งของจิตใจที่ตอ้ งกา รปรับปรุงชีวิตให้สดใส สีสม้ เป็ นสีแห่งความสร้างสรรค์ อบอุน่ สดใสมีสติ ปั ญญาเต็มเปี่ ยมไปด้วยการทะเยอทะยาน มีพลัง แต่ก็มกี ารระมัดระวังตน สีเขียว เป็ นสีที่มคี วามสัมพันธ์อย่างเน้นเฟ้นกับธรรมชาติชว่ ยให้เรา มีอารมณ์ร่วมกับสิ่งอื่นๆตลอดจนธรรมชาติตา่ งๆ รอบตัวเราได้งา่ ย สีเขียว จะช่วยสร้างสรรค์บรรยากาศของความสบาย ผ่อนคลายสงบ ก่อให้เกิดความ รูส้ ึกสันโดษ ว่าวเปล่า สมดุลและละวาง แต่ถา้ เป็ นสีเขียวเข้ม มีความหมาย ของการหลุดพ้น ความพอดีและถ่อมตน เป็ นสีที่ปฏิเสธต่อความรักและความ สนุกสนาน
9 สีนำ�้ เงิน เป็ นความหมายของการสงบเย็น สุขมุ เยือกเย็น หนักแน่น และละเอียดรอบคอบสีนำ�้ เงินเป็ นสีที่มคี วามหมายเกีย่ วโยงกับจิตใจได้สงู กว่าสี เหลือง มีความหมายถึงกลางคืนจึงท�ำให้เรารูส้ ึกสงบได้ลกึ กว่าและผ่อนคลาย กว่า สีฟ้า เป็ นสีที่ให้ความรูส้ ึกสงบเยือกเย็น เป็ นอิสระ ปลอดโปร่งสบาย ปลอดภัย ใจเย็นและสามารถระงับความกระวนกระวายในใจได้ดว้ ยพลังของสี ฟ้า สีมว่ ง เป็ นสีการดูแลและปลอบโยนช่วยให้จิตใจสงบและอดทนต่อ ความรูส้ ึกที่โศกเศร้าเป็ นสีที่ไปกระตุน้ สมองให้มคี วามฮึกเหิม กระตุน้ ให้เกิด ความคิดสร้างสรรค์และสัญชาตญาณ สีมว่ งเป็ นสีที่เข้าไปเปลีย่ นแปลงการ สื่อสารระดับ ลึกเข้าไปแทนที่และต่อสูก้ บั ความกลัวและความตกใจเข้าไปช�ำระ ล้างสิ่งที่รบกวนอยูใ่ นสมองซึ่งสีมว่ งมักเข้าไปเชือ่ มโยงกับสื่อแขนงอื่นๆ ศิลปะ ดนตรี และความลึกลับเป็ นสีที่มอี ิทธิพลต่อความรูส้ ึกทางด้านความสวยงาม ปรัชญาขัน้ สูง กระตุน้ ให้เกิดความคิดสร้างสรรค์ แรงบันดาลใจ ก่อให้เกิด ความเห็นอกเห็นใจสีมว่ งยังเป็ นสีที่มอี ิทธิพลต่อความเชือ่ ที่ลกึ ลับทางจิต วิญญาณ สีขาว เป็ นสีที่หมายถึงความบริสทุ ธิ์อย่างยิ่ง จัดอยูใ่ นกลุม่ ของการ ปกป้อง สร้างสันติ สบาย ช่วยบรรเทาอารมณ์ตกใจหรือหวาดวิตก ส่งเสริม ให้จิตใจสะอาดบริสทุ ธิ์ มีพลังทางความคิดและจิตใจ นอกจากนัน้ ยังหมายถึง ความเยือกเย็นและการแยกหรือปลีกวิเวกก็ได้ สีดำ� เป็ นสีที่มคี วามหมายทัง้ ในแง่ของความสะดวกสบาย การ ปกป้อง และความลึกลับมักจะเข้าไปเกีย่ วข้องกับความเงียบสงัด มีความ หมายของหนทางอันมีลกั ษณะอันไกลโพ้น นอกจากนีย้ งั หมายถึงพลังชีวิตที่ ถดถอยหรืออ่อนล้า หมดพลังและลีล้ บั
10 Saturation(ค่าความอิ่มตัวของสี) ค่าสีสองค่านีม้ คี วามส�ำคัญมากพอๆกับ สีคตู้ รงข้าม และเป็ นเรื่องที่ระเอียดยิบย่อยที่นกั วาดรูปมือใหม่ไม่คอ่ ยรู้ กันเท่าไหร่ ตัวอย่างการปรับค่า Saturation
ปกติ
-47%
ค่า Saturation มี ผลต่อรูปเรายังไง ตัวอย่างเช่น
รูปปกติ
-83%
11
Saturation -100%
Saturation +100%
12 จากตัวอย่างข้างต้นจะเห็นได้ว่า ค่าความอิ่มตัวของสี (Saturation) มีผลต่อความรูส้ ึกของผูด้ ู เช่น กรณี Saturation -100% จะให้ความมืดและรูส้ ึกราวกับสงบนิง่ แต่รปู ที่มคี า่ Saturation +100% จะท�ำให้รปู ดูสด และจัดจ้านเกินไป บาง ครัง้ เราควรลดค่า Saturation นีล้ งเพื่อให้ดไู ด้พกั ตาซะบ้าง ก็ได้
ข้อดีของ Saturation คือ มันจะดึงดูดความน่า สนใจ และใช้เป็ นตัวน�ำสายตาเราได้ บางครัง้ ก็ใช้เป็ น ตัวบอกเล่าอารมณ์ ของรูปก็เป็ นได้
13
แนะน�ำการใช้ โปรแกรม Sai Paint Tool
โปรแกรม Sai นัน้ เป็ นโปรแกรมที่ออกแบบมาเพื่อใช้สำ� หรับวาดรูป โดยเฉพาะซึ่งมีอปุ กรณ์ อ�ำนวยความสะดวก ส�ำหรับนัดวาดตัง้ แต่ผเู้ ริ่มต้น ไปจน นักวาดรูปมืออาชีพ เพราะด้วยโครงสร้างค�ำสัง่ ไม่ซบั ซ้อนกันจนเกิน ไป จึงท�ำให้งา่ ยต่อการฝึ กฝน ซึ่งตัวโปรแกรม Sai เองได้ออกแบบมาเพื่อ ส�ำหรับผูท้ ี่ใช้เมาส์ปากกาโดยเฉพาะ
14
ส่วนประกอบของ Sai Paint Tool
1. แถบค�ำสัง่ 2. พื้นที่สำ� หรับวาดรูป 3. ชนิดอุปกรณ์วาดรูป และ สี 4. เลเยอร์ Layer
15
1. แถบค�ำสัง่ ซึ่งค�ำสัง่ หลักที่ใช้กนั บ่อยๆเลย คือ File
ค�ำสัง่ File เป็ นค�ำสัง่ ที่เกีย่ วข้องกับการสร้าง บันทึก หรือเปิ ดงานขึน้ มา เป็ นหลักโดยเฉพาะก่อนที่เราจะสร้างงาน ขึน้ มา เราก็จะต้องเลือกค�ำสัง่ นีเ้ ป็ นตัวแรก
16
ซึ่งใน File ค�ำสัง่ หลักที่เราใช้กนั อยูป่ ระจ�ำนัน้ คือ -New หรือกด Ctrl+n เพื่อใช้สำ� หรับสร้างงานขึน้ มาใหม่เมือ่ คลิกแล้วเราสามารถตัง้ ค่าของกระดาษได้ตามใจชอบ -Name ชือ่ ของงานที่เราจะสร้าง -Width ความกว้างของพื้นที่วาดรูป -Height ความสูงของพื้นที่วาดรูป
17
-Open หรือกด Ctrl+O เพื่อเปิ ดงานที่เราได้ Save เอาไว้ -Save หรือกด Ctrl+S เพื่อบันทึกงานไว้ทำ� ต่อ หรืองานที่เรา ท�ำเสร็จแล้ว เป็ นไฟล์รปู โดยหากต้องการบันทึกงานเอาไว้มา ท�ำต่อทีหลัง ให้เลือกนามสกุลไฟล์เป็ น .sai แต่ถา้ หากต้องการ บันทึกงานเพื่อน�ำไปเผยแพร่ตอ่ ก็เลือกเป็ น นามสกุล .png หรือ .jpg ก็ได้
18 แถบเครื่องมือวาดรูป เป็ นแถบอุปกรณ์หลัก ส�ำหรับ เลือกใช้เครื่องมือวาดรูป และ สีปรับค่าของสีได้ อุปกรณที่ใช้ หลักในการวาดรูป บริเวณล่างสุดเป็ นการตัง้ ค่า ของหัวแปลง - Size คือขนาดของหัวแปลง - Min size คือ ขระที่เราก�ำลัง วาดรูปอยูน่ นั้ ยิ่งเรากดหัวเมาส์ ปากกาแรงเท่าไหร่ เส้นก็จะยิ่ง หนามากเท่านัน้ - Density คือ ค่าความเข้ม จาง ของหัวแปลง ยิ่งค่า Density ต�ำ่ แปลงก็จะยิ่งจางลงมากขึน้
19
เส้นที่ถกู เขียนด้วย Pen
เนือ่ งจาก Brush จะจางมากทัง้ ที่เราปรับค่า Density 100% แล้วก็ตาม แต่มคี ณ ุ สมบัตใิ นการเกลีย่ สีที่ดมี าก
20
Marker เป็ นอุปกรณที่มคี วามคล้ายกับ Brush มาก แต่ตา่ ง กันที่ Marker จะไม่คอ่ ยเกลีย่ สีออกจากตัวงานมากนักและเหมาะแก่ การไล่สีมาก Select เป็ นอุปกรณ์ ส�ำหรับสร้างอาณาเขต หากเราเปลีย่ นเป็ นอุปกรณ์ อื่น จากที่ เป็ นสีฟ้า ก็จะมี เส้นประมาล้อมรอบ เมือ่ วาดอะไรลงไปไม่มที าง หลุดออกมานอกกรอบเด็ด ขาด กด Ctrl + d เพื่อยกเลิก การ Select
21
หลังจากกด Ctrl +D แล้ว Selection ก็จะหายไป ดังรูป ด้านล่าง
22
แถบ layer เป็ นอุปกรณ์ชว่ ยอเนกประสงค์ ซึ่งท�ำงานคล้ายๆ กับ การน�ำแผ่นพลาสติกใสๆ มา ซ้อนกันและสามารถบังงานที่ เป็ น layer ที่อยูด่ า้ น ล่างได้ layer มีขอ้ ดีคือ กรณีเราท�ำงานที่มคี วามระ เอียดมากเราควรใช้ layer แยกงานเป็ นกลุม่ ๆ หากงานไหนผิดพลาดเราก็สามารถลบและแก้ไข layer นัน้ ได้
23
ตัวอย่างการใช้งาน โดยแยกตัวเลขไว้แต่ละ layer จะ เห็นได้ว่า layer ล่างสุดจะถูกบังด้วยตัวที่อยูบ่ น layer บนและ ก็ถกู บังด้วยตัวที่อยูบ่ นอีกที
25
การวาดรูป แบบพื้นฐาน การที่ใช้รปู กล่อง เพราะเนือ่ งจาก เป็ นวัตถุทีเราสามารถ เห็นความต่างของทัง้ แสงและเงาได้ ซึ่งท�ำให้เราจับจุดได้ว่า ทิศทางของแสงมีลกั ษณะเป็ นอย่างไร ขัน้ ตอนการวาดรูป ด้วย Sai 1.ร่างแบบขึน้ มาด้วย Pen Tool
2.ลงสีกลาง โดยปรับหัวปากกา เป็ นหัวแข็ง และค่า density 90+
3.ใส่สว่ นที่เป็ นเงาและแสง
26
4. วาดเพิ่มในส่วนของที่จบั และ ฝากล่องลัง แต่ก็ตอ้ งใส่ใจเรื่องเงา มาด้วย
5. ลงสีสว่ นที่มดื ในกล่องแยก เอาไว้
6.ใช้ Brush tool เกลีย่ สี ให้ใน กล่องมีความรูส้ ึกมืดลง
27
7. แต้มสีไปบางส่วนเพื่อจะ ท�ำให้กล่องดูเลอะ และเพื่อให้ ดูเป็ นเงา
8. ใช้ Brush tool ปรับค่า density 80+ แล้วปาดไล่ขนึ้ มา ท�ำเช่นนีไ้ ปเรื่อยๆ จนกระทัง่ เห็นว่าพอดีแล้ว
9. ได้คราบเลอะที่กล่องลัง แล้ว
28
10. ท�ำรอยเพิ่มที่อีกด้านของ กล่อง โดยใช้วิธีเช่นเดียวกับ กล่องด้านบน แต่สีที่ใช้แต้มควร เป็ นสีที่ออ่ นกว่าสีที่ใช้แต้มด้าน ก่อนหน้านี(้ ด้านมืดๆ)
11. ได้รอยเลอะส่วนของด้าน ข้าง
12.ใส่เงาให้กบั ฝา เพื่อที่จะ เห็นฝากล่องได้ชดั เจนยิ่งขึน้
29
13. ได้เงาส่วนของฝากล่อง
14. ตกแต่งใส่รายละเอียด เพิ่มเติม ให้ดนู า่ สนใจ
31 การวาดลูกแก้ว หรือวัตถุโปร่งใส
วิเคราะห์ จากรูปตัวอย่างข้างต้น จุดที่แสงตกระทบ จะเป็ นแสงขาวๆ สว่างไม่ว่าวัตถุจะเป็ นสีอะไรก็ตาม และจุดที่ ด�ำๆมัวๆ ในวัตถุ ก็คือส่วนที่เป็ นเงาเสมอ
ขัน้ ตอนการวาด
วาดวงกลมมา 1 รูป ด้วย Pen
ลงเงาขัน้ ที่1 บริเวณริม ขอบของวงกลมด้วย Pen แล้วใช้ Marker เกลีย่ สี ให้กระจายไปส่วนที่ เหลือ ในวงกลม
ลงเงาส่วน ที่เป็ นฐาน ด้วย Pen
เกลีย่ สีดว้ ย Marker ให้สว่ นที่ เป็ นฐานดูฟุ้ง
33
ลงสีเขียวเข้มที่ บริเวณขอบ ด้วย Pen เพื่อที่ จะให้ลกู แก้วดูกลมมากขึน้
เกลีย่ สี ด้วย Marker
ใช้ Pen เลือกสีโทน สว่าง ปาดเป็ นวงกลม คล้าย วงแหวน
34
ใช้ Marker เกลีย่ สี ไปรอบๆ
ลงส่วนที่เป็ นแสงลงมา ด้วย Pen
เกลีย่ สี ของแสงตกกระทบ ด้วย Marker และ ลบขอบ ออก เพื่อให้ลกู แก้วดูกลมมากขึน้
36 การวาดพุม่ ไม้ โดย Sai
การวาดอย่างง่ายสุดคือ วาดก้อนกลมๆ ขึน้ มา ก่อนจากนัน้ ก็ปาดใบไม้ เป็ นแฉกๆจากภายในออกมา ดังรูป
ตัวอย่าง ขัน้ แรก วาดร่างรูปขึน้ มาก่อน ปกติมกั จะใช้ รูปวงกลม แล้วปรับค่าของ Pen ตามรูปข้างต้น
37
ลงสีพื้น ทับลงไป
วาดใบไม้ลงไป
38
ลงสีหยาบๆ ส่วนที่เป็ นแสงขัน้ แรกเอาไว้ ซึ่งก�ำหนดให้ แสงเข้าทางซ้ายเป็ นหลัก (แสง ไป เงา)
ปรับค่าของ Marker ตามรูป เหตุที่ใช้ Marker เพราะเวลาวาดสีมนั จะไม่ทะลุ ออกจากรูปไป
39
ลง Marker Tool วาดตามเส้น ข้างต้น
คลิกที่แถบด้านซ้ายสุด ในวงกลมเพื่อสร้าง layer ใหม่ ส�ำหรับตอนใส่ใบไม้ที่กระทบ แสง หากมีอะไรผิดพลาดเรา สามารถลบ layer นีไ้ ด้ โดยไม่ ต้องเริ่มทัง้ หมดใหม่แต่ตน้
40
ใช้ Pen ลงใบไม้สว่ นที่โดนแสง โดย ใช้วิธีการ ที่ได้อธิบายไปก่อนหน้า
ใช้ Pen แต้ม ส่วนที่เป็ นเงาให้กบั
41
ใช้ Marker ปาดขึน้ ตามลูกศรแดง แล้วปาดลง ตามลูกศรเหลืองเพื่อให้เกิดแฉกของใบ ท�ำไปเรื่อยๆ ใช้ Pen เลือก เป็ นสีเหลือง เพื่อให้ สะท้อน แสงอาทิตย์ ซึ่งขัน้ ตอนนีค้ วรระวัง ไม่ให้แต้มสีเยอะ เพราะ หากเติมมาก มันจะ ท�ำให้ตน้ ไม้ดเู รือง แสงได้ ซึ่งขัดกับ เป้า หมายที่เราจะท�ำ
42
ใช้ Marker ปาดตามลูกศรสีแดง แต่อย่าปาดทับแสง ไปทัง้ หมด ให้ปาด เฉพาะส่วนปลายๆ เพราะมันจะท�ำให้พม่ ุ ไม้ดมู วั ๆไปเลย
เสริมเงา ด้วย Pen ใช้ สีดำ� แรเงา บริเวณด้าน ล่างของพุม่ ไม้ และ ตรงกลางของพุม่ ไม่เพื่อให้มนั ดูลกึ มี มิติ
43
ปาดเงาด้วย Marker ใช้วิธีเดียวกับตอนปาดแสงที่ใบไม้
ปรับค่าของ Pen ตามรูป เพื่อที่จะเตรียมวาด กิง่ ไม้ดา้ นใน
44
วาดเป็ นรูปกิง่ ไม้แตกย่อยเป็ นสาขา ถ้าอยากให้ด ู ดีขนึ้ ก็ปรับ ค่า Density ต�ำ่ ลงเล็กน้อย แล้ววาดกิง่ ไม้เพิ่ม จะท�ำให้รสู้ ึก มีมติ มิ ากขึน้
46 การวาด ต้นไม้ดว้ ย Sai คลิกที่ file > new หรือ กด Ctrl+n เพื่อสร้างงานขึน้ มาใหม่ ปรับขนาดรูป ตามด้านล่าง
วาดรูปต้นไม้ โดยใช้สีนำ�้ ตาลเข้มตามรูป กิง่ ที่ แตกออกมาจะมีขนาดเล็กๆ ลงเรื่อยๆ จนเห็นเป็ นซี่ เล็กๆ
47
ลงแสงกระทบตกที่ ฝัง่ ซ้าย ด้วย Pen
48
ปาดด้วย Marker ตามลูกศรสีแดง แต่อย่าปาดลาก ยาวต่อเนือ่ งกัน มันจะท�ำให้ไม่ดเู ป็ นเปลือกไม้
49
ปรับค้าของ Pen ดัง รูปเพื่อที่จะวาดรูป แสง ตกกระทบ ฝัง่ ขวา
ใช้แสงสีฟ้า ออกสว่าง เพื่อให้ ต้นไม้ดสู บายตา ลง แสงทางที่เข้าทาง ขวา
50
เกลีย่ สีดว้ ย Marker เป็ นเส้นซิกแซก ให้ดเู ป็ น เปลือกไม้มากขึน้
51
ลงใบไม้โดยใช้วิธีเดียวกับตอนลง สีพม่ ุ ไม้
53
งาน Pixel Art งาน Pixel Art คือ งานศิลปะที่เกิดจาก คอมพิวเตอร์ ซึ่ง เป็ นงานที่มขี นาดเล็กมากๆ จนเห็นเป็ นช่องสีๆ ของ รูป Bitmap ซึ่งพบมากในเกมส์ PRG ในสมัยก่อน ซึ่งปั จจุบนั ความเป็ น Pixel เป็ นเสนห์อย่างหนึง่ งานแนวนี้
54
งานขนาดจริง
ขนาดที่เราเห็นกันประจ�ำ
การสร้างงาน Pixel Art การสร้างงาน Pixel Art สามารถใช้ได้เกือบหมดทุก โปรแกรมวาดรูปตัง้ แต่ Paint , Photoshop หรือ แม้กระทัง่ Sai ซึ่งในที่นี้ จะสอนใน Photoshop เพราะเนือ่ งจากมีอปุ กรณ์ชว่ ย อ�ำนวยความ สามารถท�ำงาน เปิ ดโปรแกรม Photostop ขึน้ มา
สร้างงานขึน้ มาคลิกที่ File > New
55
56
ส�ำหรับผูเ้ ริ่มต้นควรใช้ ขนาด Pixel 100*100 เพราะ ความละเอียดไม่สงู มากจึงท�ำให้เรา สร้างงานได้งา่ ยๆ และ ตัง้ ชือ่ ไฟล์ว่าอะไรก็ได้ ในที่นตี้ งั้ ชือ่ ว่า Pixel
57
เราก็จะได้ไฟล์ขนาดดังกล่าว ซึ่งเห็นได้ว่ามีขนาดเล็ก มาก เราสามรถกด Ctrl + 0 เพื่อขยายให้เต็มจอ
58
กดสร้าง layer ขึน้ มาใหม่
59
คลิกเลือกที่เครื่องมือ Pencil Tool เพราะเส้นที่ออก จาก Pencil Tool จะมีลกั ษณะเป็ นเหลีย่ มๆ และดูหยาบ แต่ มันจะเหมาะกับงานแนว Pixel นีม้ าก
60
ปรับหัวปากกาเป็ นขนาดเล็กสุด โดนการคลิกขวาที่ เมาส์ จากนัน้ ก็เริ่มร่างตัวละครขึน้ มา แบบหยาบๆ
61
ใส่รายละเอียดเข้าไป แบบหยาบๆ ลง ทับเส้นเดิมที่ร่างเอาไว้
สร้างเลเยอร์ใหม่สำ� หรับตัดเส้นอีกรอบ
62
เปรี่ยนสี Pencil tool เป็ นสีขาว แทนยางลบ แล้ว ลงทับจุดที่ดรู กๆ ออก และ วาดเพิ่มส่วนที่ยงั ดู ไม่สวย ตามใจชอบ
กด G บนแป้นพิมพ์ หรือคลิกที่ ที่แถวด้านซ้าย รูปถังสี ตามรูปด้านล่าง
63
คลิกไปที่แต่ละช่องที่ เราได้ตดั เส้นไว้เพื่อเทสีลงไป
ลงเงาในส่วนของหน้า ใช้ Pencil Tool การการจิ้มสี ในแต่ละช่อง Pixel
64
ลงเงาในส่วนของ เสื้อ
ลงเงาในส่วนของผม
65
ลงเงาในส่วนของกระโปรง
ลงเงาในส่วนที่เป็ น รายละเอียดเล็กย่อย ได้แก่ เนกไท ตา รองเท้า ที่มดั ผม เป็ นต้น
66
ลงสีขาวที่ผมลงเฉพาะ บริเวณริมๆ ของผม
การลงสีของตาโดยใส่สีของม่านตา ให้เป็ นสีที่เข้ม ในสุดใน ตา
67 ใส่แสงสีขาวให้ตาดูใส สะท้อนแสง
ลงสีในส่วนของตาขาวลงไป
68
เพิ่มเงาที่ดา้ นใต้ลงไป
69
เนือ่ งจากงาน Pixel Art มีขนาดเล็กมากเวลาที่เรา จะบันทึกภาพ จึงจะต้องขยายขนาดภาพด้วย ขัน้ ตอนการ บันทึกภาพ File > Save for Web… เพราะ Save for Web จะ ท�ำให้เราได้ไฟล์มขี นาดเล็กพอที่จะ อัพโหลด ในอินเตอร์เน็ต ได้
70
เปลีย่ นขนาดรูปให้ขยายจาก 100% (ขนาดเดิม) เป็ น 500% (ขยาย 5 เท่า)
71
ปรับที่ Quality เป็ น Nearest Neighbor เพื่อให้ภาพ มี รายละเอียดเหมือนตัวต้นแบบ (ตัวที่เราวาดเอาไว้) นัน้ กด Save
ภาพที่ได้จาก การ Save for Web ตามที่กล่าวมาข้าง ต้น
ภาพขนาดจริงหากเราไม่ขยาย
74
วิธีการวาดรูป และ ลงสีตามสไตล์การ์ตนู ญี่ปุ่น การลงสีการ์ตนู ญี่ปุ่นนัน้ หรืออาจเรียกว่า การลงสี สไตล์ อนิเมะ เป็ นการลงสีที่เน้นการเทสีเป็ นส่วนใหญ่เพราะ การที่จะท�ำการ์ตนู เรื่องหนึง่ จะต้องรูปที่วาดกันต่อเนือ่ ง จ�ำนวนมาก ถึงมหาศาล เพื่อที่จะท�ำให้ตวั ละครนัน้ เคลือ่ นไหว ได้ลนื่ ขึน้ ดังนัน้ การเทสีเป็ นวิธีที่งา่ ยละลดเวลาในการท�ำงาน ลงไปมาก ด้วยความสดใส และสวยงาม งาน anime จึงเป็ นที่ นิยมของคนญี่ปุ่นและหลายๆชาติ
การลงสีสไตล์อนิเมะ ด้วย Sai
กดปุ่ ม Ctrl+n บนแป้นพิมพ์ หรือ เข้าที่ File > New ก็ได้ เพื่อสร้างงานใหม่ขนึ้ มา
75 เลือกใช้ Pen Tool เพื่อร่างรูปและใช้สีดำ� ในการร่างรูปตัวละคร
วาดร่างตัว ละครขึน้ มาเป็ นโครง แบบหยาบๆ
76
วาดเสื้อผ้าเสริมเข้าไป
77 ตัดเส้นครัง้ แรกโดย ส่วนที่โค้งมักจะลงเส้นหนากว่าจุดอื่น เล็กน้อย
78
ปรับหัวปากกาให้หนาขึน้ เพื่อเตรียมตัดเส้น อีกรอบหนึง่
คลิกสร้าง layer ใหม่สำ� หรับตัดเส้นโดยเฉพาะ
79
ปรับ layer ที่ร่างไว้ชว่ งแรกให้จางลงเหมาะแก่การตัดเส้น
แล้วคลิกเลือก layer ส�ำหรับตัดเส้น
80 ตัดเส้นครัง้ สุดท้าย
81
คลิกที่รปู ตา เพื่อซ่อน layer ที่ตดั เส้นครัง้ แรกเอาไว้
82
คลิกสร้าง layer ใหม่
คลิกลาก มาไว้ใต้ Layer2 เพื่อเวลาลงสีจะได้เห็นเส้นที่ เราตัดเอาไว้
83
เลือกสีที่มาลง ส่วนต่างๆ มาทดไว้ขา้ งๆ
84
เลือก Selection Tool เพื่อที่จะได้สะดวกแก่ การเทสี
วาดทับลงไปส่วนที่ เป็ นผม
85
คลิกเลือก Bucket Tool (รูป ถังสี)
คลิกที่จดุ ที่เราได้ Select เอาไว้
86
กดสร้าง Layer ใหม่โดยสร้างไว้ดา้ นล่าง Layer ที่เราลงสี ผมไปก่อนหน้า
เลือกใช้ Selection Tool เพื่อเตรียมลงสีสว่ นที่เป็ นผิว
87
ระบาย Selection เอาไว้
88
เลือก Bucket Tool เพื่อเตรียมลงสี
เทสีไปส่วนที่ เรา Select เอาไว้
89 สร้าง Layer ซ้อนไว้ดา้ นล่าง Layer ที่ เราลงส่วนที่เป็ นผิวเอา ไว้
เลือกใช้เครื่องมือ Selection Tool เหมือนเดิม
90
ระบาย Selection ในส่วนที่เป็ นเสื้อเอาไว้
เลือกใช้ Bucket Tool เพื่อเทสีลงในส่วน ของเสื้อ
91
เทสีลงในส่วนที่ Selection เอาไว้
92
ท�ำวิธีเช่นนีเ้ ดียวกับส่วนของกระโปรง
ขัน้ ตอนการลง เงาผม ให้เราคลิกเลือก Layer ของผม และคลิป ให้เป็ นเครื่องหมายถูก ที่ Opacity lock เพื่อเวลา ลงสีเงาทับจะไม่หลุด ออกส่วนที่เป็ นผม
93
ลงเงาที่ผม
94
จากนัน้ เลือกใช้สีที่สว่างกว่า ระบายให้เป็ นแสง สะท้อน
95
สร้าง Layer ใหม่ไว้ดา้ น ล่างของ Layer ผมเพื่อที่จะลงสี ส่วนที่เป็ นตา
ลงสีดำ� เข้มที่มา่ นตา
96
ลงสีเงาของม่านตา
ลงสีแสงสะท้อนของม่านตา
97
ลงสีดำ� ทับไปอีกรอบ
ใช้สีขาวแทน แสงสะท้อนจากดวงตา
98
สร้าง Layer ขึน้ มา ใหม่ แล้วค่าของ Opacity ต�ำ่ กว่า 40% เพื่อจะสร้าง แสงสะท้อนในตา
99
ลงจุดสีให้เห็นเป็ นแสงสะท้อนเล็กๆ
คลิกเลือก Layer ของเสื้อ และใช้วิธีเดียวกับตอนลง เงาที่ผม ลงสีแบบนีเ้ ช่นเดียวกับที่ผวิ
100
ลงเงาที่กระโปรง
เก็บรายละเอียด เล็กน้อย
150- Bath