Thaigraph

 

   

ค้นหา
Thaigraph หน้าฟอรั่ม Illustrator วิธีลงสีการ์ตูนแนวเกมส์ Visua ...
Maple Avatar ห้องแต่งตัวใหม่วิธีการเขียน Blog ส่วนตัววิธีโพสคลิปจาก Youtubeตารางข้อมูล เครดิต + Moneyวิธีการโพสกระทู้แบบรวดเร็ว
ดู: 4494|ตอบ: 1
go

[Illustrator ขั้นประยุกต์] วิธีลงสีการ์ตูนแนวเกมส์ Visual Novel

Rank: 7Rank: 7Rank: 7

โพสต์เมื่อ 9-11-2012 14:27 |แสดงโพสต์ทั้งหมด


วิธีลงสีการ์ตูนแนวเกมส์ Visual Novel
ถ้าถามว่าทำไมต้องเป็นเกมส์แนว Visual Novel หรือแนว Otome เกมส์อื่นไม่ได้เหรอ ก็จะขอตอบว่า ภาพตัวละคร anime ในเกมส์แนวนี้ส่วนใหญ่จะเป็นภาพแบบ Vector ค่ะ และรูปแบบการลงสีส่วนใหญ่ก็จะคล้ายๆกัน

เกมส์แนว Otome ก็คือเกมส์แนวจำลองชีวิตจริง หรือชีวิตประจำวันแต่ละวันของเราๆ จะบอกว่าคล้ายๆกับเกมส์เดอะซิมก็ได้ เนื้อหาของเกมส์ก็จะเน้นไปในด้านสร้างความสัมพันธ์ของตัวละครต่างๆภายในเกมส์ โดยมีเงื่อนไขแตกต่างกัน แต่ส่วนใหญ่ที่บริษัทเกมส์ผลิตออกมาวางขายกัน จะเป็นแนวเกมส์จีบหนุ่มหล่อๆ หรือเกมส์จีบสาวน่ารักๆ ซะมากกว่า เพราะเกมส์แนวนี้จะทำยอดขายได้ดีกว่า เกมส์เลี้ยงหมาเลี้ยงแมว -*-

Otome จะมีทั้งแบบในเครื่อง Ps PSP แต่ใน PC ก็มีให้โหลดเล่นเกมส์กัน (แต่ส่วนใหญ่จะเป็นภาษาญี่ปุ่น ภาษาอังกฤษมีไม่มาก)

นอกจากนี้ ขอเพียงมีความรู้ด้านโค๊ดและจาว่านิดหน่อย เราก็จะสามารถสร้างเกมส์ Otome ของตัวเองได้ โดยใช้โปรแกรมสำเร็จรูปที่ชื่อว่า renpy 6.14.1 (เวอร์ชั่นล่าสุด) ค่ะ ซึ่งเราจะต้องแต่งเนื้อเรื่อง กำหนดคาแรคเตอร์ให้กับตัวละคร กำหนดเงื่อนไขต่างๆ ทำภาพประกอบฉาก ฯลฯ
v
v
-*- เข้าเรื่องดีกว่า ตกลงมันจะมาสอนลงสีการ์ตูน หรือมันจะมารีวิวเกมส์เนี่ย  5555

...อย่างที่รู้กันว่าในเกมส์ๆหนึ่ง จะต้องมีภาพประกอบของตัวละครแต่ละตัวเยอะมาก (ไม่นับฉากหลัง) ภาพตัวละครที่ใช้ในเกมส์แนว Otome ส่วนใหญ่จึงมักจะเป็นภาพ vector เพราะจะมีความคมเนียนสวยกว่า ไฟล์ภาพมีขนาดเล็ก แล้วก็ไม่ต้องกังวลเรื่องขอบภาพแตก โปรแกรมที่ใช้วาดภาพแนว Vector ก็มีอยู่หลายตัว และหนึ่งในนั้นก็คือ โปรแกรม Illustrator

การลงสีในภาพการ์ตูนแนวนี้ที่เราดูจากภาพเกมส์ที่คนญี่ปุ่นวาด ส่วนมากก็จะไม่ค่อยมีอะไรซับซ้อน เน้นแค่สวยเรียบๆ เครื่องมือหลักๆที่ใช้ ก็มีแค่ Pen Tool / Gradient Tool / Brush Tool เป็นหลัก นอกเรื่องมาเยอะแล้ว เอาเป็นว่าเรามาดูวิธีการลงสีกันดีกว่าค่ะ




ไฟล์แนบ: คุณจำเป็นต้องเข้าสู่ระบบก่อนจึงจะสามารถดูและดาวน์โหลดไฟล์แนบได้ หากยังไม่มีแอคเคานต์หรือยังไม่ได้เป็นสมาชิก กรุณาสมัครสมาชิก
บางบทความคุณจำเป็นต้องสมัครสมาชิกแบบ VIP และ SUPERVIP ถึงจะเข้าอ่านบทความได้

Rank: 7Rank: 7Rank: 7

โพสต์เมื่อ 9-11-2012 14:42 |แสดงโพสต์ทั้งหมด

ขั้นตอนที่ 1 เตรียมภาพ
ให้ใช้ Pen Tool วาดภาพการ์ตูนขึ้นมา แต่ถ้าวาดไม่เก่งก็ให้เซริทหาภาพตามเน็ตแล้วเอามาดราฟเส้นตามก็ได้ค่ะ


ขั้นตอนที่ 2 แต่งเส้น
ให้ใช้เครื่องมือ Width Tool ปรับแต่งเส้น Stroke ให้มีความอ่อนช้อยมากขึ้น



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

จากภาพด้านล่างจะเห็นว่า ในเส้นผม 1 เส้นข้าพเจ้าจะใช้ Width Tool ปรับไว้ถึง 4 ระดับคือ
1. ต้นเส้น - ควรทำให้เรียวแหลม
2. ถัดจากต้นเส้น - เราควรปรับให้มีความหนามากขึ้น เพื่อเน้นให้เห็นว่าเส้นผมนี้มีความยืดยุ่นได้ จากนอกนี้การเพิ่มความหนาเล็กน้อย ยังเป็นช่วยตรึงขนาดของเส้นที่บริเวณนั้นๆไว้ ทำให้เส้นทั้งเส้นไม่ดูแบนลีบเกินไป
3. เป็นส่วนโค้งของเส้น - ควรปรับให้เล็กๆ บางๆเข้าไว้ แต่ก็ไม่ควรบีบให้เล็กจนถึงมองไม่เห็น
4. ก่อนถึงปลายเส้นผม - เหตุผลเดียวกับ ข้อ 2 ถ้าไม่ตรึงขนาดความหนาไว้ เส้นจะแบนลีบทั้งเส้น
5. ปลายผม - ควรบีบให้เล็ก หรือเรียวแหลมมากที่สุด


ใช้เครื่องมือ Width Tool เก็บรายละเอียดเส้น บริเวณดวงตา



ขั้นตอนที่ 3 แบ่งเลเยอร์การทำงาน
เมื่อแต่งเส้นตัวการ์ตูนเสร็จแล้ว ก็ให้ล๊อคเลเยอร์ที่เป็นเส้นไว้ จากนั้นให้สร้างเลเยอร์ใหม่ และลากลงมาให้ที่ด้านล่าง



- ให้ใช้ Pen Tool กำหนดขอบเขตแต่ละส่วนที่เราจะทำการลงสี



- แต่ละชิ้นส่วนในภาพ เราควรสร้างและแบ่งเลเยอร์ใหม่ให้ชัดเจน (ดับเบิ้ลคลิกที่เลเยอร์เพื่อตั้งชื่อให้เลเยอร์ด้วยก็จะดี จะหาหาง่ายๆ) เพื่อความเป็นระเบียบและสะดวกต่อการกลับมาแก้ไข


ขั้นตอนที่ 4 ทำการลงสี
- ต่อไปเราจะเริ่มลงสีที่ส่วนที่เป็นสีผิวก่อนนะค่ะ เลเยอร์ไหนที่ยังไม่ใช้ก็ให้ล๊อคเลเยอร์ไปก่อน มันจะได้ไม่กวนหรือเผลอไปคลิกโดนเวลาวาดเส้น


- (ที่เลเยอร์สีผิว) ให้สร้างกรอบสีเหลี่ยมขึ้นมา 1 ชิ้น กรอบสี่เหลี่ยมตัวนี้ เราจะใช้มันเป็นเหมือนกับจานสีค่ะ
- แล้วก็ให้ลงสีพื้นให้กับกรอบสี่เหลี่ยมสีเป็นแบบ Gradient สีเนื้อ ไล่เฉด ตามรหัสดังภาพด้านล่าง


- เมื่อได้จานสีแล้ว คราวนี้ก็ให้ใช้เครื่องมือ Pen Tool วาดเส้นอาณาเขตส่วนที่เป็นเงา
- คลิกที่เส้นที่วาด จากนั้นให้กดคีย์ I เพื่อเรียกใช้เครื่องมือ Eyedropper Tool แล้วให้ทำการดูดสีจากกรอบสี่เหลี่ยมที่เราสร้างสีเนื้อไล่เฉดไว้
- กดคีย์ G เพื่อไล่ระดับสีตามความทิศทางแสง-เงาในภาพ


- ส่วนที่เป็นสีผิว ที่บริเวณอื่นๆก็จะทำคล้ายๆกันนะค่ะ นั่นคือใช้ Pen Tool วาดเส้นอาณาเขตตรงบริเวณที่เราจะทำการไล่เฉด (ทำทีละชิ้น) แล้วก็ทำการดูดสีจากกรอบสีเหลี่ยมมา แล้วให้ไล่ระดับสีใหม่ตามทิศทางแสง-เงาในภาพ


- บางส่วนเราอาจต้องวาดเส้นอาณาเขตทับๆกัน 2-3 ชั้น และไล่ระดับผิวใหม่เพื่อให้ได้แสง-เงาที่ถูกต้อง


- เก็บรายละเอียดทุกส่วนเลยนะค่ะ



ขั้นตอนที่ 5 ปรับแต่งเพิ่มเติมโดยการใช้บรัช
- ให้คลิกที่ช่อง "Brush Definition" แล้วให้ดับเบิ้ลคลิก บรัชที่ชื่อ "Mop"


- โปรแกรมจะเด้งหน้าจอ สำหรับปรับแต่งเส้นบรัชขึ้นมาให้ เราเลือกปรับตามความเหมาะสมของภาพ โดยหลักๆ ที่จำเป็นต้องปรับ ก็เช่น ขนาดของบรัช ความเข้ม-จาง การเรียงตัวของบรัช
- หลังจากปรับขนาดของบรัชเสร็จแล้ว ขอแนะนำให้บันทึกโดยตั้งเป็นชื่อใหม่นะค่ะ มันจะได้ไม่ไปเซฟทับอันเดิม และในภาพบางครั้งเราก็จำเป็นต้องใช้บรัช "Mop" หลายขนาดคละกัน



- เมื่อกำหนดค่าต่างๆและขนาดให้กับบรัชเสร็จแล้ว ก็ให้กดคีย์ B เพื่อเรียกใช้เครื่องมือ "Paintbrush Tool " จากนั้นก็ให้วาดตรงบริเวณที่เราต้องการเน้นให้เข้มขึ้น


ขั้นตอนที่ 6 ทำเส้นผม
- เริ่มต้นจากให้สร้างกรอบสีเหลี่ยม และผสมสี Gradient ขึ้นมาก่อนค่ะ  


- ใช้ Pen Tool วาดเส้นส่วนที่เป็นเส้นผมด้านบน
- เสร็จแล้วก็ลงสี Gradient ไล่เฉดาตามทิศทางดังภาพด้านล่าง


- ทำให้ครบทั้งหัวตัวการ์ตูนเลยนะค่ะ


- ใช้บรัช "Map" วาดเส้นทับตรงบริเวณที่ต้องเน้นให้เข้มหรือสว่างขึ้น


ขั้นตอนที่ 7 ทำไฮไลท์
การทำไฮไลท์ ก็คือการเพิ่มแสงโอเว่อให้กับบริเวณที่มีการสะท้อนแสง เป็นอีกวิธีที่จะทำให้ภาพตัวการ์ตูนดูมีมิติ และมีความน่าสนใจมากขึ้นค่ะ

- ใช้ Pen Tool วาดเส้นอาณาเขตส่วนที่จะทำไฮไลท์ (ลงสีพื้นเป็นสีอ่อนๆ หรือโทนขาว)


- เปิดพาแนล Transparency ขึ้นมา (Window > Transparency )
- กดปุ่ม "Shift" ค้างไว้ และคลิกเลือกส่วนที่จะทำเป็น ไฮไลท์ทุกชิ้น จากนั้นก็ให้เปลี่ยน Blending mode จาก normal เป็น  Overlay


- ส่วนที่เป็น ไฮไลท์จะแทรกซึมและไล่เฉดตามพื้นหลัง (ถ้าต้องการให้ ไฮไลท์ โอเว่อมากๆ ก็ให้คลิกเลือกไฮไลท์ทุกชิ้น และกดคีย์ Ctrl+C ตามด้วย Ctrl+F ซึ่งจะเป็นการ ก๊อปและวางซ้ำทับที่ตำแหน่งเดิม ผลลัพธ์ที่ได้ ส่วนที่เป็น ไฮไลท์จะสว่างจ้ามากขึ้น)


ขั้นตอนที่ 8 ลงสีเสื้อ
- สร้างกรอบสี่เหลี่ยม หรือจานสีขึ้นมาก่อน รหัสตามภาพด้านล่างค่ะ


-  ให้ใช้เครื่องมือ Pen Tool วาดเส้นอาณาเขตส่วนที่จะไล่เฉด
- เมื่อเสร็จแล้ว ให้คลิกที่เส้นที่วาด และให้กดคีย์ I เพื่อเรียกใช้เครื่องมือ Eyedropper Tool แล้วให้ทำการดูดสีจากกรอบสี่เหลี่ยมที่เราสร้างสีเนื้อไล่เฉดไว้
- กดคีย์ G เพื่อไล่ระดับสีตามความทิศทางแสง-เงาในภาพ



- ส่วนอื่นๆของเสื้อผ้าก็จะทำด้วยวิธีเดียวกัน(เหมือนกับขั้นตอนลงสีผิว) เพียงแต่เราจะต้องดูด้วยว่ารอยยับของผ้าควรจะเป็นไปในทิศทางไหน


- ส่วนที่เป็นผ้าสีดำก็คล้ายๆกันค่ะ สร้างจานสีขึ้นมาก่อน(กรอบสีเหลี่ยมลงสี gradient ไล่เฉด ดำ-เทา-ดำ)
- ใช้ Pen Tool ค่อยๆวาดไปทีละชิ้นและดูดสี Gradient มา จากนั้นก็ใช้เครื่องมือ Gradient Tool (กดคีย์G) ปรับระดับสีตามความเหมาะสม


- เก็บรายละเอียดที่ดวงตา ตรงนี้ไม่ยาก วาดง่ายๆไปเลยเพราะเป็นผู้ชาย ดวงตาไม่ต้องซึ้งมากนักก็ได้ อิอิ


ขั้นตอนที่ 9 เปลี่ยนสีเส้น
- เมื่อลงสีครบทั้งตัวการ์ตูนแล้ว เราก็จะเปลี่ยนสีเส้นตัวการ์ตูนกัน การเปลี่ยนสีเส้นจะทำให้ภาพดูมีความนุ่มมากขึ้นค่ะ
- ที่เลเยอร์เส้นนะค่ะ ให้เลือกเส้น Stroke ส่วนที่เป็นเส้นผมทั้งหมด และให้เปลี่ยนเป็นสีเข้มสุดของโทนสีผมนั้นๆ (ถ้าผมเป็นสีส้ม สีเส้นก็ควรจะเป็นสีน้ำตาล)
- ส่วนที่เป็นเส้นตัดของผิวเนื้อ ควรเป็นให้เป็นสีอ่อนลง เช่น สีส้ม


ขั้นตอนที่ 10 เพิ่มความนุ่มให้กับภาพ

- ให้วาดวงกลมขึ้นมา (ลงสีพื้นเป็นสีอ่อนๆของโทนสีนั้นๆ) และไปที่คำสั่ง Effect > Blur > Glaussian Blur
- ปรับค่า Blur ประมาณนี้ค่ะ และกดปุ่ม OK



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


- เสร็จแล้วก็นำมาใส่พื้นหลังค่ะ ^^"



บทความโดย NOOKFUFU2

(ขอสงวนสิทธิ์ให้เผยแพร่เฉพาะในเว็บไทยกราฟเท่านั้น!!!)


ไฟล์แนบ: คุณจำเป็นต้องเข้าสู่ระบบก่อนจึงจะสามารถดูและดาวน์โหลดไฟล์แนบได้ หากยังไม่มีแอคเคานต์หรือยังไม่ได้เป็นสมาชิก กรุณาสมัครสมาชิก
บางบทความคุณจำเป็นต้องสมัครสมาชิกแบบ VIP และ SUPERVIP ถึงจะเข้าอ่านบทความได้

Thaigraph

GMT+7, 24-8-2019 07:50 , Processed in 0.138038 second(s), 21 queries .

Powered by Discuz! X1.5

© 2001-2010 Comsenz Inc. Thai Language by DiscuzThai! Team.

Top 10 Best Sellers in Clothing for 2017 Top 10 Best Sellers in Clothing Best Sellers in Clothing
Top 10 Best Sellers in Books reviewer 2017 Top 10 Best Sellers in Books Best Sellers in Books