fbpx

How To Fill Text With An Image In Photoshop (Step By Step)

Last Updated:

One way to get creative with text is to learn how to fill text with an image in Photoshop. This can give the text a unique look and theme, and it is easier to create than you’d expect! No selections or complicated tools are required.

Let’s see how it’s done.


Lesson Summary
Step 1: Add Text Onto The Image Using The Type Tool (T)
Step 2: Move The Image Layer Above The Text, Right-Click On The Layer And Select Create Clipping Mask
Step 3: Go To Layer > New Fill Layer > Solid Color To Add A New Background (Optional)
Step 4: Go To Layer Styles > Drop Shadow (Optional)
Step 1: Add Text Onto The Image Using The Type Tool (T)
Step 2: Move The Image Layer Above The Text, Right-Click And Select Create Clipping Mask
Step 3: Go To Layer > New Fill Layer > Solid Color To Add A New Background (Optional)
Step 4: Go To Layer Styles > Drop Shadow (Optional)

Video Tutorial

How To Fill Text With Images In Photoshop

Step 1: Add Text Onto The Image Using The Type Tool (T)

You can add the text to your image using the Type Tool (T).

You can then click anywhere on the document to create a new text box and type in the word or words you’d like to fill with the image. For this effect to work best, you’ll need a bold font – the thicker your font, the more of the image will show through. To select a font and set the size, change the settings in the Options Bar.

Step 2: Move The Image Layer Above The Text, Right-Click And Select Create Clipping Mask

To add the image to the text, unlock the background image layer by clicking the lock icon to the right of it. Then, drag the text layer below the image layer.

You’ll only see the image—it will look like the text has disappeared. Then, Right-click or Control + click the image layer and select Create Clipping Mask.

The image will be “clipped” to fill the text layer. In the Layers Panel, you’ll see a small arrow pointing from the Image Layer to the Text Layer, representing the clipping mask.

Step 3: Go To Layer > New Fill Layer > Solid Color To Add A New Background (Optional)

The background will be transparent, but you can change it to a colored background by adding a new fill layer and placing it behind the text and image layers. However, if you want a transparent background, stop here and export your project as a PNG.

Go to Layer > New Fill Layer > Solid Color to change the background.

In the New Layer window that comes up, you can name your layer if you’d like and click OK. You’ll then see the Color Picker window appear. Click the color you’d like to fill the layer with.

You’ll see the fill layer currently covers the project’s text and image. To place the layer behind the image and text, click and drag it to the bottom of the stack. The text with the clipped image will appear in front of the fill layer, the solid color making up the background.

Step 4: Go To Layer Styles > Drop Shadow (Optional)

Finally, you can add a drop shadow to the text as a finishing touch. To add a drop shadow, head to the Layers Panel and double-click the Text Layer.

The Layer Styles window will appear with a variety of settings. On the left, click the Drop Shadows box near the bottom of the list.

You’ll see various settings that will adjust the drop shadow in different ways. The main settings you’ll want to focus on are the Opacity, the Distance from the text, the Size, which will soften the shadow, the Angle, and the Spread.

Adjust these as you see fit. For my project, I’ll use a more subtle shadow sitting behind the text to help it stand out against the background.



How To Move Your Image Within A Text Layer In Photoshop

You may want to move the image so that a different area of the image appears as the fill of the text. To do this, go to the Layers Panel and click the Image Layer. Then, click the Move Tool (V).

Click the image layer and drag the cursor until you’re happy with the placement.

Now, the effect is finished. You can export the text as it is or use it as a basis for your project. You can see my guide to saving images in Photoshop if you aren’t sure how to wrap up your project!



Photo of author
I'm a Canadian photographer and photo retoucher turned founder of bwillcreative.com. Around here I help you to decode the mystery of photo editing with no-fluff videos and written guides to help you achieve your creative goals. Outside of shooting photos and my passion for educating, you'll find me mountain biking or on the trails with my dog, Sunny!

Continue Reading:

How To Create Adjustment Presets In Photoshop

Learn how to create adjustment presets in Photoshop in a few easy steps to speed up your work and create consistent edits across multiple images

How To Use The Marquee Tool In Photoshop

Learn how to use the Marquee Tool in Photoshop to crop layers, create basic selections, add selective adjustments, and more with ease.

How To Crop A Layer In Photoshop (3 Simple Methods)

If you're struggling to figure out how to crop a layer in Photoshop, you're not alone. Fortunately, there are a few easy (not so obvious) methods to help you crop a single layer in Photoshop.

How To Use Generative Remove In Lightroom – Complete Guide

Learn how to use the Generative Remove feature in Adobe Lightroom to seamlessly remove large objects from your photos with AI.

What Are Embedded Previews In Lightroom + How To Use Them

Use this guide to help you understand the use of embedded previews in Lightroom along with tips to help you use them in your workflow.

Adobe Lightroom System Requirements For Mac & PC

Here's a breakdown of the system requirements for Adobe Lightroom Classic and Lightroom CC to make sure it will run smoothly on your computer.

How To Outline An Image In Canva

Learn how to outline anything in Canva from outlining images, shapes, text, designs, and more with a few easy steps.

How To Add A Border In Canva (To Images, Shapes & Text!)

Learn how to easily add a border to your designs, images, shapes, and text in Canva using these step by step techniques.

How To Make A Background Transparent In Canva

Learn how to create and export images with transparent backgrounds in Canva to open up more design options and creative styles.

Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments