ตัดแบล็คกราวน์ออกแบบเนียน ๆ (Cut Out Background)
เป็นเทคนิคการตัดแบล็คกราวน์ออกจากวัตถุที่ต้องการ โดยใช้เครื่องมือ Polygonal Lesso Tool และ Layer Mask ในการทำงาน ตัวอย่างในวันนี้เป็นตัวละครจากในเกมส์ Pangya ครับ โดยเราจะตัดแบล็คกราวน์ด้านหลังออกไปให้เหลือแต่ตัวละครที่ต้องการ
ก่อน(ภาพซ้าย) และ หลังตัด(ภาพขวา)
ส่วนประกอบที่สำคัญ
- Photoshop CS+ (บทความนี้ใช้ CS3 ครับ)
*Note : ภาพประกอบบางภาพถูกย่อไว้ คลิกที่ภาพเพื่อขยายนะครับ
เริ่ม
1. คลิกเืลือกเครื่องมือ Polygonal Lesso Tool(L) (ในภาพจุดที่ 1)
ปรับ Feather: 0 ( ในภาพจุดที่ 2 )
ติ๊กที่ Anti-Alias ( ในภาพจุดที่ 3 )
2. ทำการลากเส้นเพื่อตัดขอบขอบรูปภาพครับ ตัวอย่างการลากเส้นที่ดีและไม่ดี
3. เมื่อทำการลากเส้นตัดขอบทั้งหมดเรียบร้อยแล้วให้คลิกที่ Add Layer Mask (ในภาพจุดที่ 1)
4. ที่ด้านหลังรูปภาพจะมี Layer Mask โผล่ขึ้นมาดังภาพในจุดที่ 1 ตอนนี้พื้นหลังบางส่วนได้หายไปแล้ว เหลือแต่ตัวภาพที่เราตัดไว้เท่านั้น แต่สังเกตดีดี รอบ ๆ ขอบของภาพยังมีเม็ดสีของพื้นหลังติดอยู่ด้วย
5. ที่เลเยอร์ให้คลิกเลือกมาที่รูปภาพครับ
![]()
6. ขั้นตอนนี้เราจะมาแต่งขอบภาพที่ตัดให้ดูเนียนขึ้นครับ เริ่มจากแขนของคูม่าเป็นตัวอย่าง เห็นได้ว่ารอบ ๆ สีผิวของคูม่ายังมีสีฟ้าปนอยู่เล็กน้อย
6.1 คลิกเลือกเครื่องมือ Eyedropper Tool(I)(เครื่องมือดูดสีนั้นเอง)(ในภาพจุดที่ 1)
6.2 คลิกเลือกสีที่ผิวช่วงบริเวณแขนของคูม่าครับ เราจะกลบช่วงแขนก็ต้องเลือกสีช่วงแขน จะกลบช่วงไหนก็เลือกสีของช่วงนั้น (ไม่งงเนอะ)
7. คลิกเลือกเครื่องมือ Brush Tool(B) ปรับขนาดหัวแปรงตามความเหมาะสม จากนั้นให้ระบายบริเวณขอบแขน เพื่อกลบสีฟ้าที่เห็น สังเกตได้ว่าตรงบริเวณแขนของคูม่าตอนนี้ไม่มีเม็ดสีฟ้าแล้ว
เก็บรายละเอียดของขอบรูปโดยทำตามขั้นตอนที่ 6.1, 6.2, 7 เช่นนี้ไปจนหมดครับ
8. ตอนนี้แต่งขอบรูปเสร็จหมดแล้ว
9. ขั้นตอนนี้จะมาเก็บรายละเอียดของขอบรูปที่เป็นเหลี่ยม หรือลบส่วนที่เกินออกไป
9.1 ที่เลเยอร์ให้คลิกเลือกกลับไปที่ Layer Mask ครับ
![]()
9.2 ที่ Layer Mask จะเป็นตัวกั้นขอบให้แสดงเฉพาะส่วนที่เราต้องการ สังเกตดีดีจะเห็นว่าใน Layer Mask ส่วนพื้นที่ที่เป็นสีขาวคือส่วนที่แสดงภาพ ส่วนพื้นที่สีดำจะเป็นส่วนที่ไม่แสดงนั้นเอง9.3 ให้คลิกเลือกเครื่องมือ Brush Tool(B) ปรับสีหัวแปรงเป็น สีดำ/ขาว และลองระบายลงไปใน Layer Mask ดูครับ (ต้องลองเดี๋ยวรู้เอง) เมื่อเก็บรายละเอียดแต่งขอบที่เป็นเหลี่ยม ๆ ออกไปเท่านี้ก็เรียบร้อย
จากผู้เขียน
เป็นบทความเก็บตกที่เคยลงไว้ที่บอร์ดปังย่าเมื่อปีที่แล้ว นอกจากจะนำไปใช้ในการตัดตัวละครในเกมส์แล้ว ยังสามารถนำไปประยุกต์ใช้ในการตัดแบล็คกราวน์ในด้านอื่น ๆ ได้อีกด้วย

อาจจะไม่เกี่ยวกับบทควานี้นะครับ แต่อยากทราบ ว่านำไฟล์3d ปังย่ามาจากที่ไหน
ช่วยบอกเป้นวิทยาทานด้วยครับ
ผมสนใจ3d ของเกมส์นี้มาก ออกแบบได้น่ารัก และถ้าเป็นไปได้จะนำไปทำเป็นโมเดล กระดาษ ขอบคุณครับ
ไม่เป็นไรครับ
เรื่องไฟล์โมเดลของตัวละครในปังย่า สามารถหาได้จากตัว Client เกมส์เลยครับ
ถ้าอ่านในบทความของ [ 3Ds Max & Pangya Character ] แล้วนั้น
ผมได้บอกถึงขั้นตอนการแตกไฟล์จาก Client เกมส์ไว้แล้ว เมื่อทำการแตกไฟล์ออกจาก Client เกมส์แล้ว
ก็จะนำไฟล์ที่ต้องการมาแปลงเป็นนามสกุล .MQO เพื่อใช้ในโปรแกรม 3Ds Max ต่อไปครับ
ขอบคุณครับ เพิ่งไปอ่านเจอหลังจากโพสต์ไปเมื่อวาน ตอนแรกนึกวาใช้พวกโปรแกรม capture 3d จากตัวเกมส์ ที่แท้ เอาไฟล์จากตัวเกมส์ตรงๆเลย