How to Add Color Gradients on Images in PowerPoint

Transparent color overlays and gradients are a popular and handy way to achieve numerous effects with a photo. You can emphasize your brand identity by using your company colors on top of the image. You can use gradients to make sure the text you add on top is easily readable. You can use colors to intensify a certain emotion created by the photo. There are endless possibilities.

There might be a million other ways to add color overlays and transparent gradients to your photos, but we want to show you how to do it without even leaving PowerPoint.

Start by adding a photo to your slide

You can begin by adding a photo background to your slide or just add any image you want your audience to see. You can make image adjustments to the photo in case you need to change its brightness, contrast, sharpness, etc.

Screenshot of PowerPoint

Add a shape to your slide

You will need to create a rectangle shape and scale it across the entire slide. In case you’re not using the image as a background, just scale the shape over the photo borders.

Screenshot of PowerPoint

Access the format settings

After you draw your shape, right-click on it and select the Format Shape option to open the settings panel that will let you start adjusting your gradient overlay.

Screenshot of PowerPoint

Switch to gradient fill

Select the Gradient fill from the Shape Options at the top. Next, move down to the gradient stops and add the colors you want to use for your overlay.

Screenshot of PowerPoint

Select your colors

Open the color selector to pick a color using the eyedropper or hit More Colors to add your brand colors using their HEX values.

Screenshot of PowerPoint

Adjust the color balance

Move the gradient stops to define the balance between the colors and whether you want one color to be dominant, or you’d like a 50:50 ratio.

Screenshot of PowerPoint

Adjust the overlay transparency

The slider here lets you adjust the transparency of your gradient overlay for each of the colors you’re using. So in our example with the two gradient color stops, we need to select them and adjust their transparency individually.

Screenshot of PowerPoint

Based on the image you’re using, you’re going to need to test and adjust the transparency for the effect you want to achieve.

Sometimes you’ll need lighter transparency where the photo in the back stands out a bit more. Also, you can try using different transparency levels for separate colors so that one side stands out more while the other keeps the image hidden.

Screenshot of PowerPoint

In a lot of cases though you’ll need your text to pop a bit more so you can bring down the transparency levels. It all depends on the purpose of the slide, so remember that.

Screenshot of PowerPoint

Adjust the gradient angle

To rotate the gradient and adjust the position you want, use the Angle setting. You can twist it around from 0° to 360° so you can be incredibly precise.

Screenshot of PowerPoint

You can switch the angle based on the idea of your slide. Usually, most gradients are designed with a diagonal, horizontal, or vertical angle. Here you can see the difference between 0° and 180°.

Screenshot of PowerPoint

Add multiple gradient colors

To achieve an even more precise result, you can add multiple colors to your gradient and regulate each colors transparency brightness, position, etc.

Go to the Gradient stops section and click the Add gradient stop button to add as many colors as you’d like. If you decide you want to switch back to a simpler mood, just remove them from the delete button next to it.

Screenshot of PowerPoint

Summing Up

This is how you can skip using complicated image processing software and create your transparent gradients straight into PowerPoint. This way, you can focus on polishing your presentation story and make all necessary adjustments to your slides without switching between apps. PowerPoint actually has all you need to create and adjust a professionally looking gradient.

Let us know if you need any more help with the design of your slides. We at 356labs presentation agency are always here to help.