[How To] ลงสีCGแบบแมวๆ ฉลองBlogครบ 1 เดือน
posted on 03 May 2011 08:51 by code-catte in Howtoหลังจากที่ดองไปนานนั่งคิดอยู่ว่าจะวาดอะไร
ก็ลืมนึกไปเลยว่า บลอคเรา อายุครบ 1 เดือนแล้วนี่หว่า
แต่ก็ยังไม่มีอะไรเป็นชิ้นเป็นอันกับเขาเลย. . .
เข้ามามีแต่อัพรูป อัพรูป และก็ ไร้สาระไปวันๆ. . .
เนื่องจากมีคนถามถึง วิธีลงสีของผม เลยอยากลองทำดู อีกทีแหะ
นี่คงเป็น How to หนที่ 2 ที่จะพยายามทำ หนแรก เคยทำเมื่อ ปีก่อน
(โดย Photoshop ไว้จะมาอัพให้ทีหลัง)
เอาล่ะ คราวนี้ ก็ได้เวลาเปิดโปรแกรม ที่ เขาไว้ใช้ลงสีโดยทั่วไปกันแล้ว^^
นั้นก็คือ ท่าน SAI เอง เนี๊ยว~~~~~~~
ปล. เนื่องจาก วิญญานแมว เพิ่งเคยใช้ SAI ได้ 4 เดือน พร้อมกับระยะเวลาการใช้
เมาท์ปากกา 4เดือน เช่นกัน อาจจะไม่ สวยเท่าใดนัก
===========================================================
คำเตือน
Entry นี้ โหลด โหดแน่นอน
อาจจะสอนอะไรไม่รู้ไร้สาระ อย่าว่ากันเลยเน้อ
===========================================================
เมื่ออ่านคำเตือนเรียบร้อยแล้ว
เรามาดู อุปกรณ์ที่ต้องใช้กันดีกว่า
1. คอมพิวเตอร์ : แหงสิ หัวข้อก็บอกอยู่ว่า CG ( Computer Graphic )
2. โปรแกรม Painttool SAI และ Adobe Photoshop : ส่วนตัว ผมใช้ SAI ver 1 กับ Photoshop CS2
3. เมาท์ปากกา (Tablet) : ผมใช้ควบคู่กับไปง่ะนะ ยังใช้ไม่พริ้ว (ไม่มีก็ยากนิดหน่อย)
4.เมาท์หนู :จะเป็นรุ่นอะไรก็ได้แล้วแต่ถนัดเลย
5.คีย์บอร์ด : แล้วเครื่องที่ไหนไม่มีคีย์บอร์ดฟร่ะ
6.เครื่องแสกน/กล้องถ่ายรูปDigital อันนี้เพื่อความสะดวกในการดราฟเส้น หรือจะวาดในคอมเลยก็ได้ครับ
7.ความอดทน และความพยายาม. . . ต้องบอกได้เลยว่า สำคัญที่สุด รูปแรกๆอาจจะยังออกมาดูไม่ดี
แต่เมื่อทำไปนานๆ บ่อยๆ อาศัยการจดจำและดูผลงานคนอื่น เราจะเริ่มจับจุดได้ครับ
อย่างที่มีคนบอกไว้ว่า "อัฉริยะ นั้นเกิดจาก ความพยายาม 99% พรสวรรค์ 1% "
พอๆ เดี๋ยวออกทะเลไปใหญ่แล้ว
เปิดโปรแกรม Paint tool SAI ขึ้นมา เราจะเจอหน้าตาอย่างนี้
คำอธิบายสิ่งที่เราต้องใช้ ในหน้าโปรแกรมนะครับ
=======================================================
1.แถบเครื่องมือ ที่จะใช้
Pencil -ดินสอจะให้สีเข้ม และ ไม่ผสมสีกับสีที่เราเคยวาดไปก่อนหน้า
Airbrush - จะให้สีจาง แต่ถ้าเราถูเยอะๆ ก็จะเข้มขึ้น เช่นกัน Airbrush ไม่ผสมสีเวลาปาด
Brush - อันนี้ใช้บ่อยมาก เพราะ ปาดแล้วจะผสมสีกับสีเราปาดไปก่อนหน้านี้
watercolor - อันนี้ใช้เวลาเกลี่ยสีให้เข้ากันครับ เพราะจะทำให้สีที่เราปาดไปจางลง
(ความเคยชินในการใช้ทั้งนั้นเลย ผิดถูกยังไง ไม่แน่ใจ แต่ใช้ประมาณนี้แหละ)
Eraser - ยางลบ. . . คงไม่ต้องอธิบายหรอกนะ
ฺีBucker - ถังสี เอาไว้ เทสี ในพื้นทีใหญ่ๆ
ต่อไป เรามาดูตรงช่อง
สี่เหลี่ยมที่อยู่ใต้เครื่องมือกัน จะมี4 ช่องเล็กๆ
ตรงนี้คือ ละกษณะของหัวบรัช [ ทางซ้ายสุดคือ ฟุ้ง ไปจน ทางขวาสุด คือ คมเข้ม ]
ต่อมาคือ
Density หรือ ก็คือ ความเข้มของ หัวบรัช 100% ปาดทีเดียวได้สีที่เข้มเลย เมื่อลด%
ก็ต้องปาดหลายทีหน่อย เพื่อให้ได้สีที่เข้ม แล้วแต่สไตล์คนใช้เลยครับ
วิญญานแมว.อธิบายเครื่องมือ คร่าวๆ ต้องลองใช้จริงจะรู้. . .
เพราะขึ้นอยู่กับระดับความพึงพอใจของคนทำล้วนๆ. . .
ต่อไป คือ ช่องของ ขนาด บรัช คงไม่ต้องอธิบายหรอกเน้อ จิ้ม ระบาย จิ้มระบาย หรือจะปรับเอง
ที่ ช่อง "size" เองเลยก็ได้ (คียลัด [ = ลดขนาด , ] = เพิ่มขนาด )
=======================================================
=======================================================
2.ปุ่มเพิ่ม Layer กดปุบจะมี Layer ขึ้นมาในแถบ Layer
=======================================================
=======================================================
3.แถบLayer - อันนี้มีความสำคัญมากๆ เนื่องจาก Layer ก็เปรียบเสมือนแผ่นใส ซึ่งการที่เราระบายสีลงในเลเยอร์เดียวนั้น โอกาศพลาดมีสูง แล้วก็ต้องมาแก้ใหม่กันยาว
เจ้าLayer นี่ก็ช่วยได้เยอะเลยครับ ถ้าเราพยายามแยกไว้หลายๆเลเยอร์ เช่น
ผม เสื้อ กางเกง ผิว ตา ฯลฯ ก็จะทำให้ ลงสีได้ง่ายขึ้น (ตามควมคิดผมน่ะ)
ความพิเศษของLayer คือ เมื่อแยก Layer มาแล้ว Layer ที่อยู่ข้างบน จะแสดงผล บัง Layer ที่อยู่ด้านล่าง
(อธิบายไม่ถูกวุ้ย. . . ลองทำดูเน้อ ให้เราขีด รูปอะไรก็ได้มา1Layer ด้วยสีแดงแล้วสร้างเลเยอร์ใหม่ ขึ้นมา แล้วนำไปไว้ด้านล่างของ Layerสีแดง เมื่อกี้ แล้วลองวาดดูด้วยสีน้ำเงิน จะสังเกตุได้ว่า เส้นที่เราวาด จะถูกบังโดยLayerสีแดง ด้านบน
ดังนั้น เมื่อเราย้ายLayerสีน้ำเงินที่อยู่ด้านล่างขึ้นมาอยู่เหนือLayerสีแดง ก็จะเห็นว่า Layer สีน้ำเงินแสดงผลบัง Layer สีแดง)
=======================================================
=======================================================
4.เครื่องมือเกี่ยวกับ Layer ก็จะมี
Mode : อันนี้จะเป็นโหมดของ เลเยอร์ ซึ่งจะมีดังนี้ (ที่เราใช้บ่อยๆนะ)
- Normal : อันนี้เป็นโหมดแสงดผลธรรมดาเลย
- Multiply : จะทำให้ ผลของสีขาว ไม่แสดงผล
- Screen : แสดงผลสีขาว แต่ผลของสีดำจะแสดงสีที่อยู่ข้างใต้แทน
- Overlay : เส้น/สี ที่อยู่ในโหมดนี้ จะเพิ่มความสว่าง แก่ สีที่อยู่ข้างใต้เลเยอร์นี้ (เหมาะเอาไว้ใช้ทำแสง)
- Luminosity : ทำให้สี สว่างสุดๆ (ไว้ใช้ทำประกายต่างๆครับ)
ค่า Opacity - หรือก็คือ ค่า ความเข้มของ Layer ซึ่งเราสามารถทำให้โปร่งใสได้ เมื่อลด % ลง
ช่อง Prestve Opacity : ถ้าเราติ้กถูกหน้าหัวข้อนี้ จะทำให้ พื้นที่ ที่เราลงสีในเลเยอร์นี้ ล็อค ซึ่งเราจะทำการแก้ไขในพื้นที่นั้นได้ แต่จะไม่เกินออกมาจาก พื้นที่ ที่เรา ปาดไว้ ตอนแรก ถ้าอยากทำพื้นที่เพิ่มก็เอาเครื่องหมายถูกออกหน้าช่องก็ทำนอกพื้นที่ได้แล้ว ครับ
=======================================================
===========================================================
How to ลงสี จริงๆแล้ว
===========================================================
ขั้นแรก เปิดรูปที่เราจะลงสี (ของผมวาดในคอมเลยมีเลเยอร์เยอะเป็นโหลเลย. . .)
ลงมาข้างล่างสุดเลย แล้วสร้างเลเยอร์ใหม่มา 1 เลเยอร์ แล้วก็จัดการ ใช้ Bucker เทสี เทาลงใน
เลเยอร์นั้นเลย
*** สำหรับคน ที่ใช้ภาพที่แสกนมา แล้วยังไม่ได้ตัดเส้นในคอม ให้เปลี่ยน Mode ของเลเยอร์ภาพ เป็น Multiply ก่อนนะครับ***
จากนั้นลดค่า Opacity ของเลเยอร์เส้น ให้เหลือสัก 20-40% ครับ เส้นจะได้จางๆ
ต่อไป เลือกสีผิว แล้วก็เพิ่มเลเยอร์ไว้ใต้เส้นแต่เหนือ เลเยอร์ฺสีเทา แล้วใช้ Brush หรือ Pencil ระบายลงในส่วนที่เป็นผิวนะครับ
**ไม่ต้องกังวล เราสามารถระบายสีให้เกินเข้ามาในตัวได้ครับ แต่ถ้าเกินออกนกเส้นไปอยู่ด้านนอกที่ ก็ค่อยๆใช้ยางลบ ลบออกครับ **
จากนั้น ก็ ติ๊กถูก ในช่อง Preserve Opacity เพื่อให้ สีที่อยู่ในเลเยอร์ นั้นล็อค ไม่ให้เราลงสีได้เกินออกมาจากที่เราเคยทำไว้
ต่อไปก็ใช้วิธีเดิม ทำต่อ ไปจนครบทั้งตัวละคร
ควรเรียงลำดับ เลเยอร์ตามความถนัดของตัวเองเน้อ
อย่างของผม บนสุดคือเส้น > ผม > ตา >เครื่องประดับ > เสื้อผ้า > ผิว > BG
ซึ่งแต่คนก็จะทำไม่เหมือนกัน แล้วแต่ความถนัดน่ะครับ ไม่มีกฏเกณฑ์ใดๆ
เมื่อทำครบแล้ว เราจะมาเริ่มทำแสงเงากันเลยครับ
ก่อนอื่นผมขอเริ่มจากตาก่อนเลย
(ความคิดส่วนตัว) ที่ทำตาก่อนเพราะความชอบส่วนตัวล้วนๆเลย เพราะเห็นตาแบบนี้แล้วรู้สึกเหนื่อยๆ ไม่ค่อยอยากทำ เลยทำตาก่อนให้ภาพดูมีชีวิตชีวาสักหน่อย
เริ่มแรก ให้ไปที่เลเยอร์ที่เคยลงสีพื้นตาก่อน
จากนั้นก็ดูดสีที่ตา กด ALT ค้างไว้ แล้วจิ้มที่สีเลยก็ได้ครับ
เมื่อดูดมาได้แล้ว ก็ลดค่าสีให้มืดลง ตามความต้อง แล้วก็เริ่มทำตาดำกันครับ^^
เมื่อทำตาดำเสร็จแล้ว เราจะเริ่มทำประกายของตากัน
เพิ่มเลเยอร์ให้เหนือ เลเยอร์สีพื้นของตา แล้วเปลี่ยนโหมดเป็น Luminosity แล้วใช้สีขาวปาดโลด
ค่อยๆ ปาด แล้วปรับความเข้ม ของบรัช แล้วก็ใช้ Water Color เกลี่ยนสี ค่อยๆทำ ไปเรื่อยๆ จนพอใจ
จากนั้นก็ทำ ตาขาวกัน โดย สร้างเลเยอร์ไว้ด้านล่างของ สีพื้นของตา แล้วใช้สีขาว ระบายลงไป
พร้อมกับใช้ยางลบ ปรับค่า density ให้น้อยค่อยๆลบขอบให้จางลง จากนั้นก็ใช้ สีเทาค่อยๆระลายทำเงา
จากนั้นเราจะมาขัด ผิว กันต่อโลด
เริ่มจากไปที่ เลยอร์ผิว แล้วดูดสี แล้วปรับให้เข้มขึ้น
จากนั้นก็ระบายฃงไปในพื้นที่ ที่เป็นเงา ที่เราต้องการ คร่าวๆ
เมื่อได้เงาคร่าวๆ แล้ว ใช้ Water Color เกลี่ยสีให้เป็นเนื้อเดียวกัน
เมื่อได้เงากันแล้วต่อไป เราก็ใช้วิธีนี้ทำแสงเช่นกัน แต่ปรับให้ สีสว่างขึ้น
เมื่อเสร็จแล้วเราก็ ไปที่ Filter > Brightness & Conttant... เพื่อปรับแสงกับสีให้ดูดีขึ้นตามใจเลยเน้อ
ต่อ เรามาจัดการ ส่วนที่ ยากที่สุด สำหรับวิญญานแมวแล้ว. . .
นั้นคือผม. . . T^T ลงสีผมไม่ค่อยจะเด่งเลยเรา เอาละลองสักตั้ง
เริ่มจาก ไปที่เลเยอร์ของ สีพื้นของ ผม แล้วก็ ดูดสีแล้วปรับให้เข้มขึ้น
จากนั้นก็ค่อยๆ ไล่เงาของเส้นผมไป
จากนั้นก็เริ่มเก็บรายละเอียดในเงาส่วนที่เข้มขึ้น
ต่อไป สร้างเลเยอร์ขึ้นมาแล้ว กดctrlค้างไว้ แล้วคลิกที่เลเยอร์ สีพื้นของผม จะเกิด selection ขึ้นมา กันไว้
ไม่ให้เเราระบายเกินออกนอก พื้นที่ ถ้าจะยกเลิก ก็กด ctrl+D
***การกำหนดแสงขึ้นอยู่กับแต่ละคนเน้อ ของผม เอาแสงมาจากทางข้างบน บางคนอาจจะใช้สึอื่นก็ได้
ครับ ถ้า บรรยากาศเป็นสีอื่นๆ ก็ควรใช้ สีที่เข้ากับ บรรยากาศของภาพ ***
แล้วร่างแสงแสงไว้ คร่าวๆ
ต่อไปก็เพิ่มเลเยอร์ไว้เหนือสีพื้นของผมและ เลเยอร์เส้นแสงที่ร่างไว้ แล้วเปลี่ยนMode เป็น Luminosity
แล้วก็ใช้สีขาว ทำแสงครับ อย่าลิมปรับค่า Density ตามความถนัดเลยเน้อ
จากนั้น เรามา ต่อกันด้วยส่วนของเสื้อผ้า และ อื่นๆ
โดยไปที่เลเยอร์ของเสื้อผ้า แล้วก็ ดูดสี ปรับเข้ม - อ่อน ตามใจ แล้วก็ระบายตามทิศทางของแสงและรอยยับต่างๆ
เอาละใกล้ตะเสร็จแล้ว เหลือปรับแต่งอะไรอีกนิดหน่อย กับพื้นหลัง สู้ๆ^^
(ผมเป็นหัวทำตัวละครก่อนแล้วค่อยทำ ฉากหลังง่ะ ซึ่งจริงๆแล้ว เขาให้ทำฉากหลังก่อนแล้วค่อยทำตัวละคร=w=)
=======================================================
วิธีทำ BG ง่ายๆ ด้วย Photoshop
=======================================================
ก่อนอื่นคงต้องเซฟไฟล์รูปจาก SAI ให้เป็น .Png หรือเป็นพลังหลังโปร่งๆ โดยเราจะทำการปิดเลเยอร์ที่
เป็นพื้นหลังออก (เลเยอร์ที่เรา เทสีเทาไป กับ เลเยอร์ Base) วิธีปิดเลเยอร์ก็คือ กดที่รูป ตาหน้าช่องเลเยอร์
จะเปิดก็คลิกอีกทีครับ
วิธีการเซฟเป็น .PNG ก็คือ กดไปที่ File> Save as.. > เปลี่ยนตรงช่อง Type เป็น PNG > แล้วเลือก 32bpp ARGB ครับ
จากนั้น นำภาพที่ได้ไปเปิดใน Photoshopโดยไปที่ Open... > เลือก โฟรเดอร์ที่เก็บรูปไว้ แล้วก็ กด open
จะเห็นได้ว่า พื้นหลังโปร่งใส่ ต่อไปเราก็กด Ctrl + คลิกซ้าย ที่เลเยอร์ ที่มีรูป เพื่อให้เกิด Selection
แล้วก็กดปุ่มเพิ่ม เลเยอร์ แล้วนำไปไว้ด้านล่างของ รูป
ที่วงกลมสีแดงไว้ นั้นคือ ปุ่มเพิ่มเลเยอร์ เนี๊ยว~
จากนั้น เราก็ไปที่ Select > Modify > Expand... > แล้วเลือก ค่า ว่าจะเอาให้ Selection ขยายออกมาเท่าไหร่ (แล้วแต่ึความชอบของแต่ละคน แต่ผมใช้ 20 px) แล้วก็กด Ok โลด
เมื่อขยายออกมาได้ พอใจแล้ว ก็ กด ที่ Select > Inverse แล้วกด Q เพื่อเข้าสู่โหมด Quick Mask
จากนั้นไปที่ Filter > Pixelate > Color Halftone... แล้วก็ปรับช่องแรกด้านบน ว่าจะเอาจุดใหญ่เท่าไหร่
แล้วก็กดOk
จากนั้นกด Q เพื่อ ออกจาก Quick Mask แล้วไปที่ Select > Inverse
แล้วใช้ถังสีเทีสีลงใน selection ในเลเยอร์ ด้านล่างรูป
เมื่อเสร็จแล้วก็กด Ctrl+D เท่านี้เราก็ได้ พื้นหลัง ชั่วคราวแล้ว
ต่อไปเราจะทำพื้นหลังใหญ่ๆกันอีก
เริ่มจาก สร้างเลเยอร์ใหม่ แล้วเทสีขาวลงไป แล้วนำไปไว้ข้างล่างสุด และสร้างเลเยอร์ใหม่ไว้บนเลเยอร์สีขาว
จากนั้น ดัลเลิ้ลคลิกที่ เลยอร์ เปล่า แล้วติ๊ก ถูกในช่อง Outer Glow
แล้วปรับโหมดให้เป็น Normal
จากนั้นก็ปรับ สี และ Spread กับ Size ให้ ได้ตามต้องการ
ต่อมาให้ใช้ Brush สีขาว จิ้มลงไปในเลเยอร์เปล่าที่อยู่เหนือ สีขาว โลด แล้วแต่ใจจะไขว้ขว้าเลยเลย~
จะสังเกตุได้ว่า บรัชเราจะมี สีที่เราเลือก ออกมา เป้นประกายให้ จากนั้น ก็จิ้มๆ โลด
ตกแต่งให้เรียบร้อย ก็เป็นอัน จบ พิธี
*** ถ้าใคร ลืมทำอะไร บางอย่างไปในSAI ไม่สามารถกลับไปทำได้แล้วนะครับ เพราะในSAI ไม่มี Layer โหมด Outer Glow (หรือมีหว่าผมก็ไม่รู้) เพราะฉะนั้นถ้าจะกลับไปแต่งในSAI ต่อ ต้องเซฟเป็นภาพแล้วเอาไป ทำ พื้นหลังแทนน่ะครับ ***
สำหรับคนที่อยากตกแต่งต่อ กดทำการปิดตา เลเยอร์ตัวละคร แล้วก็กด File > Save as... > เลือกเป็น JPEG แล้วก็ OK เลยครับ
จากนั้นก็ ไปเปิด ภาพใน SAI
โดยไปที่่ File > Open > เลือกภาพ > OK
เมื่อเปิดมาแล้ว จะภาพที่เราเซฟแต่ Bg ไว้เดี่ยวๆ
ให้ ไปที่แถบ Selection > select all (crtl+ A) แล้ว ไปที่แถบ Edit > Copy ( Ctrl + C )
จากนั้นเปิดไฟล์ ที่เราทำตัวละครขึ้นมา
แล้วไปที่ด้านล่างสุดแล้ว ไปที่แถบ Edit > Paste แล้วภาพBG ที่เราก็อปไว้เมื่อกี้ก็จะโผล่มา
เท่านี้เราก็แก้ไขในSAI แบบมี BG แล้วครับ^^
แล้ว How to ลงสีแบบ แมวๆ คงต้องจบลงเท่านี้แล้วเน้อ หมดมุกจะสอนละ. . .
อาจจะผิดหลักการอะไรต่างๆไปมากมาย ต้องขออภัยด้วยเน้อ
เครดิต : ขอขอบคุณทุกๆท่านที่ได้สอน วิญญานแมว มา ณ ที่นี้ด้วยครับ
=======================================================
ฉลองครบ 6,000 View อย่างเป็นทางการแล้วจ้า
=======================================================
แถมอีกอย่างดีกว่า
ไว้พบกันใหม่ Entry หน้า เน้อ
// โดนชก
#1 By ลิงแว่น on 2011-05-03 08:57