Text on Image Tutorial

In this tutorial, we’ll learn how to place text on image in Adobe Photoshop. It is a very popular text effect and one that is very easy to create. Here’s the effect we’ll be creating:

 Text on Image Tutorial

To place text on image, you’ll need:

  • Any recent version of Photoshop

Step 1

Open the image you want to place inside the text in Photoshop.

 Text on Image Tutorial Original

Duplicate this layer by pressing Command+J (Macs) / Ctrl+J (Windows).

 Text on Image Tutorial Duplicate

Step 2

Now, we will add a new layer between the background layer and duplicate layer. Command-click (Macs) / ctrl-click (Windows) on the New Layer option to add the new layer.

 Text on Image Tutorial New Layer

 Text on Image Tutorial New Layer Result

Fill this layer with white by going to Edit > Fill and using the settings shown below.

 Text on Image Tutorial Fill

 Text on Image Tutorial Fill Result

Step 3

It’s time to add the text, but before that, select the topmost layer so that we can see the text when typing.

 Text on Image Tutorial Select Layer 1

Now, select the Type Tool and choose the font of your choice in the Options Bar. For this effect, fonts with thick letters work best.

 Text on Image Tutorial Font

To help see the text, I’ll be writing with white color. The color doesn’t matter since we’ll be placing the image in the text, so choose any color that helps you see the text.

 Text on Image Tutorial Text

You will probably need to reposition and resize the text. To do so, press Command+T (Macs) / Ctrl+T (Windows) to enter Free Transform. When resizing the text, hold the Shift key to maintain proportions.

Text on Image Tutorial Free Transform

Step 4

Place the type layer between Layer 1 and Layer 2.

 Move Type Layer

We will now create a clipping mask in order to place the text on image. To do so, select Layer 1 and go to Layer > Create Clipping Mask.

 Clipping Mask

Step 5

I will now add a drop shadow to the text. This step is optional and if you like the current look, you can skip it.

To add the drop shadow, select the type layer and click on the Layer Styles option.

 Layer Styles

Select Drop Shadow from the list that appears and use the settings shown below.

 Drop Shadow

And we’re done! The text on image tutorial is complete!

 Text on Image Tutorial