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

Photoshop, Tutorial 9 ข้อคิดเห็น o_O

เอ็นทรี่นี้จะมาพูดถึงการปรับภาพให้มีความโปร่งใส โดยใช้ตัว 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 อีกวิธีหนึ่ง
สั้น ๆ ง่าย ๆ แต่นำไปประยุกต์ใช้ได้อีกหลายอย่างครับ :ยิ้ม:



มี 9 ข้อคิดเห็น o_O ใน “ทำพื้นหลังโปร่งใสจาก Mask Texture ด้วย Layer Mask”

  1. นุหนิง นุหนิง พิมพ์ไว้เมื่อ : November 16th, 2009 at 3:50 pm

    เก่งฉุดฉุด

  2. เน็กหื่น = w = พิมพ์ไว้เมื่อ : November 16th, 2009 at 4:45 pm

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

  3. Xenogenesis พิมพ์ไว้เมื่อ : November 16th, 2009 at 7:16 pm

    :แว่น: หึหึหึ

  4. เน็กหื่น = w = พิมพ์ไว้เมื่อ : November 18th, 2009 at 1:31 pm

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

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

  5. Xenogenesis พิมพ์ไว้เมื่อ : November 18th, 2009 at 3:18 pm

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

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

  6. เน็กหื่น = w = พิมพ์ไว้เมื่อ : December 9th, 2009 at 5:29 pm

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

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

    โฮะๆๆๆ

  7. ::ZinG:: พิมพ์ไว้เมื่อ : March 10th, 2010 at 9:45 am

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

  8. zodiacmc พิมพ์ไว้เมื่อ : March 10th, 2010 at 6:10 pm

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

  9. kk พิมพ์ไว้เมื่อ : April 14th, 2010 at 11:12 pm

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

เห็นว่าดีหรือไม่ดี ก็ลองว่ามา

XHTML: คุณสามารถใช้แท๊กเหล่านี้ได้: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

:ยิ้ม: :แฉ่ง: :ฮา: :ว๊าว: :แบร่: :แฮปปี้: :เอ่อ: :หืม: :มั้ง: :อืม: :เชอะ: :โอ๊ว: :แย่: :โกรธ: :บ่น: :ด่าๆ: more »

Icons by N.Design Studio. Designed By Ben Swift. Powered by WordPress, and Free WordPress Themes
Entries RSS Comments RSS