Photoshop Tutorial: Placing Multiple Images Inside Text

Placing Multiple Images In Text In Photoshop

Learn Photoshop with Text Effects Tutorials at Photoshop Essentials.com

Step 9: Move The Second Letter Into Position

By making a copy of our initial letter, we've created our second letter. Of course, there's a couple of problems at the moment. For one thing, both letters are sitting directly on top of each other, and they're also set to the exact same letter. Let's take care of the first problem by moving the second letter into position. To do that, we'll need the Move Tool. Now, you could select the Move Tool from the Tools palette, but that's the "getting paid by the hour" way. Here's a handy trick. To temporarily switch to the Move Tool from any other tool (except the Hand Tool), just hold down your Ctrl (Win) / Command (Mac) key. This gives you quick access to the Move Tool without having to select it. Then, while still holding down "Alt/Option", hold down your Shift key to constrain your movements in a horizontal line and drag the second letter to the right until it's in position:

Photoshop Text Effects tutorial image
Images In Text: Use the Move Tool to drag the second letter into position.

Step 10: Change The Letter

Now we need to change the letter itself. To do that, double-click directly on the Type layer's thumbnail in the Layers palette:

Photoshop Text Effects tutorial image
Images In Text: Double-click on the thumbnail of the Type layer.

This will highlight the letter in the document window:

Photoshop Text Effects tutorial image
Images In Text: The letter is now highlighted.

Change the letter to the second letter of your word. Since my word is "SPACE", I'll enter "P" on my keyboard:

Photoshop Text Effects tutorial image
Images In Text: Change the letter to the second letter of your word.

When you're done, click once again on the checkmark in the Options Bar to accept the change and exit out of text editing mode:

Photoshop Text Effects tutorial image
Images In Text: Click on the checkmark in the Options Bar to accept the change.

Step 11: Add The Remaining Letters

Repeat steps 8-10 to add the rest of your letters and complete the word. Use the Move Tool to make any adjustments to the spacing between the letters until you have everything looking the way you want it. Here's my completed word:

Photoshop Text Effects tutorial image
Images In Text: Repeat the previous three steps to complete your word.

Notice that the white stroke I added to my initial letter has been automatically added to every letter in the word, since each letter is essentially a copy of the first one. And if I look in my Layers palette now, I can see that each letter in the word is on its own separate layer, which is going to make it very easy to place an image inside each one individually:

Photoshop Text Effects tutorial image
Images In Text: The Layers palette in Photoshop showing each letter on its own layer.

We'll begin placing images inside our letters next!

Still scrolling through web pages? Download our Photoshop tutorials as print-ready PDFs!

Go to page: 1 | 2 | 3 | 4 | 5