There are many, many ways to handle text in Photoshop. You can apply an infinite variety of effects and looks.
Here, I’m focusing on one: it’s how to make that transparent text punched-out look in Photoshop.
If you’re reading this, chances are that you’ve already noticed that there’s no “transparent” color in the color palette. So it’s not self-evident on how to apply transparent text. But perhaps you want to add a label to a picture of a jar of honey. Or maybe you just want to use an image as a texture for your font. Here’s how you can do it.
- Open the image you want to use as your background. I’m going to use this photo of one of the beautiful beaches of Australia’s North Stradbroke Island.
- Make a panel overlay using the shape tool to add a new layer on top with whatever shape and color you want. The panel overlay in this example is the black rectangle.
- Add the text layer. Thick, blocky fonts in large sizes will obviously make a bigger window to see what’s behind. It doesn’t matter what color your choose–it’s going to disappear.
- Right click on the text layer in the layers panel and choose Blending Options.
- Don’t choose an effect from the list at right like you probably normally would. In this case, make sure the Blending Options: Custom line from the list at left is selected. Then in the center, from the Knockout drop-down list, choose Shallow. In Fill Opacity, using the slider or just typing it in the box, make it 0%.
And voila, you have punched out text.
That, of course, is just a most basic example.
And there’s no reason you have to use a panel overlay. You can hide the panel overlay (or delete it, for that matter) and apply layer effects to the text layer to make the characters stand out.
This, for example, is using the Inner Shadow effect (right click on text layer in layer panel, choose Inner Shadow and change the settings to get the look you want):
And this one uses Bevel and Emboss (right click on text layer in layer panel, choose Bevel and Emboss and change the settings to get the look you want):
15 thoughts on “Photoshop Tips: How to Make Transparent Text”
You can also use this free Photoshop action to make transparent text:
Thank you!!! This was really helpful
Thanks, this is really helpful!
Thank you so much.
Thanks. It is really helpful. Thanks again.
Thank you !
This was great, thanks!
So close to what I was looking for. Is their anyway I can emboss the text and some what make the text go through the image?
thank you very helpful
The first one isn’t working with me… I have a background image, a shape an my text in the same order as yours. If I follow the 5 steps, all I get is a text with transparent filling and it still doesnt show the background. Help!
For me as well. I don’t know why it isn’t working, can anyone help?
Hello :) At the beginning, the first option to make text transparent wasn’t working as well. Try to add text layer and shape to one group and then repeat steps with blending (knockout > shallow and Opacity fill > 0%). For me that worked ;)
Very helpful, thank you!
Iit really helped me