Skip to content

ทำพื้นหลังโปร่งใสจาก Mask Texture ด้วย Layer Mask

พฤศจิกายน 16, 2009

เอ็นทรี่นี้จะมาพูดถึงการปรับภาพให้มีความโปร่งใส โดยใช้ตัว Mask Texture
(ในกรณีที่ภาพนั้นมี Mask Texture ติดมาด้วย)

จากตัวอย่างด้านล่าง

รูปแรกเป็นภาพปกติแบล็กกราวสีขาวมีลวดลายติดมาเล็กน้อย รูปที่สองเป็นตัว Mask Text ที่จะทำให้ภาพแรกแสดงเฉพาะบางส่วน ผลลัพธ์ที่ได้จะเหลือแต่ตัวโลโก้อย่างเดียว พื้นหลังจะถูกตัว Mask texture บังเอาไว้

Image + Mask texture = Transparent Image

AlphaWithLayerMaskIntro

 

 

ส่วนประกอบที่สำคัญ

  1. Photoshop (CS, CS2, CS3, CS4) บทความนี้ใช้ CS3 ครับ
  2. ไฟล์ประกอบบทความนี้ [ Download ] [ Mirror ]

*Note : ภาพประกอบในบทความบางภาพถูกย่อไว้ คลิกที่ภาพเพื่อขยายนะครับ

วิธีการทำ

1. เปิดไฟล์ Logo.jpg และ LogoMask.jpg ขึ้นมาครับ ดังรูป

AlphaWithLayerMaskTUT_00

 

2. ที่ภาพ Logo.jpg ให้คลิกเลือกคำสั่ง Add vector mask (ในภาพจุดที่ 1)
จะปรากฎ Layer Mask ขึ้นมา (ในภาพจุดที่ 2)

AlphaWithLayerMaskTUT_01

 

3. เลือกคำสั่ง Apply Image โดยเรียกได้จากเมนู Image > Apply Image…
ที่ Source เลือก LogoMask.jpg (ไฟล์ Mask Texture นั้นเอง) (ในภาพจุดที่ 1)
ที่ Blending ปรับเป็น Normal หรือ Multiply ก็ได้ครับ (ในภาพจุดที่ 2)
จากนั้นกด OK ได้เลย

AlphaWithLayerMaskTUT_03

 

4. ผลลัพธ์ที่ได้ พื้นหลังจะหายไปเหลือไว้แต่ตัวโลโก้เท่านั้น
เพราะตัว Layer Mask ทำหน้าที่ในการแสดงเฉพาะส่วนที่ต้องการ
โดยใช้ Mask Texture เป็นตัวกำหนดขอบเขตของการแสดงผลนั้นเอง

AlphaWithLayerMaskTUT_04

 

ประยุกต์ใช้

ทดลองในการตัดเอฟเฟคของไม้ในเกมส์ปังย่าครับ

ตัวรูปปกติ

PYLoveDad

ตัว Mask Texture

PYLoveDadMask

เมื่อนำมาเข้าวิธีข้างต้น ผลที่ได้

PYLoveDad

 

 

ผู้เขียนบ่น

บทความสั้น ๆ ที่ 3 ของปี เป็นเทคนิคการใช้ Layer Mask อีกวิธีหนึ่ง
สั้น ๆ ง่าย ๆ แต่นำไปประยุกต์ใช้ได้อีกหลายอย่างครับ :)

Download

Download .PSD Source file : [ LINK 1 ]

From → Photoshop, Tutorial

11 ความเห็น
  1. นุหนิง นุหนิง permalink

    เก่งฉุดฉุด

  2. เน็กหื่น = w = permalink

    คิคิ แวะมาเจิมบทความใหม่ของพี่ชายหน่อย :ฮา:

  3. :แว่น: หึหึหึ

  4. เน็กหื่น = w = permalink

    โลโก้ไม้ใหม่(เมื่อนานมาแล้ว)มาแล้วนะคะพี่ชาย *0*

    ไม้ปิโกะปิโกะน๊า :แฉ่ง:

  5. @เน็กหื่น = w =
    เห็นสักพักล่ะแน็ก
    เดี๋ยวแปะลงแกลลอรี่ก่อน :แฉ่ง:

    *Edit แปะเรียบร้อย

  6. เน็กหื่น = w = permalink

    แอบไปใช้เทคนิคตัดรูปฉบับเร่งรัดมาด้วย ( = 3=)

    เดี๋ยวจะเอารูปมาแปะให้น๊า

    โฮะๆๆๆ

  7. ::ZinG:: permalink

    งัดผักไม่เป็นอ่าครับแต่สูบโลโก้ไปหมดและ :มั้ง:
    จะติดตามเรื่อยๆเลยนะคับ

  8. ดีๆจะเอาไปทำรูปสาว

  9. ทำภาพให้เป็นพื้นหลังโปร่งใสแบบภาพต่อภาพทำเช่นไรคะเครียดม๊ากๆ
    เราขายของบนเวปอยากให้ภาพสินค้าดูเด่น แต่พื้นหลังโปร่งๆน่ะค่ะ
    ช่วยหน่อยนะคะ
    ขอบพระคุณค่า

  10. พูดถึงเรื่องนี้ทีไรเครียดเลยทำไงก็ไม่ได้อ่ะทำไม่เป็น 5 5 5

ใส่ความเห็น

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / เปลี่ยนแปลง )

Twitter picture

You are commenting using your Twitter account. Log Out / เปลี่ยนแปลง )

Facebook photo

You are commenting using your Facebook account. Log Out / เปลี่ยนแปลง )

Connecting to %s

Follow

Get every new post delivered to your Inbox.