In this quick tutorial, we will learn how to change the image to text or vice versa. This simple but cool effect is great for city posters. The technique is very easy and quick, so let’s see how to achieve it.

Create a Simple Image to Text in Photoshop

Tutorial Details and Resources

Difficulty: Beginner
Apps Used: Adobe Photoshop (CS5 or later)
Estimated Completion Time: 5-10′ Minutes
Resources: 1) BW image by Lotus  –  2) Dreams on New York by Thomas

Step 1 > Create a New Document

Create a new Photoshop document. For this tutorial use 1200px width, 800px height and white background.

create text to image in photoshop

Step 2 > Background

Drag and drop the first image and make it fit your canvas. Lower the layer opacity to 30%.

create text to image in photoshop step 2

Step 3 > Text

Pict the Text Tool (T) in your toolbox and write a text with 170pt size and “Broadway” font. You can use any font and size you want. The text color is also not important because we will hide it.

create text to image in photoshop step 3

Step 4 > Text Image

Drag and drop the second image on your canvas. Make it fit and cover your text. While pressing ( Alt ) on your keyboard, click between the image and text layers (image b). With the Move Tool (V) you can change the position of your image over the text. This is a very good technique because you can change the text or the image position any time you want.

a) Place the image over the text.

create text to image in photoshop step 4

b) Press (Alt) and click between the text layer and image layer.

create text to image in photoshop step 3a

Step 5 > Stroke

For the last step, select the text layer and go to Layer > Layer Style > Blending Options. Add Stroke with the following settings:

create text to image in photoshop step 5

Conclusion

This simple technique works with shapes, selections and other objects not only text. You can add a heart shape and place another image over it. Experiment with different images and fonts.

create simple image to text in photoshop - preview

Design Bundles

Exclusive design deals and bundles for creative professionals

Start Downloading

Dreamstale

We provide free and premium web resources for everyone. Download our graphic design elements, icons, backgrounds, vectors and everything else. Stay tuned for more freebies, Photoshop tutorials, and inspirational articles.