Alibony - Web Design and Graphics

Photoshop Elements: Fill Text with a Single Image

Send article Print article

Adobe^® Photoshop^® Elements 6

July 31, 2008

You can fill text with an image in two ways:

• Fill a line or paragraph of text with a single image.
• Fill single characters in a word with different images.

The process you use to fill the text varies for these two results. In this lesson, we will fill a line of text with a single image.

Example	Picture Used for Fill

To fill a line of text with an image:

1. Press D to set the foreground and background colors to the default colors of black foreground and white background.
2. Open a new file and fill the background with white.
3. From the toolbar, select the Horizontal Type tool and enter your text in black. Choose a font that has wide thick characters so that your image will show through clearly. A type layer is created above the background layer.

4. With the type layer selected, press Ctrl+T to display the transform bounding box:

   1. Drag the handles on the transform box to resize and reshape your text as needed.
   2. Click Commit (the green checkmark) to commit your changes.

   

5. In the Layers palette, click the Create New Layer icon to create a new blank layer above the type layer.

6. To place the image you want to show in the text, from the File menu, select Place:

   1. In the Place dialogue, navigate to the folder and file you want to use.
   2. Click Place. The image is opened in the new layer and is displayed in a bounding box that you can resize.
   3. Grab a handle on the bounding box and resize the image as needed. From the View menu, select Fit on Screen to see any hidden handles if necessary.
   4. Click Commit (the green checkbox). The image should completely cover the text on the layer below.

   Note: The Place command is really useful if you want to use an image that is much larger in dimension or a different resolution than the one that contains the text. When you place an image, Photoshop Elements automatically converts the image to the correct resolution and size you want.

7. Select the image layer and press Ctrl+G to create a clipping group with the text layer below. The picture now appears within the text.

   

Versatile Editing

Because the image layer and the text layer are separate, you can make changes to the text layer and more or less of the image will displayed. You can also use the Move tool to move the picture so that a different view is displayed within the text. For example:

• Use the Effects palette to add special effects to the type, such as a bevel and a drop shadow.

  

• Use the Create Warped Text option on the Type Tool options bar to warp the text:

  

  

Filled Text Postcard

To create the postcard shown in this lesson:

1. Create the filled text as described above.
2. Use the Effects palette to add a bevel and drop shadow to the text.
3. Use the Create Warped Text option on the Type Tool options bar to warp the text.
4. In the Layers palette, add a new layer above the white background layer and below the text layer. Place a background image in the new layer.
5. In the Layers palette, reduce the opacity of the background image layer as desired.
6. Add text layers at the top of the layer stack. Enter text in a different font to complement the picture text.
7. Apply special effects to the text layers as desired. In this example, an inner glow and a drop shadow were added.

Related

Photoshop Elements: Fill Single Text Characters with Images

Updated on August 2, 2008