7 Effective tips for overlaying text on imagery

This blog post is a sponsored post brought to you by the great guys over at In this blog post where looking at effective tips for incorporating text on imagery. When it seems like typography alone just isn’t the right medium for what you’re working on, don’t forget about the creative power of photography.

Incorporating text with imagery is a literal balancing act. To create something professional, effective and aesthetically pleasing all of the elements have to fit – otherwise it can look haphazard. Here are a few guidelines to stick to for a foolproof design.

1. Pay attention to color contrast and brightness

The text color should always have a strong contrast against the background image — otherwise your text won’t be legible. Using lighter text over a darker image, or vice versa, is one of the more commonstrategies. For a more unexpected touch, try using complementary colors, like blue and orange. Not only will the text effectively stand out, but it will infuse some extra color into the design.

19129435_x2 20906785_x2 50337076_x2

2. Blurring Imagery

Try using a blurring effect to tone down a busy image. Instead of being a focal point, the image becomes an element that can enhance and contribute to the atmosphere of the overall design. It also provides a cleaner slate to place the text over.

19129435_x2 (1)

3. Weigh your text

While big, heavy text will definitely get people’s attention, it is not always the best route to go. Try playing around with the text weight to balance out your image. If the image is heavy and bold, a lighter, more delicate text can provide a nice contrast. Using a thinner weight can be just as eye catching as thicker text since more of the image is visible.


4. Put thought into your image

The image you select will have as big a role in communicating your message as the text — so you wantthe two elements to work in tandem. Make sure the image evokes the same emotion and context as the text you are putting over it. For example, placing the sentence “fresh, gourmet food” over a generic, processed-looking sandwich on a white background isn’t going to conjure the same feeling as placing it over an image of someone cooking a meal with fresh ingredients.


5. Utilize an image’s perspective

You can play with the perspective of your image simply by changing the size of your text. Larger text creates the illusion that it’s closer to the reader, while smaller text looks like it’s sinking into the distance.


6. Place text strategically

While it may be your first inclination to place text in the center of an image, it might not always be the most effective spot. You have to take the entire image into account, otherwise the text placement can look sloppy or cover up an important aspect. A good strategy is to look at the visual flow of the image; do your eyes gravitate to a certain area? Is the subject of the photo looking in a certain direction? These can be great places to put text as they are a natural focal point.


7. Frame your text

Surrounding text with a frame helps create a clear focal point. Use a shape or even graphic elements, such as lines, dots and arrows to encase the text and draw the eye. If the frame has a colored background, try adding a bit of transparency. This allows you to see the background image through the frame and pull the entire piece together.


Explore more imagery to incorporate with your text at iStock by Getty Images


Post tags


Please leave a comment

7 thoughts on “7 Effective tips for overlaying text on imagery

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.