how to add a fade in Photoshop video transcript

[A Windows desktop with images in a folder]

Hello, I'm going to show you how to add a fade to an image using Photoshop. This is useful when you're creating a hero image and you want your breadcrumbs that sit on top of the image to have sufficient contrast against the background. So, if you open up your image in Photoshop. So, I've done a right click on the image and opened it in Photoshop.

To create the fade, you need to use the gradient tool, which is down here, it's on the left hand side. So gradient tool, I want the gradient tool preset "foreground to transparent". OK, then I want the gradient to be linear, which is this icon here, and I want the foreground to be white (so I can switch black and white). So I want the foreground to be white. So I want to run this fade parallel to the edges of the image so I hold down shift [and click] and I just run the fade down as far as I want it to go. So that's just a fade at the top of the image. So a black breadcrumb, for instance, would sit nicely against that fade.

Now, if I wanted to use a white breadcrumb, I would switch the foreground to black down here and again, similarly, I will hold down shift [and click] and run it down the page as far as I wanted to go. And that's created black fade so [it would] allow a white breadcrumb to sit on top of that.

I'll show you if I go all the way down the page, which we won't want to do, how far you can take that down. That's gone very dark. We wouldn't want that.

You can also just add a little bit of fade to a certain section of the image by using this radial gradient here. So if I click on that I can, let's go for a white foreground, so, if I want to just make this section a bit lighter, I can just do a radial. So I'll just show how that works. Wherever you start with the point of the radial gradient, it will create a circle around that. But you wouldn't want to have it on the page like that.

So I'll just show you again. So I want to add a linear gradient to this image, a nice white fade from the top. I hold down shift [and click] and I run it down the image and it adds a white fade to the top. And that is how to add a fade to an image in Photoshop.

How to add a fade in Photoshop video

Back to Contrast ratio