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 ชิ้นนี้ยังอ่อนด้อยยิ่งนัก โปรดชี้แนะด้วย


ขอบคุณทุกความคิดเห็นหลายๆเน้


รัก..ไม่รัก..เธอคงไม่กล้าถามเขาตรง จึงลองถามดอกไม้ในมือ แต่กลีบดอกไม้ก็คงไม่รู้เหมือนกันน่ะแหละ..

Comment



smilebig smileopen-mounthed smileconfused smilesad smileangry smiletonguequestionembarrassedsurprised smilewinkdouble winkcry

Tweet

ขอบคุณนะ ยาวมาก แต่มีประโยชน์นะเนี่ย
อ่านแบบคร่าวๆ เนื่องจากง่วงและ
ไว้วันหลังจะมาศึกษาอย่างละเอียดอีกทีนะป๋อคุงsad smile

#1 By miru on 2009-02-22 23:02

=_= ชอบเส้นสเก็ตช์อันที่สองหลังจากปรับปรุงครับ

ลายเส้นคุณ Kyoki ดูเป็นคอมิคดีจังเลย

#2 By pw. on 2009-02-22 23:03

ฮาวทูครั้งแรกเหรอคะเนี่ย
ละเอียดดี เข้าใจง่ายด้วยล่ะ

อ่านแล้วได้รู้อะไรอีกหลายอย่างที่ไม่เคยรู้มาก่อนแฮะ
เพิ่งรู้ก็วันนี้นี่แหละว่า Opacity กับ Flow มันต่างกันยังงี้เอง

#3 By atom on 2009-02-22 23:08

XD อ่ะๆ ! สุดยอดเลยเกี๊ยวกิ๊

แต๊งกิ๊วค๊าบบ Hot!

#4 By YuN ♥ KathaN on 2009-02-22 23:11

ลายเส้นสวยมาก
ขอบคุณสำหรับ How to ค่ะ มีประโยชน์มากเลยค่ะ
กำลังฝึก CG อยู่พอดี (แต่ฝึกแล้วไม่พัฒนาสักที sad smile)

ปล. สาวเจ้าน่ารัก open-mounthed smile

#5 By Kaewsricha on 2009-02-22 23:13

ผมก็มาจากไอเทมครับ
วาดแบบนี้ไม่ได้ทั้งฟิกเกอร์ ทั้งลงสีเลย
ขอศึกษาด้วยคนครับ
ขอบคุณมาก

#6 By boyboxes on 2009-02-22 23:16

Hot! confused smile

#7 By wesong on 2009-02-22 23:25

โอ้วแหล่มหลายwink
Hot!

#8 By soul-ce on 2009-02-22 23:30

Hot! Hot! Hot! Hot! Hot!
มารัวดราก้อนบอลให้ :D
Hot! Hot! Hot! Hot! Hot!

เป็นอีก 1 วิธีแฮะ ที่ทำให้คุมโทน คุมบรรยากาศได้

แหล่มมากครับ

#10 By Namine' on 2009-02-23 00:20

Hot! Hot! Hot! Hot! Hot!
แจ่มมากก

#11 By b-padung Studio on 2009-02-23 01:02

ซับซ้อนนิดหน่อยแฮะ sad smile
Hot! cry

#13 By garun on 2009-02-23 03:24

Hot!
ได้ เทคนิคเพิ่มขึ้นอีกเยอะเลย ขอบคุณมากครับbig smile

#14 By นายหนอน on 2009-02-23 05:57

opacity กับ flow
ความรู้ใหม่ของเรา
55 ไม่เคยใช้ flow วะ
ถึกลูกเดียว -*-)

อ่อ อีกอย่างขอบคุรสำหรับแฮป
ย้อนหลังนะป๋อคุง *-*)/

ปล..ยิ่งดีด้วย
ได้ขึ้นฮอทแน่ๆ

เอาไปอีกดวง

Hot!

#15 By ★ K T I G on 2009-02-23 05:58

Hot! Hot! double wink

#16 By /gg on 2009-02-23 08:04

สวยงามค่ะ ชอบจัง cry

#17 By amchan งิ้วๆ ~ on 2009-02-23 08:53

กรี๊ดดดดดดดดดดด มาแล้ววววววววว
ฮาวทู ที่ฮานะรอคอยยยยยยยยย

นี่เองเรอะวิธีลงสีของเคียวกินี๊?!!
บอกตรงๆ ไม่รู้จักวิธีลงสีแบบนี้เลยค่ะ ฮา

ต้องลอง! อ๊าก!
Hot! Hot! Hot!

#18 By Lord Hanan♥Kinno61 on 2009-02-23 10:25

เยียมไปเลย เป็นประโยชน์มากHot! Hot! Hot!

#19 By Jiam on 2009-02-23 11:34

งามแท้!!

#20 By Ki-kYo on 2009-02-23 13:11

โอ้วได้ความรู้big smile

#21 By อนุชา on 2009-02-23 13:12

จะ จะ จะ เจ๋ง
ขอบคุณมากครับ

Hot!

#22 By XuouVu on 2009-02-23 13:13

มันยอดมากHot!
ปัญหาของมือใหม่อย่างผม
1. ขี้เกียจเกลี่ยสี
2. ไม่รู้ทิศทางแสงเงา

แต่ก็เข้าใจง่ายดีครับ ชอบ confused smile Hot!

#24 By Evan Yzac -- The Crow on 2009-02-23 13:18

ว้าวววววววววว
ลงสีสวยมากๆเรยคะ

ไม่เคยลงสีแบบ
ลองเล่นกับLayerกับปรับค่าอะไรแบบนี้

เพราะเรามันปาดเป็นอย่างเดียวสินะ..sad smile

ขอบคุณมากๆเรยนะคะ
ฮาวทูละเอียดมากๆเรยคะopen-mounthed smile
ชอบจริงๆbig smile

#25 By " Barking Dogs. " on 2009-02-23 13:19

ซี้ดดดดดดด สุดยอดอ่ะ
confused smile โอ้

สุดยอดเลยค่ะ

เทคนิคน่าสนใจจัง

#27 By พลุ (125.26.219.25) on 2009-02-23 13:31

เหอๆๆพึ่งจะรู้ความต่างของ flow กับ opacity ก็วันนี้ละครับ

ขอบคุณมากนะคร้าบ เป็นประโยชน์มาก big smile

#28 By Akara_gat on 2009-02-23 13:36

โอ้โหๆๆ
หาตั้งนานแล้วว
ขอบคุณค่าา~♥

#29 By ~•INUAMI•~ on 2009-02-23 13:36

confused smile ว้าวสวยมากครับ
ขอบคุณสำหรับเทคนิคดีๆ
แบบ flow ลงแล้วsmoothกว่าเยอะเลย cry
ชอบตาสีฟ้าสดใสนั่นมากเลย

#30 By r i j e -[a x k i z e l] on 2009-02-23 13:47

ภาพน่ารักค่ะ
แอบใช้วิธีคล้ายๆกัน555
พอแก้มุมมองแล้วดูดีขึ้นเยอะเลยอ่ะ

#31 By Tako on 2009-02-23 13:51

Hot! surprised smile

#32 By iQ180 on 2009-02-23 13:52

ชอบวิธีใช้ saturation ตอนท้ายมากครับ งามงด Hot!

#33 By Temp on 2009-02-23 13:52

Hot! โอ้วว

#34 By (^_^)/nana on 2009-02-23 13:53

Hot!

#35 By hiney* adult version on 2009-02-23 14:21

Hot! Hot! Hot!
ได้สาระอละเทคนิคเข้าใจง่ายดีค่ะ
รอชมผลงานอีกน๊า confused smile

#36 By STECHA ลา ล่า~ on 2009-02-23 14:29

ซีจีงามมากค้า~!Hot! Hot! Hot! big smile

#37 By ลิงหกกะล้ม on 2009-02-23 14:33

Hot! แหล่มมากก
ขอบคุณสำหรับhow toค่ะ
ชอบมากมาย จะลองไปไปใช้ดู

#38 By Oom*Z on 2009-02-23 14:39

สุดยอดมากกกกกHot! Hot! Hot!

#39 By น้ามชา on 2009-02-23 14:57

สวยงามคับ ขอแอดเลยแล้วกานนะคับHot!

#40 By JAKINDY on 2009-02-23 15:39

กลับไปทำบ้าง สวยๆ confused smile

#41 By K r a i on 2009-02-23 15:50

Hot! แจ๋ว แต่ชอบตอนที่ยังไม่ใส่สีแดงแฮะ

#42 By PoY on 2009-02-23 16:26

เทพสุดยอด cry

ขอลองไปทำมั่งน้า ๆ

โยนบอล ! Hot! Hot! Hot! Hot!

#43 By '' มินิ ★ บัว on 2009-02-23 16:42

สวยมากครับ...

ขอบคุณสำหรับเทคนิค

#44 By ZaRuChAn on 2009-02-23 16:43

ง่าาาา มีประโยชน์มหาศาลค่ะ!
กำลังหัด cg พอดีเลย ^^
ขอบคุณมากๆนะคะ (ภาพที่วาดก็ง๊ามงาม >w<)

แต่ก็ยังไม่รู้วีธีเกลียสีจริงๆด้วยเม้าส์ปากกาอยู่ดี -_-" (แป่ว) Hot!

#45 By オレンジ 嘘 || orenji-uso on 2009-02-23 16:52

Hot! มีประโยชน์มากครับ confused smile

#46 By desktop bomb on 2009-02-23 17:00

ละเอียดดีมากเลยค่ะ เข้าใจง่ายด้วย จะได้เอาไปฝึกลงสี ขอบคุณนะค้า

#47 By p-i-e on 2009-02-23 17:27

Hot! Hot! Hot! Hot! Hot!



แค่วาดรูปให้สวยยังทำไม่ได้เลยค๊า

#48 By ❤ ユイ on 2009-02-23 17:34

ทำให้ได้รู้ว่าการปรับโหมดในเลเยอร์มีประโยชน์

ปกติใช้ไม่เป็น ขอบคุณหลายๆconfused smile Hot!

#49 By [PiNPiN] on 2009-02-23 17:59

>w< สุดยอดดด ค่า
ขอบคุงสำหรับ ฮาวทูที่มีประโยชน์อย่างมาก(สำหรับคนกาลังฝึกลง = ='' ที่ฝึกไง ก้อห่วยแตกเหมือนเดิน... )
สายเส้น + ทุกๆๆอย่าง สุดยอดดด>w<!!Hot! Hot! Hot! Hot! Hot!

#50 By ~ShinYeCHi~ on 2009-02-23 18:12