Share on facebook
Share on twitter
Share on linkedin
Share on pinterest

Transparent Text Effect | Photoshop Tutorial



This tutorial shows you the best way to make text transparent in Photoshop!
► Written version and PDF on my website: https://www.photoshopessentials.com/photo-effects/transparent-text-area/

► Get the latest version of Photoshop CC: http://bit.ly/Get_PSCC

► Subscribe to my channel here: https://goo.gl/yrk5u2

To create the transparent text effect, start by opening your image in Photoshop (0:14). Add a new blank layer above the image (0:18) and rename the new layer “Border” (0:33). Fill the layer with white (0:47), and then lower the layer’s opacity to 75 percent (1:04).

Select the Type Tool, choose your font, set your type color to black, and add your text (1:21). Resize the text using Free Transform (2:02).

To make the text transparent, select the Type layer, and then open Photoshop’s Blending Options (2:31). In the Layer Style dialog box, change the Knockout option to Shallow (2:47), and then drag the Fill Opacity slider to 0 percent (2:55). Click OK to close the Layer Style dialog box (3:01), and we can now see through the text to the image below.

Resize the border around the text with Free Transform (3:14), and then adjust the opacity of the border in the Layers panel (3:40).

Noe that If your image is on a layer other the Background layer, you’ll need to place your Type layer and the “Border” layer into a layer group (4:00). And there we have it! That’s how to add transparent text to an image with Photoshop!

► If you found this video helpful, please Subscribe for more: https://goo.gl/yrk5u2

WANT MORE VIDEOS?
If you find my tutorials helpful, please consider supporting this channel by becoming a member of Photoshop Essentials and get all of my written tutorials as PDFs!
LEARN MORE: https://www.photoshopessentials.com/print-ready-pdfs/

ABOUT THIS CHANNEL
Photoshop Essentials offers Adobe Photoshop tutorials designed with beginners in mind, with easy to follow, step by step instructions that make learning Photoshop easy! Subscribe to our channel for our latest Photoshop videos, and check out our website for hundreds of written Photoshop tutorials!

► Subscribe to Photoshop Essentials on YouTube: https://goo.gl/yrk5u2

► Visit our website: https://www.photoshopessentials.com

Image from Adobe Stock:
https://stock.adobe.com/ca/stock-photo/manhattan-skyline-with-reflections/52706281

Support site by sharing this post

Share on facebook
Facebook
Share on twitter
Twitter
Share on pinterest
Pinterest
Share on linkedin
LinkedIn
Share on reddit
Reddit
Share on tumblr
Tumblr
Share on stumbleupon
StumbleUpon
42 comments
  1. Really Sooooooo Niceee tutorial what i was looking for..
    So perfectly you have said everything..
    And i am able to understand everything properly..
    Reallyy So Muchh Thank you..
    keep doing like this & Give us new new videos like this properly ..
    Thank you soo muchh…

  2. IF YOURE TEXT IS ALSO PUNCHING OUT THE BACKGROUND UNEXPECTEDLY, GROUP THE LAYERS YOU WANT PUNCHED OUT WITH THE TEXT. HE SHOWS THIS AT THE END.

  3. I can't get this to work. Following every step carefully multiple times. When I lower the fill opacity (blending options) to 0, the text AND the image below disappear. I am adding text over top a collage of many photos all grouped together. I'm thinking this may have something to do with it of I have a setting somewhere that is off. Can anybody help? Is anyone else watching this in Sept 2019?

  4. I have done it with an another method but i did nt understood it. I saw it somewhere :P..
    1. First layer is main image(unlocked)
    2. Second layer i made to multiply some colour to that image.
    3. Third layer is an ellipse.
    4. The fourth one is text layer which i wrote on the ellipse.

    Then i created a smart object by copying 1st and 2nd layer and put it on the top then i selected that layer and drag that layer to the text layer by clicking alt simutaneously. And bam i got same results. Please explain how that happened ?

  5. Doing it all exactly but when changing the opacity in the layer to knockout=shallow and opacity 0% I don't see thru the text but see gray and white boxes as though the main image not showing thru.

  6. I did everything mentioned here step by step until up to the point where you free transform the finished text. When dragging the top and bottom handles inward towards the text to resize the border, it shrinks the text till it disappears. How do I solve it? Thank you for your help!

  7. Thank you so much for this video! As always, so professional and explained in a clear and perfect way. Amazing. Thank you for all your videos and for the inspiration! Fantastic!

Leave a Reply

Your email address will not be published. Required fields are marked *