How to CG1 ~ลงน้ำหนักแล้วค่อยใส่สีสิ!~ Photoshop CS2
posted on 22 Feb 2009 17:30 by kyoki in Gallery
Howto ชิ้นนี้มีอะไร
1.How to ชิ้นแรกของผม จากที่มีแผนการทำมาร่วมปี!!
2.ให้เห็นถึงการใช้น้ำหนักความเข้มอ่อนของสี
3.วิธีเกลี่ยสี
4.opacity กับ flow ต่างกันอย่างไร
5.ขั้นตอนการทำงานชิ้นนี้ใน Photoshop CS2
เหมาะสำหรับ
- ผู้มีพื้นฐานศิลปะเล็กน้อยขึ้นไปและกำลังหัดทำ CG อยู่
หวังว่าจะมีประโยชน์กันคนที่สนใจนะครับ 
หรืออย่างน้อยคิดว่าคงไม่ถึงกับเสียเวลาที่จะอ่าน 
==================================================
ก่อนอื่นใดจะทำงานซักชิ้น
1. หัวข้อ ครับ จะวาดอะไรยังไง ไม่มีวาดไม่ออก
ในที่นี้งานชิ้นนี้เป็นงานร่วมสนุกในบอร์ด item ครับ หัวข้อ ผู้หญิงกับดอกไม้
- จากหัวข้อส่งถึงคอนเซปท์งานครับ ลึกขึ้นอีกนิด
คือมาคิดต่อว่า ผู้หญิงกับดอกไม้ แล้วยังไง?
ในหัวผมก็ปรากฏภาพสาวน้อยเด็ดกลีบดอกไม้ขึ้นมา ok ตามนั้นเลยละกัน
2. อุปกรณ์ที่ใช้ทำงาน
- ผมใช้ Photoshop CS2 กับ wacom graphire 4x5 ครับ
ไม่มี tablet (mouse ปากกา) ลำบากเหมือนกันน่อ
มีแล้วจะทำให้ทำงานได้เร็วและสะดวกขึ้นครับ แนะนำสำหรับคนที่จะทำทางนี้จริงจัง
3. ขนาดชิ้นงาน
ขนาดชิ้นงานสำคัญเหมือนกันเพราะจะส่งผลถึงการจัดวางองค์ประกอบของภาพด้วย
กิจกรรมนี้บอร์ด item กำหนดไว้ขนาด A4 ครับ
4. เวลา
ไม่ต้องมีคำบรรยายใดๆ
OK เริ่มกันเลยดีกว่า !
9
===================================================
มาถึง File > New เลือกขนาด A4 เลยครับ
โปรแกรมจะเซ็ดอัตโนมัติไว้ที่ Resolution(ความละเอียดของภาพ) 300
แนะนำที่ 300 ครับ สำหรับเครื่องค่อนข้างแรง
แต่ถ้าไม่หรือไม่ได้เอาไม่ใช้อะไรจริงจัง 200 ก็ไม่ขี้เหล่อะไร
เมื่อได้ภาพในหัวมาแล้วก็เริ่ม sketch กัน
sketch ภาพในหัว ออกมาคร่าวๆ ตามที่คิดไว้

ช่างนิ่ง แบน หัวโตอีกตะหาก
(แบนน่ะภาพนะ ไม่ได้หมายถึงหน้าอก แต่หน้าอกก็แบนแฮะ..
)
อยากได้ภาพที่ดูมีมิติขึ้น และให้เห็นว่าเด็ดกลีบดอกไม้ชัดหน่อย

sketch อีกรอบได้เช่นนี้ ok ผ่าน
b
อ่อ อย่าลืม Flip ดูด้วยล่ะครับ

image > Rotate Canvas > Flip Canvas Horizontal
อาจจะพบสัจธรรมได้ พบเจออะไรแก้ตัวโดยด่วน
-----------------------------------------------------------------------------------------------
ผ่านช่วง sketch มาเข้าสู่งานจริงกันล่ะครับ

ปรับเลเยอร์ sketch เป็น mode multiply ครับ(ในกรณีที่มีพื้นหลังเป็นสีขาวไม่เป็นพื้นใส)
จะทำให้เลเยอร์นี้เป็นเหมือนแผ่นใส มองทะลุไปเห็นเลเยอร์ล่างได้นะเอง
แล้วลด opacity เพื่อให้ไม่รบกวน เลเยอร์ข้างล่างนัก ใช้ sketch เป็นไกด์น่ะเอง

เลเยอร์ข้างล่างนี้ ให้ชื่อว่า Value (น้ำหนักของสี) ละกัน
สร้างเลเยอร์ใหม่โดยคลิกปุ่มที่ 2 จากซ้ายมือด้านล่าง Create a new Layer
ลงเป็นสีเทา หรือสีโทนเดียวก่อนครับ จะง่ายต่อการดูความสมบูรณ์ของน้ำหนักสี
--------------------------------------------------------------------------------------------
วิธีเกลี่ยสี
ปรับค่า flow ลงให้เหลือน้อยๆครับ ประมาณ 20 % จะทำให้เกลี่ยสีได้สะดวกครับ


ขั้นตอน
1.ลงสี
2.ใช้ Eyedropper Tool (จาก Tool ด้านซ้ายมือหรือกด alt ระหว่างที่ cursor เป็น brush Tool)
เลือกคลิกสีบริเวณระหว่างสีที่จะเกลี่ย แล้วใช้ brush เกลี่ยสี
3.เหมือนข้อ2..
4.ระบายอารมณ์ไปเรื่อยๆจนกว่าจะพอใจ
----------------------------------------------------------------------------------------------------
opacity กับ flow ต่างกันอย่างไร

opacity ความทึบของสี 100 = เข้มสุด 1 = ใสมาก
ถ้าปรับอยู่ที่ 50 ตลอดการคลิกเมาส์ลง จนปล่อย สีที่ปรากฏจะอยู่ที่ 50 % ของสีที่เลือกไว้ตลอด
คงที่ แต่ถ้าลงทับครั้งที่ 2-3 สีจะเข้มขึ้นเรื่อยๆ จนเป็นสีที่เลือกไว้ 100 %
flow การหลั่งของสี 100 = เข้มเท่าสีที่เลือกไว้ 1 = สีไม่ค่อยจะติด...
ถ้าปรับไว้ไม่ถึง 100 flow สามารถลงสีซ้ำที่เดิมให้เข้มขึ้นจนเท่าสีที่เลือกไว้ได้
โดยที่ไม่ต้องปล่อยเมาส์ คล้ายการระบายสี
--------------------------------------------------------------------------------------------------
ได้เป็นเช่นนี้

ทีนี้เลเยอร์ sketch ก็หมดประโยชน์กับเราแล้ว!! จะเก็บไว้หรือกำจัดทิ้งก็แล้วแต่ท่าน..
หลังจากลงน้ำหนักสีแล้วก็มาเรื่องใส่โทนสีของภาพ
ไปที่ image > Adjustment > Hue /Saturation (Ctrl+U)
Hue - เปลี่ยนสีเป็นสีอื่นๆ
Saturation - เพิ่มลดความสดของสี
Lightness - เพิ่มลดความมืดสว่างของภาพ
ถ้าพบว่า เลื่อนแถบ Hue /Saturation แล้วไม่มีอะไรเกิดขึ้น
ให้คลิกที่ช่อง colorize จะพบสัจธรรมอีกครั้ง..
ผมก็จัดการภาพนี้ให้เป็นสีแดงชมพูซะ ตามคอนเซปท์และคอมมอนเซนส์

เริ่มแหววแล้ววววววววววววว
เสร็จแล้วปรับเลเยอร์นี้เป็น multiply เพราะจะสร้างเลเยอร์สำหรับสี background ด้านล่าง

ทีนี่ลงสี background กันต่อ ไล่สีเหลือง-น้ำเงิน โดยใช้ Gradient Tool ด้านซ้ายมือครับ
ถ้าหาไม่เจอ มันอยู่ซ้อนกับรูปถึงเทสีนั่นเอง คลิกค้างแล้วจะขึ้นมา

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

โอ้ว เหมือนจะเสร็จแล้วแฮะ แต่อยากได้สีสดๆกว่านี้แฮะ contrast น้อยไปนิด
overlay ช่วยท่านได้ครับ โหมดเลเยอร์นี้จะช่วยเพิ่ม contrast กับเลเยอร์ด้านล่างได้
โดยที่สีสว่างของเลเยอร์นี้ จะทำให้ เลเยอร์ด้านล่างสว่างขึ้น และสีเข้มก็จะเข้มขึ้นเช่นกัน
ทีนี้เราก็ copy เลเยอร์ที่เรารวมไว้แล้ว(คลิกขวาที่เลเยอร์ เลือก Duplicate Layer > OK)
และทำการเปลี่ยนเลเยอร์บน เป็นโหมด overlay

จะได้ภาพดังนี้ แสบตา contrast แรงจริง
จึงเปลี่ยน opacity เลเยอร์ overlay เหลือ 50 %

ด้วยความรู้สึกส่วนตัว อยากให้ contrast ช่วงบนของภาพเพิ่มขึ้น
แต่ไม่ต้องการให้ช่วงล่างแรงไปด้วย
เลยใช้ Layer Mask ครับ ทำการ Add Layer Mask (Icon ด้านล่างอันที่ 3 ในหน้าต่าง Layer)
ให้กับ เลเยอร์ โหมด overlay ของเรา
โดย Layer Mask นี้จะลงสีได้แค่โทน grayscale (ขาวดำ) เท่านั้น
คือ สีขาวจะทำให้ ภาพบนเลเยอร์นี้ส่งผล 100 % และจะใสจนไม่ส่งผลใดๆ เมื่อเป็นสีดำ
ผมไม่อยากให้เลเยอร์นี้ส่งผลกับช่วงล่างของเลเยอร์ด้านล่างมาก
จึงใช้ Gradient Tool ไล่มีเทาจากข้างล่างขึ้นมา
รวมแล้วยังรู้สึกภาพยังจืดไปนิด ผมจึงใช้วิธีเพิ่มความสดของสีในบริเวณที่อยากจะเน้นนิดนึง
แล้วก็ใช้เจ้าเดิมครับ Gradient Tool แต่คราวนี้ใช้แบบวงกลม
สร้างเลเยอร์ใหม่ด้านบน
เลือกสีที่มีความสดสูงๆ แล้วลากจากจุดศูนย์กลางที่ต้องการเน้นยืดรัศมีไปพอประมาณ

แล้วปรับเลเยอร์เป็นโหมด Saturation จะเป็นการเพิ่มความสดของสีให้เลเยอร์ด้านล่าง
หลังจากนี้ผมมีการใส่ texture ลงไปบางๆแต่ไม่ค่อยมีผลอะไรเท่าไหร่
เป็นการลดความเลี่ยนของฝีแปรงเล็กน้อย
จบบริบูรณ์!!!!
--------------------------------------------------------------------------------
* หลังจากทำ How to ชิ้นนี้แล้วพบว่า
- ใช้เวลามากกว่าการทำ CG ซะอีกครั้ง How to เนี่ย
- จริงๆ แล้วงานชิ้นนี้ขั้นตอนการทำงานไม่ค่อยเป็นระเบียบเท่าไหร่นัก
ถ้ามีโอกาสหน้าจะทำที่เข้าใจง่ายกว่านี้ครับ
- นับถือทุกๆคนที่ทำ How to ยิ่ง
** ผมไม่ได้บอกว่าจำเป็นต้องลงน้ำหนักแล้วค่อยใส่สีทุกครั้งเสมอไป
เป็นเพียงวิธีหนึ่งในการทำ CG เท่านั้น ศิลปะนั้นฟรีสไตล์
*** ผู้ทำ How to ชิ้นนี้ยังอ่อนด้อยยิ่งนัก โปรดชี้แนะด้วย
ขอบคุณทุกความคิดเห็นหลายๆเน้ 

มาสเตอร์แชมป์
อ่านแบบคร่าวๆ เนื่องจากง่วงและ
ไว้วันหลังจะมาศึกษาอย่างละเอียดอีกทีนะป๋อคุง
#1 By miru on 2009-02-22 23:02