Photoshop Tutorial – Combine Images with Text

Here I’ll show you how easy it is to combine an image and text to create a cool text effect in Photoshop.

Step1: Open your image in Photoshop.

I had a nice photo of a beach that I use for this tutorial; you can select any photo that you like for this tutorial.


Step 2: duplicate this layer by right clicking on the layer and select “Duplicate Layer”.

Screen Shot 2014-10-12 at 9.21.56 PM

Here how it looks like:

Screen Shot 2014-10-12 at 8.07.17 PM

Step3: Start typing a word by using your type tool. I typed the word BEACH.

Screen Shot 2014-10-12 at 8.08.43 PM

Step 4: Go to your layers panel and move this text layer below the layer that you copied in the step 2 (you can do this by dragging the layer and moving it down).

Screen Shot 2014-10-12 at 8.09.25 PM

Step 5: You realize that you can’t see you text now because the copied image layer is covering it now.

Here is the fun part:
Bring you cursor right between the top image layer and your text layer, hold down Alt/Option key and click the line between the two layers in the Layers Panel to clip the image to the text. You will realize that the top image layer will change to a shape (with an arrow pointing down) like the image below:

Screen Shot 2014-10-12 at 8.46.57 PM

This shows that your image is clipped to the text.

Step6: Now just select the top image layer and move it around. You should see the cool image effect appears through your text layer.

Screen Shot 2014-10-12 at 8.18.25 PM

Hope you enjoyed this tutorial!


2 thoughts on “Photoshop Tutorial – Combine Images with Text

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s