็How to CG ทับเส้น By Ravee

[SHIGA]

นี่ก็เป็นHow to แรกของบอร์ด

ชิกะเผอิญไปเจอมา ลงสีสวยและHow toของเขาละเอียดดี

ก็หวังว่าหลายๆคนคงจะได้เทคนิคดีๆจากHow toนี้นะฮะ


เอาล่ะเชิญติดตามHow to ของคุณRavee ได้เลย




----------------------------------

Ravee


อุปกรณ์ 1.เม้าส์ปากกา
2.Paint tool SAI
3.Photoshop




"การจะทำ CG ทับเส้นก็ทำได้หลายๆวิธี

บางคนก็วาดออกมาก่อนแล้วก็ค่อยลงสีทับเส้น หรือบางคนก็ปาดสี่มั่วๆแล้วก็ค่อยทำให้เป็น

รูปเป็นร่างที่ล่ะส่วน หรือพวกที่เอารูปมาแปะๆซ้อนๆกัน (แบบว่าพวกเทกเจอร์น่ะนะ)

แล้วก็ค่อยเพ้นทับ"


ฝึกปาดสี

เริ่มจาก Brush ที่ค่า Density 78% อันนี้ ส่วนใหญ่จ๊ะใช้ลงสีปาดๆ แถๆไป เหมือนระบายสีนั่นแหละ

จริงๆแล้ว บรัชที่ชื่อ Paper นั่นก็ใช้ได้เช่นกัน ปรับค่า Density ลงมาหน่อย ส่วนตัวแล้วชอบใช้ทั้ง

Brush และ Paper เลยค่ะ





บรัช Water (ที่ไม่มีรูปหยดน้ำ) 37% ใช้เบลนหรือเกลี่ยในส่วนอยากให้มันเนียนๆ เส้นสีผิว







1. Maker- 62% อันนี้ใช้ทั่วไป อยากใช้ตอนไหนก็ได้ ใช้เหมือนเปนเทกเจอร์เพิ่มสีลงไปก็ได้ อาจจะงงๆกันแต่เดี๋ยวพอถึงฮาวทูก็จะรู้เองจ๊ะ
2. Water (มีหยด น้ำ) 100% อันนี้เอาไว้ใช้เกลี่ยสี่จากที่หนึ่งไปอีกที่หนึ่ง อย่างที่เห็นในรูป ลูกศรบ่งบอกถึงทิศทางที่ใช้บรัชเกลี่ยนสีไป ใครไม่เข้าใจก็ลองเปิด SAI มาทดลองปาดสีด้วยตัวเองเลยค่ะ
3. Pen – 100%-80% สำคัญที่สุดใน สามโลก อันนี้จะใช้เวลาเช่นว่า จะทำไฮไลท์ผมนิดหน่อย ก็เอาเข้า Pen นี่แปะๆลงส่วนที่จะทำเป็นไฮไลท์ แล้วก็เอา Brush ไม่ก็ Water เกลี่ย หรือว่าจุดไหนจะเพิ่มเงาเป็นพิเศษก็เอา Pen เนี่ยแหละ จุดลงไปก่อนแล้วก็เอาบรัชตัวอื่นๆเกลี่ย สรุปคือ มันเป็นพระเอกที่จะทำให้ภาพดูมีมิติมากขึ้นนั่นเอง





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

ร่างคราวๆ จริงไม่ไต้องแรเงาบางส่วนเหมือนจขบ.ก็ได้ แต่อยากทำก็ไม่ว่ากัน เพราะยังไงเดี๋ยวก็โดนระบายทับอยู่ดี

เซฟไฟล์เป็น .psd ทำให้สามารถเปิดใน photoshop ได้



ให้เข้าไปใน photoshop เปิดไฟล์รูปที่เราวาดไว้มา แล้วไปที่ Filter -> Liquify

ปรับรูปภาพตามใจชอบ ส่วนไหนที่วาดแล้วคิดว่าเบี้ยวก็ใช้คำสั่งนี้แก้ได้ค่ะ หรือใครถนัดลบแล้วเพ้นก็ไม่ว่า สามารถเหมือนกัน

ส่วน นี้ที่ทำไปก็เพื่อทำให้ภาพดูสมดุลขึ้นมาเฉยๆ ถ้าใครเมพวาดทีเดียวสวยก็ไม่ต้องทำก็ได้ในส่วนนี้



นี่คือผลลัพธ์จากการใช้คำสั่ง Liquify จ๊ะ



เซฟไฟล์แล้วกลับมาที่ SAI

สร้างเลเยอร์ใต้เลเยอร์เส้น แล้วลงสีคร่าวๆไว้


จากนั้นก็สร้างเลเยอร์อีกเลเยอร์ หนึ่ง จะเอาไว้บนสุดเลยก็ได้หรือจะเอาไว้แค่บนเลเยอร์สีคร่าวๆก็ได้ (ในที่นี่เราเลือกเอาไว้บนเลเยอร์สีคร่าวๆนะคะ)



ปรับเบลน โหมดเป็น Overlay และ ลด Opacity ลงมาหน่อย

จากนั้นก็แปะๆสีเพื่อคุมโทนลงไป ไม่ต้องละเอียดมาก เพราะที่ต้องการก็คือคุมโทนสีเฉยๆ



สามารถไปที่ Filter -> Hue/Saturation… แล้วปรับค่าสีตามใจชอบ




เมื่อทุกอย่างพร้อมแล้ว ที่นี่เราก็จะมาลงสีทับเส้นกันจริงๆล่ะเออ

แน่นอนว่าเราต้องสร้างเลเยอร์ไว้บน สุดเพื่อที่จะลงสีทับเส้นร่างนี่



อยากจะเริ่มเพ้นตรงไหนก็แล้วแต่ใจ ปรารถนาเลย เพ้นแบบทับเส้นนี้ไม่มีกฏเกณฑ์อยู่แล้ว

ส่วนตัว จขบ.มักจะเริ่มที่สีผิวค่ะ เพราะต้องเพ้นตาทับ ผมทับ ไหนจะเสื้อผ้าอีก เลยคิดว่าสีผิวนี่น่าจะเป็นสิ่งแรกที่ควรเพ้นท์





ค่อยๆเติมสีจากด้านข้างแล้วก็ค่อยๆ เกลี่ยมา จากนั้นก็เติมสีลงไป

จะให้อธิบายแบบละเอียดๆก็คือ

เลือกสีจากถาดสีก่อน ถ้าเติมสีมาจากด้านข้างก็เลือกให้มันเข้มๆเหมือนจะลงเงา เอา Brush หรือ Paper ปาดๆ แล้วก็เติมสีเนื้อ แล้วก็ปาดๆ ส่วนไหนอยากให้เนียน เช่นใต้ตา แก้ม ก็เอา Water เกลี่ยๆ กลบๆ (งงไม๊ TvT??)

ตอนเพ้นท์ถึงจะเกินขอบก็ไม่เป็นไร เดี๋ยวมาแก้ใหม่ได้




อย่างที่เห็นในส่วนขอบจะมี สีเส้น2 หรือขอบนอกสุด สีเส้นหนึ่งเป็นเส้นรอยต่อของสีผิวกับขอบ จะได้ทำภาพไม่ดูทือไปเหมือนตัดเส้น

ในส่วนนี้ใช้ Brush ถูๆได้เลยค่า :-D

สีผม



เริ่มจากเอา Pen ขีดเส้นปลายผมและแต่งให้เรียบร้อย

ถ้าจำเป็นต้องระบายสีเนื้อให้เป็น เงาด้วยก็ ระบายสีผิวก่อนแล้วค่อยขัดเส้นเป็นผม

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



ากนั้นก็เลือกสีจากถาดสี เติมเงาให้ผมด้วย Brush หรือ Paper เกลี่ยไปในทิศทางเดียวกันเพื่อทำให้ดูเหมือนผม



ดูดสีจากสีที่เราระบายไว้คร่าวๆมา เกลี่ยทับ + สีใหม่ที่เราเลือกจากถาดสี

เกลี่ยไป ในทางเดียวกันเพื่อทำให้มันดูเป็นผมจริงๆมากยิ่งขึ้น และก็เรียบเนียนขึ้นด้วย แฮ่ >v



ในระหว่างการเกลี่ยสีผม ส่วนเงา กับ ไฮไลท์นี้เพ้นได้โดยการใช้ Pen แต้มๆไว้ก่อน จากนั้นก็เอา Water (รูปที่มีหยดน้ำอยู่ด้วย) ปาดๆ เกลี่ยไปในทางเดียวกัน

ถ้ามันดูแข็งไปก็เอา water (ที่ไม่มีหยดน้ำ) เกลี่ยเบาๆเพื่อให้เนียนมากขึ้น





ค่อยๆเพ้นท์ผมไปเรื่อยๆ (อยากจะบอกว่า จขบ.ชอบเพ้นท์ผมที่สุดเลยแหละ >w<)

เกลี่ยให้เนียน -Brush หรือ Paper เพ้นท์ทับๆไป เรื่อยๆ

ลายละเอียด – Brush, Paper หรือ Pen ในการเก็บรายละเอียดปลายเส้นผมเล็กๆ สามารถเอา Brush หรือ Paper ปาดไปเรื่อยๆก็ได้ถ้าต้องการ หรือจะเอา Pen ขีดๆส่วนปลายเส้นผมมั่งก็ได้ แล้วก็เอา water ค่า density น้อยๆ มาแตะเบาๆ เพื่อไม่ให้ดูแข็งไป

เพิ่มสีสัน – สามารถเพิ่มสีเล็กๆน้อยได้ ด้วยการเลือกสีจากถาดสี (ในที่นี้ ส่วนของผมเราใช้สีม่วงแดงๆนะคะ) ใช้ maker ปาดลงไป จากนั้นก็เอา water เกลี่ยนตามเคย หรือว่าจะเอา Brush ไม่ก็ Paper ดูสีจากที่เอา maker ปาด แล้วก็ปาดทับต่อก็ย่อมได้ค่ะ


สีตา





เริ่มจากแต้มสีทับลงบนเส้นร่าง โดยเลือกมาสองสีนะจ๊ะ

ตามรูป สีด้านบนจะเข้มกว่าด้านล่าง

พอแต้มสีแล้วก็เอา water เกลี่ยๆให้เนียน






ตามรูปเลยคือ ดูดสีจากไอ้ขอบตาบนวาดเป็นวงๆเอาไว้

เลือกสีที่เข้มกว่าสีพื้นตอนนี้ ระบาย +ปาด ในช่องวงๆที่เราวาดไว้เมื่อกี้แล้วเกลี่ย

แน่ นอนว่าขั้นคือ คือขั้นที่เราเพ้นท์ตาดำแบบการ์ตูนๆนั่นเอง





เนื่องจากมันยังดูมีมิติไม่พอ คุณจึงต้อง ดูดสีจากเส้นขอบ

ใช้ Penปาดสีเล็กน้อยตามในรูปแล้วเอา water เกลี่ย ก็จะได้ตาที่มีมิติมากขึ้น




เพิ่มไฮไลท์ที่ตาแบบการ์ตูนด้วยการ จุดสีฟ้าด้วย Brush (หรือ Paper) แล้วก็จุดขาวทับอีกที

ถ้าท่านเพ้นท์ตา สีเหลืองก็เลือกเหลืองกล้วย เขียวก็เขียวหญ้าที่มันเขียวออกเหลืองนิดๆ

ถ้าเป็นสีดำก็ดูว่าเป็นตาสี ดำแบบดำน้ำตาลหรือดำน้ำเงินแล้วก็เลือกตามความเหมาะสม




ปิดท้ายด้วยเพิ่มความอลังการ(?)ให้กับตาโดยเอา maker ขีดๆตาม ในรูปเพื่อเสริมความงาม (ฮา)


มาถึงการเพ้นท์เสื้อแล้ว!! เฮ!!

เพ้นท์เสื้อไม่มีอะไรยากค่ะ จริงๆน่าจะบอกว่าเป็นส่วนที่ง่ายที่สุดในสามโลก

ไม่ต้องค่อยเกลี่ยนให้เนียนเหมือน ผิวหรือแต่งให้เริดเหมือนตา (เพราะหน้าจะเป็นส่วนแรกที่คนจะมอง)

ส่วนสำคัญ ของการเพ้นท์เสื้อก็แค่เพ้นท์ให้มันดูเป็นเสื้อนั่นแหละ! การเน้นว่านี่เป็นรอยยับ รอยพับ นั่นแหละคือส่วนสำคัญ

อปุกรณ์หลักที่ใช้ก็ตามเคย Brush, Paper และ water

[img:bfa4]https://2img.net/h/i770.photobucket.com/albums/xx345/chibiraven_2010/7.jpg[/img

ในการเพ้นท์เสื้อผ้า การเพ้นท์จากรอยยับหรือจุดอับที่ต้องมีเงาเยอะก่อนจะง่ายกว่าจากเพ้นท์เปน พื้นทั้งหมดแล้วค่อยมาลงเงา

เริ่มจากดูดสีเส้นร่าง แล้วปาดทับในส่วนที่เป็นเงา ตามรูป

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

[img:bfa4]https://2img.net/h/i770.photobucket.com/albums/xx345/chibiraven_2010/7-2.jpg[/img

อันนี้อธิบายยากหน่อยแต่หวังว่าคงจะ เข้าใจกัน TAT

ตอนนี้ระบายสีของเนื้อผ้าโดย ดูดสีจากสีที่เราลงคร่าวๆเอาไว้ บวกกับ เลือกสีที่ใกล้เคียงกันจากถาดสีมาปนๆกันด้วย

อย่างที่เห็นในรูป สีที่เราร่างคร่าวๆคือสีเขียวฟ้า และสีเขียวออกเหลืองก็เป็นสีที่เราเลือกจากถาดสีแทรกเข้ามา

เกลี่ย ให้เข้ากัน แต่! อย่าเกลี่ยทับ หรือ เบลน ทำกับรอยยับที่เราสร้างเอาไว้เด็ดขาด

ถ้ารอยต่อระหว่างรอยยับมันดูแข็งๆก็ เอา water density ต่ำมาเกลี่ยนิดหน่อยได้ (เหมือนที่เราทำกับผม)

เพ้นท์แบบนี้ไปเรื่อยๆก็จะได้เสื้อ ผ้าที่ดูเป็นเสื้อผ้าจ๊า






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

ไม่ต้องกลัวว่ามันจะไม่เนียน เพราะเราไม่ต้องการทำให้เนียนอยู่แล้ว ควรจะปล่อยเทกเจอร์ไว้บ้างไม่งั้นมันจะดูไม่เหมือนผ้าจริงๆ





กล็ดเล็กน้อยสำหรับคนที่อยากสร้าง เทกเจอร์ให้กับภาพ หรือว่าลายผ้ามันมีเทกเจอร์อย่างงั้น เลยต้องเพ้นท์

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

เมื่อเราเพ้นท์เสร็จก็เซฟไฟล์ แล้วกลับไปที่ โปรแกรม photoshop

ทำการรวมเลเยอร์และตกแต่งภาพให้เรียบร้อย

อันนี้เป็นออปชั่นต่างๆ สามารถเลือกทำได้นะจ๊ะ
a. คำสั่ง Liquify (Filter -> Liquify) หรือไอที่เราใช้ตอนวาดเส้นโครงร่างนั่นแหละ มาถึงตอนนี้ มีส่วนไหนที่อยากขยับหรือเลื่อนนิดหน่อยก็ให้ใช้คำสั่งนี้ได้ เช่นตาไม่เท่ากัน ฯลฯ

b. แก้สี ของภาพ อาจจะใช้โหมด color balance เข้าช่วย เพื่อให้สีของภาพสวยขึ้น

c. แก้ ตำแหน่งของส่วนต่างๆ เช่นว่าปากมันเบี้ยวผิดปกติ อยากจะเพ้นท์ทับหรือเลื่อนภาพแล้วก็แก้เล็กน้อยก็สามารถทำได้

d. เพิ่มลวด ลาย เช่น ลวดลายเสื้อผ้า รอยสัก ฯลฯ





จะขอขยายความข้อ d. สักเล็กน้อย

การเพ้นท์ ลวดลายเสื้อผ้า รอยสัก หรืออื่นๆ แนะนำให้ทำหลังสุด เพราะหากเราใช้คำสั่ง Liquify บริเวณที่เป็นลวดลาย จะทำให้ภาพมันเบลอและไม่สวยงาม

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

เพราะฉะนั้นจะงานอะไรก็ตาม แต่ แนะนำว่าให้เพ้นท์ลวดลายเสื้อผ้า รอยสัก หรืออื่นๆ ไว้หลังสุด



วิธีเพ้นท์

ก่อนอื่นเซฟไฟล์จาก photoshop (หลังจากแต่งอะไรเสร็จเรียบร้อย) แล้วกลับไปที่ SAI




สร้างเลเยอร์ไว้บนสุด หนึ่งเลเยอร์ ทำการวาดลวดลายที่อยากวาดลงไปด้วย Pen

แนะนำว่า ถึงลวดลายหรือรอยสักจะเป็นสีดำ ก็ให้เอาสีอื่นเพ้นท์ไปก่อน เช่น น้ำตาล หรือน้ำเงิน เพราะเดี๋ยวเราจะต้องใช้ Hue/Saturation กันอีก ซึ่งถ้าเพ้นท์ด้วยสีดำมันจะเปลี่ยนได้ยาก




ตั้งเลเยอร์เป็นโหมด Multiply แล้วลดค่า opacity นิดหน่อย ตามความพอใจ

ไปที่ Filter -> Hue/Saturation… แก้สีตามใจชอบจนกว่าจะพอใจ




จากนั้น สร้างเลเยอร์อีกอันขึ้นมา เป็นโหมด normal นะ

ให้เพ้นท์แก้ในส่วนที่ไม่เข้ากัน เช่น ส่วนของเงา ฯลฯ ในส่วนนี้ก็เพ้นท์แก้ปกติ ใข้ Brush หรือ Paper ดูด สีในส่วนของเงาหรือ mid tone มากลบๆ

สุดท้าย และท้ายสุด

อันนี้เป็น ออปชั่นเสริม อยากจะทำก็ได้หรือไม่ทำก็ได้




ในที่นี้เพื่อความโมเอ้ จขบ.เลยเติมความแบ๊วที่แก้ม โดยการ สร้างเลเยอร์ไว้บนสุด เลือกสีส้มากถาดสี แล้วเอา Pen แต้มๆไว้ จากนั้นก็เอา water เกลี่ย

แน่นอนว่าหากไม่พอใจกับสีของแก้มก็ Filter -> Hue/Saturation… แล้วแก้สีอีกที >v<





อีกหนึ่งอย่างที่อยากจะแนะนำคือ หลังจาก เพ้นท์เสร็จทุกส่วน คุณอาจจะกลับไปที่ Photoshop

รวมเลเยอร์ทั้งหมดแล้ว ก๊อปปี้เลเยอร์ขึ้นมา

เลือกเลเยอร์บนสุดแล้วไปที่คำสั่ง Filter -> Sharpen -> Sharpen เพื่อให้ภาพ ดูคมชัดขึ้น

หากมันชัดเกินไปก็ลดค่า opacity ของเลเยอร์บนได้ตามใจชอบ



ผลงานสำเร็จ






Step Paint







ผลงานอื่นๆของคุณ Ravee












สามารถติดตามผลงานของคุณRavee ได้ที่

http://raveeoftitans.deviantart.com/

http://chibiraven.exteen.com/

[-Melancholy-]

เหมือนสีน้ำมันเลย
สุดยอดๆ >_<

ขอบคุณมากค่ะ

[kidkyan]

โอ้ววว... มีประโยชน์มากเลยค่ะ!

จะลองเอาไปประยุกต์ใช้ดูนะคะ ><

[KeroC]

ความรู้กับเทคนิคดีๆแบบนี้ ขอบคุณครับ

[pukkya2538]

งามมากค่ะ*o*