Text Behind Image in Photoshop: 7 Steps + Free AI Tool

The text behind image effect creates visual depth that flat text overlays can't match. You've seen it on magazine covers, movie posters, and YouTube thumbnails - text that appears to sit behind the subject, creating a professional 3D layered look.

This guide covers two ways to create this effect:

1. Photoshop method - Full 7-step tutorial for those who want to learn the technique
2. AI alternative - 3-click solution for those who want quick results without Photoshop

How to Put Text Behind Image in Photoshop (7 Steps)

This method works in Photoshop CC, Photoshop Elements, and older versions. The whole process takes about 10-15 minutes once you know the steps.

Step 1: Open Your Image

Open your image in Photoshop. For best results, choose a photo with:

• A clear subject (person, object, or product)
• Good contrast between subject and background
• Some space around the subject for text placement

Go to File > Open and select your image.

Step 2: Add Your Text

Select the Type Tool (T) from the toolbar. Click on the canvas and type your text.

Text tips for this effect:

• Use bold, sans-serif fonts (Impact, Bebas Neue, Arial Black)
• Make the text large - it should overlap with your subject
• Position it where you want the final effect to appear

Don't worry about the text covering the subject right now - we'll fix that in the next steps.

Step 3: Duplicate the Background Layer

In the Layers panel, right-click on your background layer and select Duplicate Layer. Name it "Subject" or something you'll remember.

This duplicate layer will become the foreground that covers part of the text.

Layer order at this point:

1. Subject (duplicate) - top
2. Text layer - middle
3. Background - bottom

Step 4: Select the Subject

With the duplicated "Subject" layer selected, go to Select > Subject. Photoshop's AI will automatically detect and select the main subject in your image.

If the automatic selection isn't perfect, you can refine it:

• Use Select > Select and Mask for complex edges (like hair)
• Use the Quick Selection Tool (W) to add or remove areas
• Hold Alt/Option while clicking to subtract from selection

Step 5: Arrange the Layers

Make sure your layers are in this order (top to bottom):

1. Subject layer (with selection active)
2. Text layer
3. Background layer

If needed, drag layers in the Layers panel to reorder them. The text layer must be between the subject and background.

Step 6: Add a Layer Mask

With the Subject layer selected and your selection still active, click the Add Layer Mask button at the bottom of the Layers panel (rectangle with a circle icon).

This creates a mask that shows only the selected subject on this layer. The text will now appear behind the subject.

If the effect looks inverted (text in front instead of behind), select the mask thumbnail and press Ctrl+I (Windows) or Cmd+I (Mac) to invert it.

Step 7: Refine and Export

Fine-tune your design:

• Move the text - Select the text layer and use the Move Tool (V) to reposition
• Adjust text size - Use Edit > Free Transform (Ctrl/Cmd + T)
• Fix mask edges - Paint on the mask with black/white brush to hide/reveal areas
• Add text effects - Right-click text layer > Blending Options for drop shadow, stroke, etc.

When done, export via File > Export > Export As and choose PNG or JPG.

Troubleshooting Common Photoshop Issues

"Select Subject" doesn't detect properly

This happens with low-contrast images or busy backgrounds. Try:

• Use Object Selection Tool and draw around the subject manually
• Use Quick Selection Tool for more control
• Improve image contrast first with Image > Adjustments > Levels

Mask edges look rough or jagged

Open Select and Mask (with mask selected) and adjust:

• Smooth: 2-5 for softer edges
• Feather: 1-2px for subtle blur
• Shift Edge: -10% to -20% to contract the selection

Text appears in front of the subject

Your layer order is wrong. Make sure the masked Subject layer is above the Text layer in the Layers panel.

Free AI Alternative: 3 Steps, No Photoshop

Don't have Photoshop? Don't want to learn 7 steps? There's an easier way.

AI-powered tools can create the same text behind image effect automatically. The AI detects your subject, separates it from the background, and lets you add text in between - all in your browser.

Step 1: Upload Your Photo

Drag and drop your image or click to browse. Supports JPG, PNG, WebP up to 10MB.

Step 2: AI Separates the Subject

The AI automatically detects people or objects and creates the layer separation. This happens in your browser - your photos are never uploaded to any server.

Processing takes a few seconds depending on image size and device.

Step 3: Add Text and Download

Type your text and customize:

• 35+ fonts including Bebas Neue, Oswald, Montserrat
• Size, color, rotation, letter spacing
• Drag to position anywhere
• Multiple text layers
• Background brightness/contrast adjustment

Download as PNG or JPG - no watermark, completely free.

Try the free AI tool now - no signup required.

Photoshop vs AI Tool: Which Should You Use?

How to Choose the Right Method

Choose Photoshop if:

• You need pixel-perfect control over the selection
• You're doing complex compositing with multiple elements
• You already have Photoshop and know the basics
• You want to learn professional design skills

Choose the AI tool if:

• You want results in under 3 minutes
• You don't have Photoshop (or don't want to pay for it)
• You're creating social media content, thumbnails, or quick marketing materials
• You value privacy (everything processes locally in your browser)

FAQ

Can I do this in Photoshop Elements?

Yes. The steps are similar, but use Select > Subject (available in Elements 2018+) or the Quick Selection Tool for older versions.

What if my image has multiple people?

Both methods work with multiple subjects. In Photoshop, Select Subject will detect all people. With the AI tool, all detected subjects will appear in front of the text.

Can I add multiple text layers?

Yes in both methods. In Photoshop, add multiple text layers and keep them all below the masked Subject layer. The AI tool also supports unlimited text layers.

Which fonts work best for this effect?

Bold, sans-serif fonts create the strongest impact:

• Bebas Neue
• Impact
• Arial Black
• Oswald
• Montserrat Bold

Thin or script fonts tend to get lost behind the subject.

Conclusion

You now have two ways to create the text behind image effect:

Photoshop method gives you full control with 7 steps - ideal if you want to learn the technique or need precise adjustments.

AI alternative does it in 3 clicks - ideal if you want quick results without learning Photoshop.

Both create the same professional layered effect. Choose based on your time, tools, and goals.

Try the free AI tool | Read the full AI guide

You might also like our blur background tool for creating depth effects in portraits.