Photoshop Tips: How to Make Transparent Text

A step-by-step guide on how to make transparent text in Photoshop. As you've no doubt noticed, there's no transparent option in the color palette.

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.

  1. 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.
  1. 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.
  1. 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.
  1. Right click on the text layer in the layers panel and choose Blending Options.
  1. 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):


View Comments