Tutorial•7 min read
By Vikram Hegde, founder and developer, overlay text
How to Put Text Behind a Person in a Photo
A step-by-step guide to creating a text-behind-person effect in a browser, choosing a suitable photo, and refining the result for readability.
The text-behind-person effect places lettering behind the foreground subject of a photo so the person appears to stand in front of the words. It can add depth to portraits, product photos, and thumbnail-style graphics when the text remains readable. This guide explains a browser-based workflow and the image choices that make the effect easier to refine.
1. Choose a Photo With a Clear Foreground Subject
Start with a photo where the person is visible against a distinguishable background. Good lighting, a defined silhouette, and enough space around the shoulders or head make it easier to place large text. If the background is very busy or the subject blends into it, use a different crop or a standard overlay instead.
2. Add a Short, Bold Text Layer
Use a short name, title, or phrase. Large, bold letters are easier to read when part of the text sits behind the person. Put the message near the subject rather than directly over the face, and leave enough of the letters visible on either side to make the layered effect clear.
3. Enable Text Behind Image Mode
In the Overlay Text editor, apply the text-behind-image mode to the text layer. The editor uses subject detection to help create the layer relationship. Inspect the edges and position after applying the effect because results vary by photo.
4. Adjust Contrast, Placement, and Scale
Move the text into a readable part of the composition, increase contrast if it blends into the background, and scale it until the depth effect is visible. A shadow or outline can help, but use these controls sparingly so they do not compete with the photo.
5. Check the Final Image Before Exporting
Preview the image at the size where it will be published. Confirm that the person remains recognizable, the words can be read quickly, and any dates, prices, or calls to action are accurate. Review the current export options before downloading.
When a Manual Layer Workflow Is Useful
A manual image editor can be a better fit if you need detailed masks, retouching, complex compositing, or print-specific controls. The browser workflow is most useful when you want to test the text-behind effect on an existing photo and make fast editorial adjustments.
Frequently Asked Questions
What photos work best for text behind a person?
Choose a well-lit photo with a clear person, useful empty space, and visible separation from the background. Portraits and product-style images often provide a good starting point.
How can I make the effect more readable?
Use fewer words, increase the text size, choose a contrasting color, and avoid covering the face. Check the thumbnail or mobile-size version before you publish.
Can I create text behind objects as well as people?
You can try the same workflow with a distinct object. Results depend on the clarity of the subject and background, so review the mask and adjust the composition as needed.
Conclusion
The strongest text-behind-person designs start with a clear image and a concise message. Build a draft in the Overlay Text editor, then use the text-behind-image guide for more ideas.
Written by
Vikram builds Overlay Text, the browser-based text-behind-image and knockout text editor, and writes the tutorials on this blog based on how the editor actually works.
Try the steps in this article in the free Overlay Text editor.
