fbpx
  • Home
  • |
  • Blog
  • |
  • Tips for Adding Text to Slide Images

Tips for Adding Text to Slide Images

Adding text to slide images is a common practice. This practice has become a go to design hack as people move away from traditional slide layouts.

Done well it really enhances the individual slide and focuses the point the presenter is trying to make. Done badly, well, it just leaves the audience unimpressed and frustrated.

Here are some tips on what to avoid and how to get great results.

Overlaying Text onto an Image

This is probably the most common way presenters add text to slide images. If you’ve attended two or more presentations that included a slide deck, you’ve probably seen this technique. The concept is straightforward. Basically, you place a text box over an image on the slide.

Where people go wrong is using a bad combination of text color and image opacity (also called transparency). Many times, presenters don’t accommodate for color adjustments when projecting. What looks great on a computer screen doesn’t always translate through the projector.

Another mistake is thinking that just using either black or white text color is all that is needed for placing text over an image. Unfortunately, the more detailed your image, the more it competes with your text, regardless of its color.

To avoid these mistakes, the key is using opacity either on your image or as the text box background. On its own the original image is quite beautiful and would project quite nicely. However, the level of detail in the image makes it difficult to read text if one is just using white or black text color.

Bad examples of text on a slide image

bad example of text on an image

Use of Black Text Color

Most people wouldn’t place black text on this image. However, this color tends to disappear on images like this regardless of where it is placed.

bad example of white text on image

Use of White Text Color

Using white text, while better, still isn’t great. However, this is what presenters do most often.

Good examples of Text on Slide Images

adding text to image slides - opaic

Adjust Image Opacity

This example shows how image opacity improves the readability of the text. The image opacity/transparency is set to about 70%.

adding text to image slides - transparent textbox

Textbox Transparent Fill

Another way to create better readability is using a transparent text box fill. The fill is a dark gray set to about 50% opacity/transparency.

adding text to image slides - transparent shape

Transparent Shape Fill

A variation of this technique is to use the triangle shape placed in a corner. The fill in this example is set to about 20% opacity/transparency.

Adding Text to Image Negative Space

Another tip for adding text to slide images is to use “negative” or blank space of an image. Granted, most images don’t have this option. If you find one that has good negative as well as does a good job in helping convey your message, it can be quite effective.

The key is to make sure your text is in balance with your image. More often than not the amount of negative space influences how much text you should use. Additionally, the negative space doesn’t need to be devoid of imagery. It just needs to be minimal enough not to compete with the text.

text in image negative space

Use of Image Negative Space

In this example, the image’s negative space has sufficient space to have more text. However, it is right on the edge of being too much text. Being succinct is important 

text in image negative space

Minimal Use of Text

This example shows how minimal use of text is still impactful even though there is quite a bit of negative space.

Create a Side-by-Side

When adding text to slide images, sometimes the overlay technique isn’t the best choice, or the image doesn’t have enough negative space. In this case, a good strategy is to just put the image and text next to each other - a.k.a side-by-side.

This can be done either vertically or horizontally. The easiest way to do this technique is to add an image as a fill to a shape instead of the slide background. Most presentation applications include this option.

Horizontal

vertical side-by-side

Vertical

horizontal side-by-side

Use of Decorative Fonts

Avoid using overly decorative font or a script font that has lots of flourish. These are difficult to read especially for an audience who is viewing the slides at a distance. Also, it detracts from the overall visual impact and the message you are trying to convey.

Example Font: Braggadocio

decorative font side-by-side

Example Font: Kunstler Script

script font side-by-side

Conclusion

Visual impact is an important element of slides. One easy way to have this effect is by adding text to slide images. The key is to ensure there is enough contrast between the image and text to ensure your audience can read the text.

Additionally, contrast can be achieved in a variety of ways by adjust transparency of the image and text box fills, using negative space on image, or by placing the image to the side of the text.

In the comments below, share any specific techniques you use to make text visible against an image.

Related Posts

About the author 

Jennifer

Jennifer has 15+ years of public speaking experience - ranging from groups of 5 to 5000. She draws from her experience as an instructor, academic, and librarian to help others with their presentation skills. When not presenting she loves creating and designing online courses, video, images, slide decks, handouts, conference posters, and infographics.

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>