Photoshop: Place an Image in Text

Hey guys, How are you? We’re going to learn how to place an image in a text in Photoshop. Isn’t it amazing? Summer is approaching and all those beaches are now more beautiful than ever. So I thought why not take Hawai in this picture?

Last time I wrote a tutorial on Adjustment Tools in Photoshop.

This is a simple tutorial.

I am going to show you the image before I proceed.

Final-1 - Photoshop: Place an Image in Text

Isn’t is looking beautiful? See all the shiny emboss and green color.

Let’s create it.

Step 1: Type the Text

Open the image and grab the Text tool.

Start writing the text you want. I am going to write “Aloha”. I am using “Lato” font.

1 - Photoshop: Place an Image in Text

Decrease the Fill to 0%. Now the text should disappear.

2 - Photoshop: Place an Image in Text

Step 2: Add Layer Styling

Click on the FX icon and choose Bevel and Emboss.

3 - Photoshop: Place an Image in Text

Below are my settings. Personally, I like Pillow Emboss the most and by choosing 438% as depth, I make sure that I get sharp emboss.

4 - Photoshop: Place an Image in Text

This is what the image should look like.

5 - Photoshop: Place an Image in Text

Step 3: Fill the Outer Color.

I am choosing a shade of green (#00a651) to be filled with my outer color.

Create a new layer and fill it with Green.

6 - Photoshop: Place an Image in Text

We’re selecting the text now. Hold down Cmd/Ctrl and click on the icon of text layer.

7 - Photoshop: Place an Image in Text

This should select the text.

8 - Photoshop: Place an Image in Text

Create a layer mask and then immediately press Cmd+I/Ctrl+I. 

9 - Photoshop: Place an Image in Text

And now your image should look like this.

10 - Photoshop: Place an Image in Text

That’s all for today.

See you again next week.