Decorative Flower
Her Realm, Personal website and blog of Cole

Method 1

This makes your image “show through” your text, as though your text were glass over the image or, with a shadow, it can appear like part of your image is “Above” the rest.

Open your image. You might find it helpful to practice on an image larger than icons. I am using an image 300 x 300 pixels. Preview

Select the Text tool (the “A” button) and click on your image. Once your text box pops up, type in your text. Choose the font face and size you’d like from the Text Tool Palette/Tool Bar. The colour or stroke colour do not matter because we will not see them.

Also in your Tool Palette look for “Create As:” and select vector.Preview

Click “Apply” in the text box. Position and resize your text if desirable.

Next, click the “Selections” menu and select “From Vector Object” (or hit CTRL + Shift + B). Now your text is selected and you should see the marching “ants” around it. Preview

Now, click the “Layers” menu and select “Delete.” The “marching ants” will now be selecting a portion of your original image in the shape of your text.

I would suggest making your selection a new layer, just in case you make a mistake. Go to the “Selectons” menu and click “Promote Selection to Layer” (or hit CTRL + Shift + P). Preview

Make sure your new layer is selected in the Layers Palette. You can deselect the selection by going to the “Selections” menu and hitting “Select None” (or press CTRL + D).

Now, let’s add some style to your text.

You can add a Beleve (“Effects” Menu, 3D Effects, Inner Bevel) or Drop Shadow (“Effects” Menu, 3D Effects, Drop Shadow). I applied both. Preview

Now you have your text with the background “showing through.” Preview

Method 2

This tutorial added a step for ease you can also obtain this effect by following these steps.

Open your image. You might find it helpful to practice on an image larger than icons. I am using an image 300 x 300 pixels. Preview

Select the Text tool (the “A” button) and click on your image EXACTLY where you want your text to show up. Keep in mind whether your text is centered or left aligned because once you apply the text selection, it cannot be moved to Floating or Vector text.

Once your text box pops up, type in your text. Choose the font face and size you’d like from the Text Tool Palette/Tool Bar. The colour or stroke colour do not matter because we will not see them.

Also in your Tool Palette look for “Create As:” and select Selection.

I would suggest making your selection a new layer, just in case you make a mistake. Go to the “Selectons” menu and click “Promote Selection to Layer” (or hit CTRL + Shift + P). Preview

Make sure your new layer is selected in the Layers Palette. You can deselect the selection by going to the “Selections” menu and hitting “Select None” (or press CTRL + D).

Now, let’s add some style to your text.

You can add a bevel (“Effects” Menu, 3D Effects, Inner Bevel) or Drop Shadow (“Effects” Menu, 3D Effects, Drop Shadow). I applied both. Preview

Now you have your text with the background “showing through.” Preview

Skip to toolbar