[CG]How to-แยกน้ำแยกเส้น

posted on 24 Jan 2011 23:37 by prema-ja
จากการอบรม CG ที่ ม.สวนสุนันทา วันที่ 22 ที่ผ่านมา มีหัวข้อนึงที่อาจจะงงๆหน่อย เลยมาเขียนเป็น How to อัพเอาไว้ทีละขั้นตอนแบบละเอียดจ้ะ
 
"การแยกเส้นออกจากพื้นขาว" (แต่ตั้งชื่อเอนทรี่ซะยังกะไปสั่งก๋วยเตี๋ยว - -)
 
-------------------------
หมายเหตุ
- How to นี้เป็นเรื่องของเทคนิคคอมพิวเตอร์ ไม่ใช่ทักษะศิลปะนะคะ
- โปรแกรมที่ใช้คือ Photoshop 7 ค่ะ (เก่าได้อีก) หน้าตาหน้าต่างอาจประหลาดหน่อย แต่ฟังชั่นพวกนี้ใน CS ก็มีอยู่ครบค่ะ เพราะฉะนั้นเรื่องเวอร์ชั่นต่างกันก็ไม่มีปัญหา
- เป็นเทคนิคที่เราคิดว่ามีประโยชน์และสะดวกมากค่ะ สามารถประยุกต์และพัฒนาเอาไปใช้ประโยชน์อย่างอื่นได้อีก เลยอยากนำมาเผยแพร่ไว้ แรกๆอาจจะรู้สึกยุ่งยากหน่อย แต่ถ้าทำไปเรื่อยๆแล้วมันอยู่ในหัวได้โดยอัตโนมัติ
 
 
INTRO
ปกติเวลาเราลง CG เผื่อไม่ให้สีทับเส้นนั้น สามารถแก้ปัญหาได้โดยใช้ Layer Mode เข้ามาช่วย โดยเอา layer เส้นไว้ด้านบน แล้วปรับ Layer Mode ให้เป็น Multiply
เวลาเราทำงาน CG ถ้าเป็นแนวน่ารักใสๆ ก็มักใช้เส้นเป็นสีๆแทนที่จะเป็นสีดำทั้งหมด เพราะเส้นสีดำเราคิดว่างานมันดูแข็งๆไปนิด เห็นหลายๆคนก็เปลี่ยนสีเส้นเวลาทำงานเหมือนกัน
แต่เปลี่ยนสีเส้นในการทำงานแบบ layer เส้นเป็น Multiply จะพบปัญหาใหญ่ๆอยู่ 2 ข้อคือ
1. ด้วยเหตุที่ Multiply เป็นคุณสมบัติที่ทำให้ layer ใสมองไปเห็น layer ด้านล่างได้ จึงอาจมีจุดทำให้เส้นที่เราเปลี่ยนสีไว้มีสีของ layer ด้านล่างเหลื่อมเข้ามา ดังภาพด้านล่าง
 
 
ซูมเข้าดูใกล้ๆ
 
 
แทนที่จะได้เป็นเส้นสีเดียวแบบนี้
 
 
2. การเปลี่ยนสีเส้นเป็นสีเดียวกันทั้งหมดอาจไม่มีปัญหา(สามารถกด Ctrl+U ติ๊กตรงช่อง colorize แล้วปรับค่าต่างๆตามชอบ) แต่ถ้าอยากให้เส้นในส่วนต่างๆเป็นสีต่างกัน(แบบภาพตัวอย่างนี้) ก็จะลำบากพอดู เพราะต้องค่อยๆทำ selection ทีละส่วนเอา
 
 
ยิ่งเป็นภาพที่มีรายละเอียดยิบนี่เลือดตาแทบกระเด็นกันเลยทีเดียว
แต่ปัญหาทั้ง 2 ข้อนี้จะหมดไป!!!
ด้วยเทคนิคแยกน้ำแยกเส้นนี้ (สำนวนเหมือนจะขายของทาง TV  - -")
 
ถาม: เทคนิคนี้แตกต่างกับการปรับ layer เส้นให้เป็น Multiply ยังไง?
ตอบ: การปรับ layer เส้นให้เป็น Multiply เลเยอร์จะใสทะลุเห็นสีที่ทาไว้ด้านล่างก็จริง แต่ที่ layerเส้นนี้ก็จะยังมีส่วนของสีขาวอยู่
 
 
แต่เทคนิคแยกน้ำแยกเส้นนี้สามารถทำให้ layerเส้น เหลือเพียงเส้นล้วนๆเท่านั้น ทำให้สามารถลงสีได้โดยไม่ต้องปรับให้layerเส้นเป็น Multiply
 
 
 
 
 
 
 
STEP BY STEP มาแยกเส้นกันเถอะ
1. เตรียมภาพลายเส้นให้เรียบร้อย (ทำความสะอาด ลบรอยสกปรกจากการแสกน ปรับน้ำหนักให้โอเค)
- ตอนนี้เราจะมี layerเพียงแผ่นเดียวเท่านั้น คือภาพลายเส้นนี่แหละ
- ถ้าภาพเราอยู่ในโหมด RGB ให้เปลี่ยนเป็นโหมด Grayscale จ้ะ โดยไปที่เมนูด้านบน Image>Mode>Grayscale
 
 
ถาม: ทำไมต้องเป็นโหมด Grayscale ด้วย
ตอบ: ภาพที่แสกนเข้ามาในโหมด RGB แม้ตาเราจะเห็นเป็นสีดำ แต่แท้จริงแล้วมันจะมีเม็ดสีพิกเซลเล็กๆแทรกอยู่ ทำให้เส้นไม่สวย (ซูมเข้าไปดูใกล้ๆจะเห็น) การเปลี่ยนให้เป็นโหมด Grayscale จะทำให้ภาพเรามีแค่สีขาว เทา ดำ เท่านั้น
 
 
 
 
2. ไปที่ Channels เชื่อว่ามีหลายคนใช้ Photoshop มานานแต่ไม่เคยย่างกรายมาในหน้าต่างของ Channels นี้เลย ฮา (เราก็เป็นหนึ่งในนั้น orz)
 
ถาม: Channels ใช้ทำอะไร
ตอบ: เราเองก็ยังรู้ไม่หมด แต่หนึ่งในประโยชน์ของ Channels คือการช่วยทำ Selection ที่พวกเครื่องมือ lasso หรือ magic wand ทำไม่ได้จ้ะ
 
ถ้าหาหน้าต่าง Channels ไม่เจอ สามารถไปเปิดออกมาได้ที่เมนูด้านบน Window>Channels
ก็อปปี้ Channels เพิ่มขึ้นมาอีก 1 อัน โดยลากอันที่มีอยู่นี้ไปที่ไอคอนในวงกลมสีแดง
เราก็จะได้ Channels "Gray copy" ขึ้นมาอีก 1 อัน
 
 
 
3. ที่ Channels ที่ก็อปปี้ขึ้นมาใหม่นี้ เราจะ Inverse สีมันซะ ทำได้โดยการกด Ctrl+I
ผลที่ได้ก็คือสีกลายเป็นแบบ Negative (ดำเป็นขาว ขาวเป็นดำ)
 
 
 
 
 
4. จากนั้นทำ selection โดยการลาก Chanel ที่เรา Inverse สีนี้ไปที่ไอคอนด้านล่างที่วงสีแดงไว้
 
 
 
 
5. หลังจากทำ selection ก็กลับไปที่หน้าต่าง Layer(1) แล้วสร้างเลเยอร์ใหม่ขึ้นมาโดยกดที่ไอคอนที่วงเอาไว้ (2)