It tastes better with Chopsticks

They really do taste better with chopsticks. I am referring to Chinese dishes such as steamed fish, stir-fried vegetables, rice, noodles and dim sum. At least for me, eating with chopsticks is part of the experience at a Chinese restaurant.

This Story isn't really about Chinese food. It is about a simple PowerPoint and Keynote technique I often use when text placed over a photograph does not have enough contrast. No sophisticated image-editing software is required. I call the technique The Magic Gradient.

When text disappears into the photograph

A photograph can contain very different light and dark areas. White text may be clearly visible over a dark area but become difficult to read when it crosses a lighter part of the photograph. The underlying problem is insufficient contrast between the foreground text and the background image.

The Magic Gradient

When I prepared the slide in Fig. 1, the photograph suited the topic but the light areas made parts of the white text disappear. The solution was to place a rectangle between the photograph and the text, then fill it with a dark-to-transparent gradient.

The darker, opaque end sits behind the text and increases contrast. The gradient then becomes progressively transparent away from the text, allowing more of the original photograph to remain visible. In this example, the darker end creates sufficient contrast behind the title while the transparent end keeps the chopsticks clearly visible. This matters because the chopsticks are part of the visual story and connect directly with the title, “It tastes better with chopsticks.”

When positioning a gradient, consider not only where the text needs additional contrast, but also which parts of the photograph should remain visible because they contribute to the message. A solid rectangle can also create contrast, but it produces a more obvious separation between the text and photograph. A gradient lets the adjustment blend progressively into the image, improving readability without unnecessarily hiding visual elements that help communicate the story, as shown in Fig. 2.

Use only as much as you need

The gradient should not unnecessarily cover or darken the entire photograph. Use enough to make the text clearly readable while preserving as much of the original image as possible. Normally, only the area behind and immediately around the text needs additional contrast.

The technique also works in either direction. For white or light text over a light photograph, use a darker gradient behind the text. For dark text over a dark photograph, use a lighter gradient. The principle is to adjust the background only where the foreground text needs help.

Create The Magic Gradient in Keynote

These steps use the current Keynote controls on Mac:

1. From Shape, add a rectangle and resize it to cover the part of the photograph behind the text.
2. With the rectangle selected, open the Format sidebar, choose Style, expand Fill and select Gradient Fill.
3. Set both colour wells to the same dark colour. Use the gradient direction or angle controls so the opaque end sits behind the text.
4. Open the Colours window for the colour at the opposite end and reduce its Opacity to 0% so the gradient becomes transparent.
5. Resize and position the rectangle so it provides only the contrast you need.
6. If the rectangle covers the text, select it and choose Arrange > Send Backward until it sits between the photograph and the text.
7. Watch the Keynote demonstration.

Create The Magic Gradient in PowerPoint

The same technique can be created with PowerPoint's current shape-formatting controls:

1. Choose Insert > Shapes > Rectangle, then draw the rectangle over the part of the photograph behind the text.
2. On the Shape Format tab, set Shape Outline to No Outline and remove any unwanted shape effects.
3. Right-click the rectangle, choose Format Shape, then under Fill & Line select Gradient fill.
4. Choose a Linear gradient and set its direction so the opaque end sits behind the text.
5. Keep the two end gradient stops and remove any additional stops that are not needed.
6. Assign the same dark colour to both end stops. Set the stop behind the text to 0% Transparency and the opposite stop to 100%.
7. Resize and position the rectangle so it provides only the contrast you need.
8. If the rectangle covers the text, use Arrange > Send Backward until it sits between the photograph and the text.
9. Watch the PowerPoint demonstration.

Improve contrast where it is needed

You do not need Adobe Photoshop for this particular technique. PowerPoint and Keynote already provide the tools needed to create a simple transparent gradient overlay. Improve the contrast only where it is needed so the text remains readable without unnecessarily sacrificing the photograph.