Adding text behind a person, product, building, or other foreground element creates depth without making the design feel crowded. The effect is common in posters, social media creatives, thumbnails, event graphics, and product campaigns. It works because the text sits in the scene while the main subject remains visually dominant.
The important distinction is that you cannot simply drag a text layer “behind” an object on a single flattened image. You need to place the text between two versions of the image: a full background and a foreground cutout containing the object that should overlap the text.
The layer structure that makes the effect work
A reliable composition usually has three layers:
- Foreground subject: a cutout of the person or object, placed above the text.
- Text: the headline, phrase, or label that should appear partially hidden.
- Background: the original image, kept below the text.
This structure preserves the original scene while allowing the subject to cover selected letters. It is also easy to edit later: you can change the wording, move the text, or refine the cutout without rebuilding the design.
Before editing, choose a high-resolution image and decide which parts of the subject should overlap the lettering. A clean silhouette is more important than an elaborate font. If the foreground edge is rough, the illusion will look artificial even when the layers are correctly arranged.
Photoshop workflow: the most precise method
1. Open and prepare the image
Open the image in Photoshop and save a working copy in PSD format. Duplicate the background layer and rename the duplicate Foreground Subject. Keep the original background layer untouched at the bottom of the layer stack.
2. Create the text layer
Select the Type tool, click on the canvas, and enter your text. Use the Character panel to adjust the font, weight, tracking, line spacing, and colour. Bold sans-serif fonts generally remain readable when parts of the word are hidden, while condensed fonts can work well in narrow compositions.
Place the text over the image temporarily. Use Free Transform to scale and rotate it, and consider the subject’s perspective. Text that follows the angle of a wall, road, or product label will usually feel more integrated than perfectly horizontal text.
3. Separate the foreground object
Select the Foreground Subject layer and use Select Subject as a starting point. Photoshop’s automatic selection can identify people and prominent objects, but inspect the result carefully around hair, fingers, wires, transparent packaging, and curved edges.
Add a layer mask rather than deleting pixels. A mask lets you restore detail if the selection removes too much. Paint with a soft or hard brush on the mask as appropriate:
- Paint white to reveal the subject.
- Paint black to hide unwanted areas.
- Use grey for partial transparency around soft edges.
For difficult outlines, switch to Select and Mask and refine the edge. Avoid excessive feathering; a large feather can create a visible halo around the subject.
4. Arrange the layers
Move the text layer below Foreground Subject and above the original background. The text should now disappear wherever the foreground object crosses it. If the effect is not visible, check that the cutout is masked correctly and that the text is not below the background layer.
5. Refine the visual relationship
The text does not need to pass behind the entire object. Mask parts of the foreground layer selectively so that only the intended letters are covered. This gives you control over readability and prevents the headline from becoming unnecessarily obscure.
Adjust opacity, colour, and blending mode only after the masking is correct. A slight reduction in opacity can help the text sit naturally in the scene, but excessive transparency weakens the message. Add a subtle shadow or stroke only when contrast requires it; heavy effects often make the design look detached from the photograph.
Browser and mobile alternatives
For a simpler workflow, use an editor that supports background removal, duplicate layers, and masking. Canva, Pixlr, Photopea, and similar browser-based tools can handle the same basic structure, although exact menu names differ. Start by duplicating the photo, place the text between the two image copies, and remove the background from the upper copy.
On mobile, look for apps with cutout, layers, and mask features rather than tools that only provide a basic text overlay. Automatic background removal is convenient, but zoom in and inspect the outline before exporting. Mobile editors are useful for quick social posts; desktop tools are preferable when the subject has fine detail or the design will be printed.
If the project involves repeated creative production, a text-based editing workflow may save time. For example, text-based AI video editing software can help teams repurpose campaign language across video assets, though a dedicated image editor remains better for precise foreground masking.
Designing text that remains readable
A convincing effect balances depth with legibility. Use these checks before export:
- Keep the most important words visible; hide only selected letters or sections.
- Choose colours with enough contrast against both the background and the subject.
- Avoid placing thin strokes over hair, foliage, or similarly detailed textures.
- Match the text’s scale to the subject. Oversized type can dominate the composition.
- Use line breaks deliberately instead of forcing text into a narrow gap.
- Leave safe margins if the image will be cropped for Instagram, YouTube, WhatsApp, or print.
Think about the intended audience and language as well. If you are creating campaign assets for Indian audiences, test Devanagari or other regional scripts in the chosen font. Letterforms with complex joins may need more spacing and a larger size to remain clear after compression. For multilingual work, a speech-to-text guide for regional Indian languages is a useful companion when turning spoken campaign ideas into captions, although the final typography still needs manual review.
Common problems and fixes
The text looks pasted on: reduce harsh shadows, match the image’s colour temperature, and use a subtle blend mode or opacity adjustment.
A white halo surrounds the subject: refine the mask, contract the selection slightly, or remove colour fringing in Select and Mask.
The text disappears completely: move the text above the background and below the foreground cutout. Also check whether the mask is hiding more of the subject than intended.
Edges look jagged: work from a larger source image, refine the mask at 100% zoom, and export at the correct dimensions instead of enlarging a small file.
The design is hard to read on phones: preview it at thumbnail size. Increase font weight, simplify the wording, or reveal more of the letters.
For before-and-after comparisons, keep the original file and export a separate flattened copy. This is especially useful when tracking visual changes across a series, much like the consistency checks used in tracking weight loss progress with photos.
Export settings
Keep the editable version in PSD, Photopea, or the native format of your editor. Export the final image as:
- PNG for transparent graphics or crisp text.
- JPEG for photographs intended for web or social publishing.
- WebP when the destination supports smaller modern web files.
Use the platform’s recommended dimensions, inspect the exported file on both desktop and mobile, and avoid repeatedly saving an already compressed JPEG. If the design is for print, confirm colour mode, resolution, bleed, and the printer’s file requirements before delivery.
The core technique is straightforward: duplicate the image, isolate the foreground object, place the text between the two image layers, and refine the mask. Once that structure is familiar, you can create the effect in Photoshop, browser editors, or capable mobile apps while retaining control over readability and finish.