~How to CG - ทีละสเต็ป(3) : ว่าด้วยการปรับภาพ~
posted on 28 Jun 2009 16:12 by rainy-day in Art
สวัสดีค่ะ ^_^~
มาถึงภาคสุดท้ายแล้วกับ How to CG ที่ยาวเว่อร์อย่างไม่น่าเชื่อ
(<<อีโมที่ใช้ไม่มีความสัมพันธ์กับเนื้อหาแต่อย่างใด...ฮา)
ครั้งก่อนๆขอบคุณทุกท่านที่ช่วยดันขึ้นฮอตค่ะ นังเรนนี่ซึ้งใจเหลือจะกล่าว
อย่างน้อยถ้าฮาวทูชุดนี้มิได้สร้างประโยชน์อันใดให้แก่ท่านเลย ก็ขอให้ช่วยในด้านกำลังใจสำหรับท่านที่ชอบวาดรูปแทนละกันนะคะ ว่ายังมีอิชั้นกำลังดิ้นรนฝึกฝน(เท่าที่โอกาสจะอำนวย)อยู่เช่นกัน แฮ่ๆ
นี่คืออีกสองเอ็นทรี่ในเครือเดียวกันค่ะ
~How to CG - ทีละสเต็ป(1) : ว่าด้วยเส้น~
~How to CG - ทีละสเต็ป(2) : ว่าด้วยการลงสี~

ก่อนจะเริ่มทำอะไร ขออนุญาตตอบคำถามเกี่ยวกับโปรแกรม SAI เท่าที่รู้ก่อนนะคะ
A : เปิดภาพขึ้นมาใช้ใน SAI ไม่ได้ ไม่รู้ทำไม? หรือว่าต้องวาดในโปรแกรมเลย?
Q : ปกติแล้ว SAI เปิดไฟล์รูปภาพจากที่อื่นมาใช้ได้ค่ะ เหมือนโปรแกรมวาดรูปลงสีทั่วไปนั่นเอง
แต่ที่เปิดไม่ได้อาจต้องเช็กว่าโปรแกรมหมดอายุหรือยัง ดูที่แถบด้านบนสุดทางขวามือนะคะ ว่ามีคำว่าหมด trial period ไปแล้วอยู่รึเปล่า (จำประโยคที่มันใช้ไม่ได้ค่ะ แต่บอกประมาณว่าหมดระยะทดลองใช้แล้วนี่ล่ะ) ซึ่งถ้าหมดอายุแล้วจะทำได้เพียงแค่เปิดมาใช้งานทั่วไป แต่ไม่สามารถเปิดไฟล์จากที่อื่นหรือเซฟไฟล์ที่ทำเสร็จแล้วค่ะ
(ถ้าบังเอิญ) เป็นด้วยเหตุผลนี้ (คือโปรแกรมหมดอายุ) ทางที่ถูกต้องที่สุดคือซื้อโปรแกรมของจริงค่ะ (อา...เป็นคนดี)
แต่แน่นอนว่า Internet มีทุกอย่าง(ถ้าเราหาเจอ) เพราะงั้นก็มีวิธี crack โปรแกรมเหมือนกัน ยังไงลองถามพี่กูเกิ้ลดูนะคะ
แต่ถ้าจนแล้วจนรอด มันไม่ได้จริงๆ
...หลังไมค์ (ทางemsก็ได้) อาจช่วยท่านได้ค่ะ (แค่อาจนะคะ เพราะไม่ค่อยรู้เรื่องเหมือนกัน)
และตอบแยมซังนะคะ นังเรนนี่ใช้ SAI (eng) 1.0.1 ค่ะ ^_^~
เช่นเคย แปะภาพอันเป็นจุดหมายปลายทางก่อน
รูปใหญ่คลิกที่ภาพจ้า
วันนี้มาต่อกันที่เรื่องการปรับและตกแต่งภาพหลังจากลงสีเสร็จเรียบร้อยกันค่ะ
สโลแกนของวันนี้คือ....
"...ศัลยแพทย์ช่วยให้ดาราเกาหลีหน้าตาดีขึ้นได้ฉันใด
โฟโต้ฉ็อปช่วยให้ภาพวิ้งวับขึ้นได้...ฉันนั้น..."
แฮ่ม...
เมื่อวานเราได้ไฟล์ .psd มาแล้ว ทีนี้ก็เอามาเปิดใน Photoshop
สังเกตว่าเลเยอร์ต่างๆของเรายังอยู่ดีมีสุข
แต่จะไม่มีเลเยอร์แบ๊กกราวด์ ซึ่งอาจจะเห็นเป็นช่องว่างๆตรงที่ไม่มีสี (เห็นเป็นลายตารางหมากรุกสีขาวเทาน่ะค่ะ)
ถ้าไม่ชอบก็สร้างเลเยอร์ใหม่ไว้ล่างสุดแล้วเทสีขาวไปก็ได้
ภาพนี้ตอนแรกแค่เปลี่ยนสีเส้นเฉยๆ พอลงสีเสร็จแล้วเกิดอยากให้เส้นดูนุ่มๆขึ้นหน่อย
ก็ก็อปปี้เลเยอร์เส้นขึ้นมา (เลือกเลเยอร์ที่ต้องการแล้วกด Ctrl + J) จากนั้นเลือกโหมด multiply แล้วก็ไปเลือก Gaussian blur อย่างที่เคยบอกไว้ในเรื่องการปรับเส้นภาคแรกนะคะ
พอใจแล้วก็ Ctrl +E รวมเลเยอร์ไปเลย จากนั้นไปปรับสีในส่วนต่างๆที่ลงไว้แล้วแต่ยังไม่ถูกใจ
ที่ใช้อยู่บ่อยๆ รวมถึงในภาพอื่นที่เคยทำมาด้วยก็ตามที่ไฮไลท์เอาไว้เลยค่ะ
เชื่อว่าหลายท่านคงใช้กันอยู่แล้ว เพราะงั้นจะไม่พล่ามมาก แต่ขอพูดถึง Selective color นิดนึงค่ะ เพราะไม่ค่อยเห็นมีใครพูดถึงเท่าไหร่ หรือเพราะไม่เคยไปอ่านเจอเองก็ไม่รู้สิ
*Selective color
พอเราเรียกใช้ selective color ขึ้นมาจาก Image >> Adjustments >> Selective color
ก็จะปรากฏเจ้าอันนี้
ช่อง color ข้างบน สามารถเลือกโทนสีที่เราจะปรับได้ค่ะ
(Neutrals ก็คือปรับสีโดยรวมทั้งหมดของภาพ)
พอเราเลือกสีอะไรจากช่องข้างบนแล้ว หลังจากนั้นมาปรับที่บาร์ข้างล่าง ก็จะเป็นการปรับ “เฉพาะของโทนสีที่เราเลือกไว้”
อา...นังเรนนี่พูดจาไม่รู้เรื่องใช่มั้ยคะ...
ดูตัวอย่างแทนละกันเนาะ
ข้างล่างนี่เป็นตัวอย่างภาพแรก ที่เอามาปรับด้วยค่าต่างๆตามที่แสดงไว้ใต้ภาพ (ดูภาพใหญ่จิ้มที่ภาพค่ะ กลัวบล็อกเบี้ยวเลยย่อขนาดลง)
ต้องลองทำดูอีกแล้ว...(นี่เป็นอันหนึ่งที่เราชอบใช้มากๆเล้ย)
หลังจากปรับสีในแต่ละเลเยอร์เรียบร้อยจนพอใจแล้ว ก็รวมเลเยอร์ทั้งหมดเลยค่ะ (Flatten image) แล้วเดี๋ยวเราจะได้มาปรับทั้งหมดโดยภาพรวมกัน
ถึงตรงนี้ เรารวมเลเยอร์ทั้งหมดไว้เป็นภาพเดียวแล้วค่ะ กะทุบหม้อข้าว ไม่แก้อะไรอีกแล้ว ฮา
*Texture
ขั้นตอนต่อไปของภาพนี้...จะเรียกว่าใส่เท็กซ์เจอร์ก็น่าจะได้...
เนื่องจากว่าทุกคนนั่งอยู่ใต้ต้นไม้ใหญ่ที่ติ๊ต่างเอาว่าอยู่เหนือขึ้นไป ไม่ได้วาดออกมาให้เห็น
ฉากใต้ต้นไม้ ถ้าเกิดว่ามีแสดงที่ลอดผ่านใบไม้ลงมาเป็นหย่อมๆก็น่าจะดีค่ะ ก็เลยจะใช้เจ้านี่ช่วย
อ่า...นี่มันอะไรกันเนี่ย?
เจ้านี่เป็นส่วนหนึ่งของภาพถ่ายจริงๆของใบไม้แล้วก็เอามาปรับให้มัวๆอย่างที่เห็น
เราก็จัดการก๊อปปี้ภาพนั้น แล้วเอามาวางในเลเยอร์ข้างบนรูปของเรา จากนั้นตั้งโหมดเป็น overlay แล้วปรับ opacity ให้เหมาะสม
จะพบว่าภาพของเรากลายเป็นแบบนี้ไปแล้ว
ให้ความรู้สึกว่ามีแสงส่องลงมาลอดใบไม้มากขึ้น แต่มันยังเหลืองไปใช่มั้ยคะ สีไม่ได้อย่างใจเอาซะเลย ดังนั้นไปปรับต่อโดยใช้เครื่องมือต่างๆใน Image >> Adjustments ที่พูดถึงไว้ตอนต้น
สีเปลี่ยนไปแล้วค่ะ
แต่ว่าก็ยังรู้สึกว่าแสงมันชัดไปหน่อย ดูแข็งๆไงไม่รู้ ก็เลยไปทำ Gaussian blur เพิ่ม
ต๊ะดา~ ก็กลายมาเป็นแบบนี้ (ต่างจากเดิมนิดเดียวเอง แต่มันสบายใจ...ฮา)
แล้วก็จัดการรวมเลเยอร์เสียเถิดพี่น้อง....
*อยากได้ออร่าวิ้งๆ(?)
เราจะยังไม่หยุดอยู่แค่นี้ เพราะนังเรนนี่เมามันกับการปรับภาพมากค่ะ สนุกดี
ลองนึกถึงภาพถ่ายแต่งงานนะคะ แบบที่ดูแล้วรู้สึกราวกับมีออร่าสีขาวบางๆเปล่งออกมา เราก็อยากให้รูปของเรามีออร่าอย่างนั้นบ้าง
จัดการกด Ctrl + J เพื่อก็อปปี้ภาพขึ้นมาไว้อีกเลเยอร์โลด
โหมดเป็น normal เปลี่ยนสีที่สองให้กลายเป็นสีขาวก่อน
(รูปสี่เหลี่ยมอันล่างน่ะค่ะ)
หรือถ้าอยากได้ออร่าสีอื่นเช่นเหลืองอ่อนก็ว่ากันไป
แล้วไปที่ Filter >> Distort >> Diffuse grow
จะมีหน้าต่างขึ้นมาแบบนี้
สำหรับภาพนี้ตั้งค่าแบบนี้ค่ะ
ทางด้านซ้ายมือจะมีหน้าต่างสำหรับพรีวิวให้อยู่แล้ว เพราะงั้นลองตั้งค่าทั้งสามแถบเล่นได้ตามชอบใจค่ะ
สนุกสนานเป็นที่เรียบร้อยแล้วกดโอเค ภาพจะออกมาเหมือนมีออร่าสีขาวจางๆแผ่พุ่ง
แต่อะไรที่มากไปก็ไม่ดี จะเห็นว่าภาพขาวจ้าเกินไปหน่อย ก็ปรับตรง opacity ได้เช่นเคยค่ะ
เพิ่งเห็นว่าปรับเหลือ 59%
มันบังเอิญ ไม่ได้มีความหมายอะไรพิเศษ...เชื่อเถอะ...(ฮา)
ก็จะได้ภาพออกมาอย่างนี้
จากนั้นรวมเลเยอร์ค่ะ ปรับสีอีกนิดหน่อย เราบ้าชอบปรับไปเรื่อยอย่างงี้ล่ะค่ะ เอิ๊ก
จะเสร็จแล้วล่ะ....
จริงๆก็เสร็จได้แล้วล่ะ แต่ด้วยความบ้า ยังอยากปรับต่ออีก...
ภาพนี้ก็เลยสร้างเลเยอร์ใหม่ขึ้นมาอีกอันค่ะ แล้วใช้ Gradient tool ไล่สี
โดยใช้สีสว่าง (ในที่นี้ใช้เหลืองอ่อน) ไว้ด้านมุมซ้ายบนซึ่งกำหนดไว้ว่าแสงด้านนั้นสว่างกว่าละกัน เพราะอยู่ทางท้องฟ้าแล้วก็ห่างจากร่มไม้กว่าด้วย แล้วก็ใช้สีมืดกว่า (ใช้ม่วงอ่อน) ไว้ทางมุมขวาล่าง จากนั้นเปลี่ยนโหมดเป็น Color burn
กลายเป็นอย่างงี้ไปแล้วค่ะ
ถ้าออกมาไม่พอใจสีก็ยังไปปรับโดยใช้พวก Image >> Adjustment >>.... ได้อีกเรื่อยๆค่ะ
แล้วรวมเลเยอร์ซะให้เรียบร้อย
*แล้วแสงวิ้งๆล่ะ??
ทีนี้ถ้ายังอยากได้แสงวิ้งๆอีกหน่อย (เรื่องมากจริงตรูว)
อยากแนะนำเจ้านี่ค่ะ Lens flare
พอดีว่าลืมแคปส่วนนี้มา ขอใช้ภาพอื่นมาเป็นตัวอย่างแทนน่อ
จริงๆภาพนี้ก็เคยใช้ lens flare ไปแล้วตรงดาบ สังเกตที่แสงๆตรงปลายดาบค่ะ แต่เอามาทำอีกเพราะหาภาพไม่ได้...ฮา
หลังจากนั้นเลือก Filter >> Render >> Lens flare จะพบกับหน้าต่างนี้
มีเลนส์ให้เลือกอยู่สี่แบบค่ะ ผลออกมาก็ต่างๆกัน
แล้วในช่องพรีวิวเล็กๆข้างบนมีรูปเครื่องหมาย + ให้เราเลือกตำแหน่งของเจ้าแสงที่จะมาโผล่ในรูป
ออกมาก็จะได้ประมาณนี้ (อันนี้เลือกไว้ตรงคมดาบ)
จะเห็นว่ามันมีแสงวิ้งๆ
เอาไปประยุกต์ใช้ได้หลายอย่าง ทั้งพื้นผิวโลหะสะท้อนแสง หรือว่าใส่เข้าไปในรูปที่บรรยากาศเจิดจ้ากลางแสงแดด อะไรประมาณนั้น (มั้ง?)
หมายเหตุ – การปรับภาพทั้งหลายแหล่ที่ว่ามานี้ไม่จำเป็นต้องทำเรียงลำดับเป็นขั้นเป็นตอนค่ะ อยากทำอะไรก็ทำไปเต๊อะ ของอย่างนี้ต้องลองเล่นถึงจะสนุกเนาะ ^_^~
ปรับไปปรับมาจนสาแก่ใจ สุดท้ายก็จะได้มารูปฝีมือตัวเองมาเชยชมให้เคลิ้มเล่นซักพักจนกว่าจะหายเห่อ แล้วข้อเสียจุดผิดพลาดมันก็จะค่อยๆโผล่ออกมาทิ่มตาจนอยากกลับไปวาดใหม่
(บางทีอาการอย่างนี้นังเรนนี่อาจจะเป็นอยู่คนเดียว...ฮา)
และแล้ว How to CG ชุดนี้ก็ถึงกาลอวสานใน 3 ตอนค่ะ
(ทำเป็นไตรภาคเลียนแบบหนังดัง...อุๆๆ) สูบพลังชีวิตไปมากพอดู
![]()
![]()
![]()
![]()
ขอยืมประโยคจากคำนำสมัยเป็นนักเรียนประถมต้นมาใช้
“หวังว่าทุกคนท่านคงได้ประโยชน์จากฮาวทูอันนี้ไม่มากก็น้อย ผิดพลาดประการใดผู้จัดทำขออภัยไว้ ณ ที่นี้” (ฮา)
ความดีความชอบทั้งหมดขอยกให้...
เหล่าเทพทั้งหลายในอินเตอร์เน็ตที่วาดรูปงามๆออกมาเป็นแรงบันดาลใจและทำฮาวทูดีๆออกมาให้ศึกษา
ผู้เขียนหนังสือสอนวาดรูปลงสีที่ช่วยเผยแพร่ความรู้ให้บื้อๆอย่างอิชั้นได้ตาสว่าง
เพื่อนๆผู้น่ารักที่หมั่นเอาการ์ตูนมามอมเมาจนนังเรนนี่หลงเข้าสู่เส้นทางนี้ตั้งแต่ประถมยันมหา’ลัย
และอีกหลายท่านที่เป็นแรงบันดาลใจมากมายบรรยายไม่หมด ฯลฯ
ส่วนความผิดพลาดทั้งหลาย...
ขอเชิญเอาผิดกับกระต่ายฝนตกผู้เป็นมาสคอตของบล็อกนี้ อย่าทำอะไรอิชั้นเลยค่ะ 555
* หลับตาปี๋แล้วยื่นกระต่ายให้*
(นังเรนนี่ทำตัวเป็น จขบ.ที่แย่มาก)
พล่ามยาวอย่างกับจะลาตาย -_-‘’
แต่ยังตายไม่ได้จนกว่าจูนไรท์จะจบลง!!
*หัวเราะ*
แปะส่งท้าย
เพิ่งสังเกตว่าจาก 8 คน คนที่ลืมตามีแค่ โกคุ สึนะ แล้วก็รีบอร์น คงต้องโทษความขี้เกียจตอนวาดสินะ -_-‘’
ปล. สปอยล์รีบอร์นสองตอนล่าสุดนี่ ยามาโมโตะมันหล่อเกินไปแล้วนะคะว่ามั้ย...
จะฆ่ากันด้วยหน้าหล่อๆนั่นหรืออย่างไร โฮกกกกกก
ปล.2 IE ของนังเรนนี่เปิดต้นไม้จูนไรท์ไม่ขึ้น (เริ่มเป็นมาตั้งแต่ดอกไม้กลายเป็นดาวนี่เอง) ส่วน firefox ในเครื่องก็ใช้กับเน็ตที่หอไม่ได้
ดังนั้นสรุปว่า "มองต้นไม้ตัวเองไม่เห็น!!!"
![]()
![]()
เพราะฉะนั้นขอความกรุณาทุกท่านที่ผ่านเข้ามา...
รดน้ำให้หน่อยนะคะ รดให้หน่อย รดให้เค้าหน่อยยยยยยยย
รดเองไม่ได้แล้ว อีกแค่สามวัน ต้นไม้นังเรนนี่ฝากไว้ในมือทุกท่านนะคะ งี๊ดดดส์ อ้อนวอน อ้อนวอน อ้อนวอน
*เกาะแข้งเกาะขา*
![]()
![]()
<<< นี่มันใช่ท่า "เกาะแข้งเกาะขาเรอะ!?"
แล้วพบกันเอ็นทรี่หน้า...จะมาสรุปผลโพลปีโป้(?)ค่ะ












ได้ความรู้เพิ่มขึ้นเยอะเลยค่ะ
ให้ดาวแล้วรดน้ำให้งามๆค่ะ^^
#1 By Seliana on 2009-06-28 17:18