Gradient maps are a secret weapon for retouchers and colorists. It’s so easy to make photography look rich or cinematic, by adding a simple gradient Map, and a couple of other easy moves that we will get to in this Photoshop tutorial by Colin Smith of PhotoshopCAFE. (Thats me). This tutorial is for Photoshop 2020+ when they added the gradient panel. I have a tutorial here for earlier versions of Photoshop.
There are several parts to this short, but in depth tutorial.
We will start with this image from Adobe Stock, you can use one of your own images.
Click on adjustment Layers in the Layers Panel
Choose Gradient Map
The Properties panel will show the last used Gradient active
You can see how it effects the photo right away.
The gradient map maps the colors of the gradient to the tones of the image.
The colors on the left of the gradient are mapped to shadows, the colors on the right are mapped to highlights.
Here we can see the results of a blue to white gradient.
So far, we have changed the color of the image, but we want to blend it with the original colors to get a more color graded look.
In the Layers panel choose the Gradient Map layer.
Change the blending mode from Normal to color.
And now the tones are preserved and only the color changes. Look at this beautiful rich blur tint.
To move into a more cinematic color grade, lower the opacity of the color layer, so it blends with the original color.
Look at this color, it’s ready for TV or the movies, and it was easy.
Recapping the 3 moves.
Now, read on and find out how you can unlock hundreds of gradients that are in Photoshop already, but hidden.
Open the Gradients panel Window>Gradients (Only in Photoshop 2020 or newer) here for earlier versions of Photoshop.
Click on the panel menu and choose Legacy Gradients
You will see a whole library of gradients load up.
Go back to your gradient Map layer and click on the properties panel.
All these Gradients will now be visible in the menu. Scroll down to the Photographic Toning ones, these are really good. They have been in Photoshop forever, but so few people know about them. You are now one of those lucky people (Aren’t you glad you came to PhotoshopCAFE?)
Try clicking other options to instantly update your image.
Here you can see a red to green gradient is over the image. Its position based and has no regard to tone.
Here, the green to red gradient is applied as a gradient map. The reds to Shadows and greens to highlights.
If you choose the Reverse option is will flip the gradient map
Now greens are in the shadows and reds in the highlights.
I hope you found this tutorial enlightening.
I’m making new tutorials every week, so why don’t your subscribe to our newsletter so you will get a reminder when I release each new tutorial.
Great to see you here at the CAFE
Browse our hundreds of other free tutorials here, or search for what you are looking for in the search at the top of the page.
You can also browse by topics in the free tutorials menu.
If you are ready to get serious about Photoshop, see our full length courses here
For notifications when I post new tutorials and livestreams, join our mailing list
Keep the conversation going; follow us on Social Media:
One of the most popular features here at photoshopcafe is the “Super Tutorials”.In Super Tutorial #3 This will be a...
This tutorial clearly shows you the difference between vibrance and saturation in Photoshop. Once you understand how each of these color...