Skip to content

Create Transparent Text in Photoshop

Transparent Text on Image in Photoshop

A Transparent Text in Photoshop is a creative way to make the text stand out from the image. In this Photoshop Tutorial, you will learn to create transparent text. I will show you two different ways of making transparent text on images in Photoshop.

Transparent Text in Photoshop

This Photoshop Text Effect is fun, cool, and easy to create. One can use this Transparent Text Effect while designing a poster, brochure, or flyer. This effect can also be termed as the Cut-out text effect or Knock out Text Effect.

Transparent Text
Method 1

Select an image for creating the Transparent Text and open it in Photoshop. Now follow the below mentioned step-by-step easy to create process-

Step 1

After opening the image, select the Horizontal Type Tool and type your text. Select a Bold Font type for the text and press Ctrl + T to freely transform the text. With the help of Free Transform (CTrl + T) you can stretch the text to increase its size.

In the tool preset bar, click on the color box to open the Color Picker. Pick a Black (#000000) color for the text.

Type the text
Step 2

Select the Move Tool from the Tool Panel to change the position of the text. Then set the Blending Mode of the Text Layer to Soft Light.

Select the Move Tool
Change the Blending Mode
Transparent Text Effect
Step 3

Now select the Rectangle Tool and draw a rectangle same as the size of the image and fill the rectangle shape with white color.

Draw a reactangle shape

Reorder the layers by selecting and draging the Rectangle Shape Layer below the Text Layer.

Reorder the layers
Step 4

Press and hold the Ctrl key and click on the Text Layer Thumbnail to select the text. Then press Shift + Ctrl + I to Inverse the selection.

Make a selection
Inverse the Selection

Make sure that the shape layer is selected in the Layers Panel and then reduce the Opacity of the layer.

Reduce the Opacity

Press Ctrl + D to deselect.

You can also edit this Transparent Text in Photoshop by changing the background image or changing the fill color of the shape.

Transparent Text in Photoshop

This was the one method of creating Transparent Text on Image in Photoshop. Let’s move on to another method-

Method 2
Step 1

Open an image in Adobe Photoshop as a new document.

Open an image
Step 2

Select the shape tool and draw a shape on the image. You can fill the shape with any color of your choice.

Draw the shape
Step 3

As I have drawn a vertical box, so I will select the Vertical Type Tool to type the text. Select a bold font style for the text and black as the fill color. Press Ctrl + T to transform the text and place it inside the box.

Type the text
Step 4

Double-click on the text layer to open the Layer Style dialogue box. In that dialogue box, under Advance Blending, set the Knockout to Shallow and reduce the Fill Opacity to 0%. Click Ok to apply the Layer Style.

Layer Style dialogue box
Transparent Text in Photoshop

These are the two different methods of making Transparent Text in Photoshop.

Practice this Photoshop Text Effect Tutorial and share your views in the comment section. Also share this tutorial with others.

Follow for latest Photoshop tutorials.

About Vivi Designing
Vivi Designing is a Designing resource for people who are in love with design and are eager to learn for creativity and inspiration. We provide free design resources, articles, tutorials, techniques, and the latest trends in Adobe Illustration and Adobe Photoshop.

Leave a Reply

Your email address will not be published.

2 × five =