2008/Aug/28

.:: How to CG III ::.

สามารถกลับไปดูฮาวทูย้อนเหลังได้ครับ

บท1

บท2

แปะโฆษณาอีกทีหลังจากเว้บมันด๋อยไป เชรอะ  http://www.paeman.com/

Lesson 3 : แสงเงา กับการเกลี่ยสี

คราวที่แล้วมีคนทักเรื่อง Eyedropper tool เลยทำให้นึกขึ้นได้ว่าผมลืมสอนเรื่องการเกลี่ยสีด้วย วันนี้มาลองทำพร้อมกับเรื่องแสงเงาด้วยเลยละกันครับ

จากที่เคยกล่าวไว้แล้วตั้งแต่บทแรก ตอนนี้เราทำงานในขั้นตอนในองค์ประกอบของงานศิลป์
1. จุด 
2. เส้น
3. สี
4. รูปร่าง
ต่อจากนี้ไปก็จะถึงเรื่องของรูปร่างกับแสงเงาก่อนอื่นเรามาทำความเข้าใจกับเรื่องความสัมพันธ์รูปทรงกับแสงเงากันสักนิด

ที่คือรูปร่าง กลมลองใส่สีและใส่แสงเงาไปก็จะเป็นรูปทรงกลม

 

ก่อนอื่นเราจะมาดูว่าในรูปทรงกลมๆนั้นประกอบด้วยอะไรบ้าง ซึ่งความเข้าใจนี้จะช่วยเรื่องแบ่งเลเยอร์ได้ในโปรแกรม photoshop
จากรูปจะเห็นว่ารูปทรงกลมจะประกอบไปด้วยชั้นแสงขาว  ชั้นเนื้อสี ชั้นเงา 

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

เทคนิค : การใช้ปุ่มคีย์ลัดจะช่วยให้ทำงานได้เร็วขึ้น
ctrl+z  = ยกเลิกการกระทำล่าสุด
[   = ลดขนาดหัวบรัลให้เล็กลง
]   = เพิ่มขนาดหัวบรัชให้ใหญ่ขึ้น
shift+[  = ปรับขอบบรัชให้นุ่มขึ้น
shift+]  = ปรับขอบบรัชให้คมขึ้น

ให้ลองกดแล้วดูผลลัพท์เพื่อความเข้าใจนะครับ

มาขั้นนี้เราจะมีเทคนิคที่สามารถจัดการกับการลงสีแสงเงาได้แล้วต่อมาจะมาอธิบายเรื่องเทคนิคการเกลี่ยสีที่ผมลืมอธิบายไปก่อนหน้า
ซึ่งแต่ละคนน่าจะมีแนวทางที่ชอบกันอยู่แล้วผมจะบอกเท่าที่ผมจะบอกได้สักสองวิธี

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

 

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


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

ให้จุ่มสีใดสีนึง วิธีการดูดสีคือในโหมดพู่กันให้กด alt ค้างไว้แล้วกดคลิ๊กจะเป็นการดูดสีปาดสีด้วย opacity ที่ไม่100%  ให้สีมีการเจือจางผสมเข้าด้วยกัน แล้วใช้วิธีดูสีกลางที่เราป้ายไปเรื่อยๆทำสลับกับการดูดสีกลางจนกระทังสีทั้งสองโทนจะเกลื่ยเนียน(หรือไม่เนียนก็ได้ครับศึกษาสไตลการลงสีได้ด้วยตัวเอง)จนเป็นที่พอใจเพียงแค่เทคนิคนี้เราก็จะสามารถวาดจักรวาลได้แล้วครับ อิอิ

 

รูปตัวอย่างการเกลี่ยด้วยวิธีนี้




หมดแล้วครับ สำหรับเรื่องแสงเงาและวิธีการเกลี่ยสี จิงๆเรื่องแสงเงาเป็นเรื่องใหญ่ที่จำเป็นต้องศึกษาเยอะมากลองใช้รูปทรงที่ยากและซับซ้อนกว่าทรงกลมเพื่อพัฒนาตัวเองด้วยครับ

ไว้ในงวดหน้าจะมาคุยเรื่องนี้อีกถ้าไม่ตายซะก่อน T T >>>>>>>>>>>>To be continue

edit @ 28 Aug 2008 14:15:02 by Firstchildren

ชื่อ: 
เว็บไซต์: 
คอมเมนต์:




smilebig smileopen-mounthed smileconfused smilesad smileangry smiletonguequestionembarrassedsurprised smilewinkdouble winkcry
ใช้วิธีนี้เหมือนกัน รู้สึกสบายกว่าใช้เครื่องมีปาดอีก
#1  by  ป้าแดง underground At 2008-08-28 14:26, 
เป็นเบสิคที่จำเป็นมาก ๆเลยล่ะครับbig smile
#2  by  Wisor At 2008-08-28 15:45, 
ได้ความรู้เพิ่มขึ้นมากเลยล่ะค่ะ ขอบคุณมากๆนะคะcry
#3  by  Inkka At 2008-08-28 16:48, 
ใช้มือปาดเอามาตลอดเลยค่ะ เพิ่งมานึกได้ว่าทำอย่างนี้ก็ได้เหมือนกันนี่หน่าHot!
#4  by  Nathael At 2008-08-28 16:49, 
จะเอาไปลองทำดูนะคะ
ดีมักๆเลยconfused smile
เป็นเบสิคที่สงสัยมานานละ

ขอบคุณที่นำมาสอนนะคะbig smile

Hot!
#6  by  ๑۩ﺴ Ul-Q ﺴ۩๑ At 2008-08-28 17:37, 
...ตัวดูดสีเป็นอีกอย่างที่เค้าไม่ค่อยได้แตะเลย ยกเว้นดูดสีจากรูปต้นแบบเท่านั้นแหละ sad smile อย่างดีก็นานๆจะใช้ดูดมาเกลี่ยเวลาพลาดลงเงาเกินตัดกับส่วนอื่นเกินไป แต่ไม่บ่อย... ปรกติแค่มีตัวปรับ opacity อย่างเดียวเค้าก็อยู่ได้แล้ว

รอดูตอนต่อไปโลด

/หย่อนไข่ไว้ให้ก่อนจาก Hot!
#7  by  Karintra / El Yeye At 2008-08-28 18:19, 
เริ่มยากขึ้นแล้วสิ..sad smile
#8  by  Pop L'Arc At 2008-08-28 18:46, 
ติดตามต่อคับ Hot! Hot!
#9  by  R!PPER At 2008-08-28 19:34, 
*จดๆจำๆ ขอบพระคุณที่สอนขอรับ
#10  by  Blood Lust Vampyre (::[o]::) At 2008-08-28 19:58, 
ขว้างบอลใส่เป็นลูกที่3Hot!
เก็บครบ 7 ลูก..ขออะไรก็ได้นิ..อิอิ confused smile
#11  by  ยายแม่บ้าน At 2008-08-28 20:08, 
ขอบคุณค่ะcry Hot!
#12  by  ARuN LiZ At 2008-08-28 20:19, 
ขอบคุณมากคร้าบบบ Hot!
#13  by  desktop bomb At 2008-08-28 22:36, 
ขอบคุณจ้า big smile Hot!
#14  by  ไอ้แป้น : i-phan At 2008-08-28 23:11, 
ใช้แล้ว พื้นฐานจำเป็นสุดๆ เยี่ยมมากเลยแอชชี่confused smile
#15  by  jo-xjack At 2008-08-29 01:36, 
สุดยอดเลยค่ะ เข้าใจเทคนิคง่ายจริงๆ>w<

Hot!
#16  by  ดาร์ก_&_ซาตาน At 2008-08-29 02:29, 
ปกติ ไช้วิธี ปาดๆสีเอา

โดยไล่สีตามลำดับแสง และเงา ที่ควรจะเป็น

แล้วลักไก่ เอาหยดน้ำมาปาดทับ ทำให้มันเนียนๆ sad smile

ใครมีวิธีไหนอีก ลองเสนอดูนะคะ อยากทราบอ่ะ
#17  by  ~:Red_Em:~ At 2008-08-29 07:47, 
Hot! เจ๋งมากๆเลยครับ
#18  by  เอกน้อย At 2008-08-29 10:34, 
Hot! double wink
#19  by  r a p p e l e r * At 2008-08-29 11:13, 
Hot! แย่ๆ เทคนิคมันเทพเกินไป โง่ๆอย่างรุไม่เข้าใจ
#20  by  hikaru At 2008-08-29 11:27, 
confused smile confused smile confused smile
แล้วเจอกันใหม่ด้วยความห่วงใย..
#24  by  ความรักสร้างฉัน At 2008-08-29 23:13, 
เสียดายถ้าไม่รู้จัก .......

โกร๊ ก อ ร์ โ ม น ก่อน....แก่...

โกร๊ ก อ ร์ โ ม น ลดลง คือ โรคแ ก๋ ....///

เข้าดูรายละเอียดได้ที่นี่ค่ะ.......

http://huxza.notloxg.com/(จากxเป็นn)และ (จากxเป็นnนะคะ)
#25  by   (58.8.175.134) At 2008-08-30 06:03, 
เสียดายถ้าไม่รู้จัก .......

โกร๊ ก อ ร์ โ ม น ก่อน....แก่...

โกร๊ ก อ ร์ โ ม น ลดลง คือ โรคแ ก๋ ....///

เข้าดูรายละเอียดได้ที่นี่ค่ะ.......

http://huxza.notloxg.com/(จากxเป็นn)และ (จากxเป็นnนะคะ)
#26  by   (58.8.175.134) At 2008-08-30 08:39, 
ขอบคุณมากสำหรับวีธีลงสีฮะ
Hot! Hot!
#27  by  DyCherii~ Climax Form At 2008-08-30 10:14, 
ติดตามตอนต่อไป cry
#28  by  Rhen&Garfield At 2008-08-30 11:34, 
ดี จัง ไว้ บอกต่อเพื่อนๆ confused smile
#30  by  p.cobra At 2008-08-30 17:27, 
ขอบคุณสำหรับการสอนลงCGค่ะ เป็นประโยชน์และความรู้อย่างมากทีเดียวค่ะ ขอบคุณค่ะsurprised smile
#31  by  บาบิโลน At 2008-08-30 23:47, 
แย่ เขียนเยอะกว่านิยายรักผมซะอีก
ว่าแต่ทำไมสองอันแรกตูยังไม่ได้ดูฟระ = =a
#32  by  Tongy At 2008-09-01 00:51, 
open-mounthed smile open-mounthed smile open-mounthed smile
#33  by  น้ามชา At 2008-12-12 23:56, 

<< Home