Home Manipulation Tutorials Images in Text
Images in Text

Last update:  12-31-1969

Submitted by Jakaleena

Here are some basic steps to inserting images into your text.

This tutorial is Copyright © Jakaleena, who has sole responsiblity for its content.
Have a question for the author? Or simply want to discuss this topic further? Click "Discuss" up at the top. If you'd like to publish a tutorial of your own, simply click on "Publish" over on the menubar.

 

Overall Recommendation

Highly Recommended

Rating
 

9

 

Expertise     5.8
Utility     10
Clarity     10
Relevance   10

Here are some basic steps to inserting images into your text.

1. Open your background image and add your text (a nice fat font with lots of surface area works best). Make the text the color you want the text outline to be once the image is completed.

2. Render your text layer


Click to view full-sized

3. With the magic wand set to Contiguous, select your first letter. Contract the selection (select > modify > contract) until the area left outside it is the size you want your letter border to be. On this sample, I contracted the selection by 5 pixels.


Click to view full-sized

4. Cut your selected pixels, which will leave just the outline of the letter


Click to view full-sized

5. With your text layer active and the magic wand still set to contiguous, select the inside area of your cutout letter


Click to view full-sized

6. Open the image you want to insert into your letter, select all of it and copy it. Go to your selected letter and choose Paste Into from the Edit drop down menu. Use the move tool and/or Free Transform to position the image in the letter the way you want.


Click to view full-sized

7. Continue the same way until all of your letters are filled


Click to view full-sized

Scenic images courtesy of www.freefoto.com