Photoshop Tutorial - Brand Colour Your PNG Overlays with the Gradient Tool

Today's Photoshop Tutorial video will show you how you can recolour your png overlays - like frames and embellishments - using the gradient tool. It is suitable for beginners and walks you step-by-step through the process.

Always been tempted to try Photoshop? Go on, have a go!


The Gradient Tool in Photoshop is a great way to add your brand colours to overlays and blog graphics. If you are new to Photoshop, this video tutorial will walk you step-by-step through using the Gradient Tool. There is a free Quote PNG Overlay available to practice on too. 



Branded Images

One of the most important things you can do for your images is to make them consistently, recognisably yours. And, one of the easiest ways to do this is by using your brand colours.

Photoshop is a wonderful tool for making your images and graphics work together. It can, however, be a little overwhelming when you first peer inside the software. It isn't particularly intuitive either. But, it is surprising just how much you can do as a blogger with a few key tools and tips. If you've been tempted to try, I will be creating a series of simple Photoshop tutorial videos to show you the essentials.

I use mostly single-colour images on my blog, as you can see. I definitely favour the grey end of the scale! If, however, you have a more colourful approach to your blog, gradients are a great way to go multicoloured while staying consistent and on brand.


Photoshop Tutorial

The video will show you how to:

  • protect the transparency on your overlay
  • set the colours for your gradient
  • apply a gradient





The Quote Overlay png file used in the video is available in the Resource Library


This technique is ideal if you like striking images, or would like to use more than one of your brand colours on your blog image frames or embellishments.

If you want to apply a gradient fill over an entire image, use the same technique. Create a new layer and either drag from top to bottom, or diagonally, depending on the look you are after.

It is a good idea to save any recoloured overlays you create in one folder, so they are easy to find and quick to use when you are creating new blog images.