~How to CG - ทีละสเต็ป(1) : ว่าด้วยเส้น~
posted on 26 Jun 2009 18:51 by rainy-day in Art
สวัสดีค่ะ ^_^~
วันนี้มา How to CG แบบเรนนี่ๆ(?)ตามสัญญา แฮ่ๆ
/ทุกคนส่ายหน้า..ใครสัญญากับหล่อนยะ
(วันนี้อัพภาพขึ้นเพราะแอบมาเล่นเน็ตที่ทำงานแม่ล่ะ...ฮา)
ก่อนอื่นออกตัวไว้ก่อนค่ะว่าประเมินจากสายตาตัวเองแล้ว งานทุกวันนี้ก็อยู่ในระดับที่ "รับได้" ไม่ดีเลิศมากแต่ก็ไม่ถึงกับดูไม่ได้เลย (รึเปล่า?)
ในฐานะคนที่ชอบวาดรูปคนหนึ่งแม้จะแค่มือสมัครเล่น แต่ก็อยากจะทำฮาวทูเก็บไว้เป็นที่ระลึกสักครั้งค่ะ จะได้เป็นการทบทวนการทำงานของตัวเองไปในตัวด้วย
ทั้งหมดที่กำลังจะกล่าวถึงต่อไปนี้มาจากประสบการณ์และความเข้าใจส่วนตัว ถูกบ้างผิดบ้าง แต่ก็ทำมาเรื่อยๆ
ไม่อยากให้คิดว่าเป็นการสอน(เพราะเทพเยอะแยะ คงยังไม่กล้าสอนใคร)
แต่ถือว่าเป็นการแชร์ประสบการณ์กันนะคะ ส่วนถ้าเอ็นทรี่นี้จะมีประโยชน์กับท่านใดได้บ้าง
นังเรนนี่จะดีใจมากมายค่ะ ^_^
เพื่อมิให้เป็นการเสียเวลา นี่ก็พล่ามมาตั้งเยอะ -_-‘' มาลุยกันเถิดพี่น้อง
แปะภาพตัวอย่าง อันนี้ค่ะ
ดูภาพใหญ่จิ้มที่ภาพนะคะ
ก่อนอื่นขอเริ่มจากสรุปขั้นตอนการทำงานในภาพ CG แต่ละภาพของนังเรนนี่นะคะ โปรเซสก็จะซ้ำๆกันประมาณนี้นี่เอง
เส้น
- วาดก่อน :จะวาดในคอมหรือวาดข้างนอกแล้วสแกนเข้ามาก็ตามสะดวก (เว้นแต่จะลงสีเลยแบบไม่มีเส้นก็อีกเรื่องนึง)
- ปรับเส้น : ให้เหมาะกับการนำมาลงสี
ลงสี
- เลือกสีคร่าวๆ วางแผนไว้ก่อนก็ดีค่ะ แต่นังเรนนี่ก็มักผิดแผนบ่อย ฮา
- ลงสีพื้น
- ลงเงา
- ลงแสง
- เก็บรายละเอียด โน่น นี่ นั่น
ปรับแต่ง
- ปรับภาพ / เติมเอฟเฟ็กต์ / ใส่เท็กซ์เจอร์ : ปรับมันทุกอย่าง ปรับจนจำไอ้ที่ทำเสร็จตอนแรกไม่ได้..(ฮา)
โปรแกรมที่ใช้คือ SAI และ Photoshop ค่ะ
วาดเส้นกันเถอะ
วาดมันเข้าไปค่ะ จะวาดข้างนอกหรือวาดในคอมก็ได้ตามความสะดวก
ภาพที่จะยกตัวอย่างวันนี้วาดในคอมค่ะ ใช้โปรแกรม SAI
ก่อนอื่นเราก็กำหนดสิ่งที่จะวาดไว้ก่อนคร่าวๆ ในที่นี้ใช้ draft pen หัวเล็กๆ เพราะลากง่าย ไม่ต้องการน้ำหนักเส้นอะไร
ใช้สีอะไรก็ได้ตามสะดวก แต่เรานิยมสีฟ้าหรือชมพูสลับกันในการร่างภาพแต่ละขั้นค่ะ
และถ้ามีคอนเซ็ปต์ไว้ในใจอยู่แล้วก็จะผ่านขั้นนี้ได้เร็วขึ้นล่ะ (อย่างภาพนี้คอนเซปต์คือ "ทุกคนหม่ำซูชิร่วมกัน")
แต่ถ้าไม่ไหวจริงๆก็พักหน่อยดีกว่า นั่งดูรูปที่เซฟเก็บไว้ในเครื่อง (นังเรนนี่เชื่อว่าทุกท่านน่าจะมีโฟล์เดอร์รูปภาพสุดโปรดเก็บไว้ใช่มั้ยคะ) เห็นภาพเทพๆหลายๆภาพช่วยเติมไฟได้เยอะเลย
ผลของการใส่ทุกสิ่งที่นึกได้ ก็ออกมาเป็นแบบนี้
ยังคงไม่เป็นอะไรมากไปกว่าเส้นขยุกขยุย -_-''
หลังจากนั้นสร้างเลเยอร์ใหม่ขึ้นมาค่ะ เราจะมาทำให้ภาพเป็นรูปเป็นร่างมากขึ้น
แล้วก็เริ่มลงมือวาดในเลเยอร์ใหม่ เครื่องมือยังคงเป็น draft pen แต่คราวนี้ใช้สีชมพู จะได้ไม่สับสนกับภาพร่างอันแรกที่เป็นสีฟ้า
(ตอนแรกจะให้ก๊กคุงมัดผมเพราะความชอบส่วนตัว แต่เปลี่ยนใจทีหลังเพราะดูไม่เข้าเท่าไหร่)
ทำไปเรื่อยๆค่ะ เสร็จแล้วออกมาเป็นแบบนี้
ภาพก็จะมีรายละเอียดเยอะขึ้น พร้อมต่อการตัดเส้น
เลเยอร์ที่ร่างไว้ทีแรกหมดประโยชน์แล้วก็ลบทิ้งโลด เครื่องจะได้ไม่เหนื่อยมาก
หมายเหตุ - ถ้าถึงขั้นตอนนี้แล้วภาพยังออกมาไม่ถูกใจก็แก้ไปเรื่อยๆค่ะ ถ้าเป็นเราก็อาจจะสร้างเลเยอร์ใหม่แล้วก็ร่างต่อไปจนกว่าจะพอใจนั่นเอง ^_^~
ทีนี้มาตัดเส้นกัน
สร้างเลเยอร์ใหม่ ส่วนอันที่เป็นภาพร่างก็ปรับ opacity ต่ำๆ แค่พอมองเห็นเหมือนเดิม
คราวนี้ใช้เครื่องมือเป็น pen ค่ะ เพราะให้น้ำหนักเส้นสวยดี เราตั้งค่าประมาณนี้
วาดเข้าไป ตัดเส้นจนกว่าชีวิตจะหาไม่
ตัวละครเยอะ กว่าจะตัดเส้นเสร็จเล่นเอาหอบ ยิ่งเป็นพวกมือไม่นิ่งด้วยค่ะ ฮา
เสร็จแล้วก็จะเห็นว่าหนุ่มๆ 2D ดูเป็นผู้เป็นคนกับเขาขึ้นมาบ้างแล้ว
เลเยอร์ร่างก็ลบทิ้งไปได้เลยค่ะ สงสารคอมแก่ๆ
ถ้ากลับข้างดูแล้ว แก้อะไรที่ขัดลูกตาจนโอเครับได้แล้ว ก็ export ภาพเป็นไฟล์ jpg เพื่อจะไปปรับเส้นใน photoshop โลด
ได้เวลาปรับเส้นแล้ว
เปิดภาพขึ้นมาใน Photoshop
ในที่นี้จะเปลี่ยนสีเส้นก่อนค่ะ ง่ายๆโดยสร้างเลเยอร์ใหม่ขึ้นมา แล้วตั้ง mode เป็น color
จากนั้นเทสีที่ต้องการลงไป โดยกด Shift + F5 จะปรากฏหน้าต่าง Fill ขึ้นมา แล้วก็เลือกสีที่เราอยากได้เป็นสีเส้นเลยค่ะ
OK โลด แล้วจะพบว่าเส้นของเราเปลี่ยนสีไปตามที่เลือกไว้ (นังเรนนี่เลือกสีน้ำตาลไว้ค่ะ)
ซือคุงกลายเป็นสีน้ำตาลไปแล้ว!
แต่ออกมาแล้วไม่ใช่สีน้ำตาลที่ต้องการ สามารถไปปรับเปลี่ยนสีได้ตามความพอใจ ที่
Image >> Adjustments >> Hue/Saturation (Ctrl + U)
จนกว่าจะถูกใจค่ะ

ได้สีเส้นที่พอใจแล้วจัดการรวมเลเยอร์ซะ (Ctrl + E)
แต่ภาพนี้ยังรู้สึกว่าเส้นดูใหญ่ๆ อยู่ ดังนั้นจะทำให้มันดูคมมากขึ้นโดยก๊อปปี้เลเยอร์เส้นขึ้นมา ( Ctrl + J)
ในเลเยอร์ใหม่นี้ ตั้งโหมดเป็น Overlay
ถ้าสีออกมาแปร๋นไป ไม่ต้องตกใจค่ะ เราปรับ opacity ของมันให้ต่ำลงได้
ออกมาพร้อมใช้งานแล้วจ้า
สำหรับภาพที่จะเอามาลงสี ส่วนมากแล้วถ้าเป็นเส้นวาดในคอมซึ่งจะไม่ค่อยยุ่งเหยิงเท่าไหร่อยู่แล้วก็จะปรับไม่มากค่ะ เพราะงั้นเดี๋ยวจะพูดถึงการปรับเส้นในภาพอื่นๆที่นังเรนนี่ใช้บ่อยไว้ด้วยเลยนะคะ ^_^~
* Gaussian blur
อันนี้หลายท่านคงใช้กันอยู่แล้วเนอะ ทำได้ง่ายๆ โดย
- Ctrl + J เพื่อก็อปปี้เลเยอร์เส้นขึ้นมา
- ตั้งโหมดเลเยอร์ใหม่ที่ได้เป็น multiply
- ไปที่ Filter >> Blur >> Gaussian blur... แล้วปรับตัวเลขตามที่พอใจค่ะ
ออกมาแล้วถ้าสีเข้มไปก็ปรับตรง opacity ให้ต่ำลงได้เช่นเคย
ตัวอย่างภาพที่ใช้ Gaussian blur
นอกจาก Gaussian blur แล้วก็ยังมี Box blur ด้วย ทำเหมือนกันค่ะ แค่เปลี่ยนจากตอนเลือก Gaussian blur เป็น Box blur ผลออกมาคล้ายๆกันแต่จะไม่เหมือนกันซะทีเดียว ลองเล่นดูนะคะ
*Median
อีกอันหนึ่งที่เราชอบใช้คือ Median ค่ะ
ก็อปปี้เลเยอร์เส้นขึ้นมา ตั้งเป็น multiply แล้วก็เลือกที่ Filter >> Noise >> Median
แล้วก็ลองตั้งค่าตัวเลขที่เหมาะสมกับภาพดู ออกมาก็จะได้อารมณ์อีกแบบเหมือนกัน
ลองดูนะคะ ถ้าเริ่มจากภาพธรรมดาที่สแกนมาจากเส้นดินสอก่อน
ลองเอามาเปลี่ยนสีเส้นนิดนึง ออกมาเป็นงี้
หลังจากนั้นมาเปรียบเทียบหลังจากใช้ Guassian blur กับ Median
ลองเลือกใช้ดูตามความเหมาะสม เพิ่มความน่าสนใจให้ภาพลายเส้นเรียบๆได้ระดับหนึ่งเลยค่ะ ^_^
จบเรื่องเส้น พูดมากจังวันนี้ เลยยังไม่ได้เริ่มพูดถึงเรื่องลงสีเลย
เอ็นทรี่นี้ยาวแล้ว ถ้าไงมาต่อกันวันพรุ่งนี้ดีมั้ยคะ ยาวไปน่าเบื่อเนาะ -_-‘'
เอ็นทรี่หน้ามาว่ากันต่อด้วยเรื่องของการลงสีค่ะ ^_^~
*ตอบคอมเม้นต์บางส่วนนะคะ ^^
รวบยอดเอ็นทรี่ก่อนโน้นกับเอ็นทรี่ที่แล้วเลย
คุวาริซัง ทำไมนังเรนนี่ถึงไม่คิดเรื่องเสื้อเชิ้ตตัวเดียวเลยนะคะ แฮ่กๆๆ (อยากได้อีโมกระต่ายกำเดาไหลมาใช้โดยด่วน) แ้ล้วเค้าจะกลับไปวาดค่ะ รวมทั้งหนุ่มน้อยทั้งสามของคุวาริซังด้วยนะคะ โอยยย...น่ารัก
Natchan ไม่ได้จิ้นจริงๆค่า (อย่ามองเค้าอย่างงั้นซี่ััตัวเอ๊ง) แต่ว่าก็ไม่ได้แอนตี้่ค่ะ คนรักกันมันมีแต่เรื่องดีๆนะคะ อรั๊ยส์
*kao* ตายสนิท คิรัวร์กอร์นขอนังเรนนี่บิวท์อารมณ์แป๊บค่ะ(จริงๆคือไม่ได้เห็นหน้านาน ยังวาดไม่ค่อยออก) คิดถึงสองคนนี้เหมือนกัน โฮววว
talalan นังเรนนี่ก็อยากเห็นค่ะ(แต่เกรงว่าจะไม่มีปัญญาวาดเอง โฮววววว) tyl แต่ละคนทั้งหล่อ และไม่คุ้นมือ ซีดดดด
~*~Hu§TsU~*~[ประแจสุโก้ยย] ถูก HxH นำเข้าสู่สายวายเหมือนกันเลยค่ะ อาจารย์คนเขียนรู้แกจะดีใจดีมั้ยเนี่ย ฮา
กระต่ายสายYaoi ขอบคุณมากๆค่ะ ^_^~ น้องเหมียวย๊าวยาวนั่นนังเรนนี่ไม่ได้ทำเองค่ะ ผู้ทำได้แก่ท่านผู้นี้ค่ะ http://boldblade.exteen.com ส่วนเอ็นทรี่ที่แจกโค้ดน้องแมวเชิญที่นี่ค่า http://boldblade.exteen.com/20090601/w
++//byAkURai//++ รูปวาดขบวนแห่ว่าจะเอามาลงตอนสิ้นเดือนละจ้า แฮ่ๆ ^_^
แล้วพบกันเอ็นทรี่หน้าค่ะ^_^~
ปล.ลืมแปะมาหลายเอ็นทรี่ ถ้าท่านใดว่างรบกวนตอบคำถามที่เอ็นทรี่นี้นิดนึงค่ะ >>ชอบกินปีโป้สีอะไรที่สุดคะ<< (ยังคงพยายามเก็บข้อมูลต่อไป)











กุ๊ดจี่ Digital High Quality
เคยเอา SAI มาเล่นหนหนึ่ง แล้วลบไปแล้ว
แต่คงต้องหามาเล่นใหม่แล้วล่ะฮะ
เส้นคมขนาดนี้
อนึ่ง ฮาวทูก่อประโยชน์นับล้านครับ ชาบูว ชาบูว
#1 By Zairen_Bibliophobia on 2009-06-26 19:57