gradient map - Fedor Vasilev Photographer in Vienna

Gradient Map – Powerful tool to improve the post-processing of your photos

Read till the end of this post. A small gift is awaiting you there.

Here is a tool that I discovered a while ago – gradient map. I was watching a video with a technique for character drawing and there was a way to colour them with the gradient map tool. After using it for a couple of my drawings, I decided to try it out on my photos as well.

In this tutorial, I will show you how to use gradient maps. This is an extremely powerful tool which can help you to fix some errors or just make the photographs more appealing.

As far as I know, gradient map is available in Photoshop, Affinity Photo, Procreate …

I mostly edit pictures in Lightroom, but when I see potentially good photographs I take them to Photoshop. So in this tutorial, I will show you the gradient map tool in Photoshop. If you know this tool and use it in other programs this tutorial still might be helpful for you. Because I show not only the tool but also methods of use.

How to choose colours for a gradient map

For quite a long time I’ve been saving more and more gradients with different colours that I liked. If you don’t know what colours to choose here is a life hack – try to pick the colours from a painting or a photograph you like. WikiArt is a great source of the masterpieces of all times. I personally love paintings because, in my opinion, painters on average see colours better than photographers. It’s not proven but I see a lot fewer paintings with bad colours rather than photographs. For instance, I used Edward Hopper’s colours as references for some of my gradients.

The most important feature of the gradient map tool is that you can reduce the number of colours on your image. The stylisation is always about reduction. Reduction in details or colours can definitely help you improve your images. Thus, by using gradient maps you can make your photos more stylised. Some of the gradients that I have saved can be brown to black or bright warm green to dark cold green. Or sometimes I pick colours for a gradient map from a film photograph to make filmy colours on my shots.

Here is an example of one of the gradients that I use:

gradient map - Fedor Vasilev Photographer in Vienna

Step-by-step guide

1 – Define the colours for your gradient map

By that I mean to either choose 2 colours or up to 10-15 or any number you might require.

As I said, you can pick your colours from a painting or a photograph.

To do that you will need to select the gradient tool and open gradient editing by clicking on the gradient itself.

gradient map - Fedor Vasilev Photographer in Vienna
Click right there on the gradient.

Then you will see the window where you can create a new gradient preset.

2 – Pick colours for your gradient map preset

gradient map - Fedor Vasilev Photographer in Vienna

Start by clicking on the colour stop and then on the rectangle with your colour and then pick any colour on a photograph or a painting. Continue by pressing anywhere on the gradient to add more colour stops. The only key part is that it’s better to keep the colours consistent and pick the colours according to their values

You can see what colours I picked from my example image in the screenshot below.

gradient map - Fedor Vasilev Photographer in Vienna
To save the gradient preset – press NEW

3 – Save your gradient preset

Once you are finished press NEW

And ONLY AFTER this press OK.

If you pressed OK then go back to this window by pressing on the gradient in the top left corner and then name your preset and click new.

I do not recommend choosing 2 unnaturally flashy contrasting colours. This would be bright blue and bright red, for example. Since, in most cases, such combinations will make a photograph look like a sign of your nearest corner shop or a fast-food restaurant but not like an artistic artwork.

4 – Apply the gradient map

So once you’re ready, apply the gradient map.

The gradient map can be found in Adjustments here:

The Gradient map tool in the adjustments section

Or click Image > Adjustments > Gradient map

Now open properties and click on the gradient or an arrow next to it. You will be able to choose your saved preset there. Here you can adjust the preset for your image by moving the colour stops along the gradient.

gradient map - Fedor Vasilev Photographer in Vienna
Adjusting the gradient map for the photograph

5 – Reduce the opacity of your gradient map layer

I never use 100% opacity gradient map filters for photography. Try reducing the opacity of the layer to about 15-40% to achieve the best results.

Then play around with it and you will see how powerful this tool is.

6 – Choose a blending mode

Try also changing the blending mode since it gives you more ways to manipulate the image. You can edit only colours in blending mode “Colour” or you can also manipulate light in photographs with most of the blending modes

For instance, that’s how the same gradient map looks different depending on the various blending modes:

gradient map - Fedor Vasilev Photographer in Vienna

If you have a pre-edited image, try using Hue, Saturation or Colour blending modes. They will help since they affect colours but not the value. I use Normal, Overlay, Hard light and Hue most often. However, depending on the image, I use almost all of the modes but the craziest ones like Difference.

7 – Using the Mask layer with the gradient map

gradient map - Fedor Vasilev Photographer in Vienna

Using a mask you can also apply a gradient map to a part of the image. This enables you to colour separate objects, like the scarf in my example below. Obviously, you can mask any layers, so a gradient map is one of many ways to colour objects. Personally, I think this is just a great tool to make your colours stunning.

8 – Faking film colours with the gradient map

The great use of this photo filter is faking film colours.

gradient map - Fedor Vasilev Photographer in Vienna

I’ve been shooting on film for a few years. I have another post about the choice between film and digital photography. And unfortunately, a few years ago 35mm film was about 3 or more times cheaper. I remember that you could get a cheap roll for 2-3€ and now the cheapest is around 10€. Lately, the film has been rediscovered by hipsters and other people. Since it became trendy they started doing film photography. As demand and popularity grow, the prices grow at the same rate. Currently, shooting and developing one film roll costs around 20-30€. So even though it’s not the same as the shots made on actual film, there is another affordable option. We can still make similar light, grain, noise and colours as in the film photos.

To make the colours “like on film”, you can use a reference mode or a preset in Lightroom. Or you can also adjust the colours and values by using the gradient map tool in Photoshop. I’m planning to create a pack of gradient maps and actions for Photoshop to fake different types of film.

You can try to achieve this yourself by choosing a film photograph without a lot of colour variations and picking some colours on the whole dynamic range from blacks to whites and applying to your image as I explained before.

If you have more great ideas to use the gradient map tool, please share them with me! I would be excited to hear from you.

A small gift from me

If you want to try out one of my gradient map presets try downloading this file.

Then subscribe to my blog which will help me to continue writing tutorials 🙂

[yikes-mailchimp form=”1″]

Open the photoshop file and save the gradient for yourself. This gradient won’t work for most of the images but for some sunny evening scenes and on opacity 15-25% it might look just fine.

Thank you very much for reading till the end! Check out the other posts that I write every week on different photography topics

I use cookies to improve my content, provide social media features and analyse my traffic. I also share information about your use of my site with advertising and analytics partners. View more
Cookies settings
Accept
Decline
Privacy & Cookie policy
Privacy & Cookies policy
Cookie name Active
Cookies Policy Our Cookies Policy was last updated on 13.03.2024. This Cookies Policy explains what cookies are and how We use them. You should read this policy so You can understand what type of cookies We use, the information We collect using Cookies and how that information is used. Cookies do not typically contain any information that personally identifies a user, but personal information that we store about You may be linked to the information stored in and obtained from Cookies. For further information on how We use, store and keep your personal data secure, see our Privacy Policy. This Disclaimer was generated by TermsFeed Cookies Policy Generator. We do not store sensitive personal information, such as mailing addresses, account passwords, etc. in the Cookies We use. Interpretation and Definitions Interpretation The words of which the initial letter is capitalized have meanings defined under the following conditions. The following definitions shall have the same meaning regardless of whether they appear in singular or in plural. Definitions For the purposes of this Cookies Policy: “Company” (referred to as either "the Company", "We", "Us" or "Our" in this Cookies Policy) refers to [COMPANY INFORMATION]. “Cookies” means small files that are placed on Your computer, mobile device or any other device by a website, containing details of your browsing history on that website among its many uses. “Website” refers to Fedor Vasilev Photographer in Vienna, accessible from https://phfedorvasilev.com/ “You” means the individual accessing or using the Website, or a company, or any legal entity on behalf of which such individual is accessing or using the Website, as applicable. The use of the Cookies Type of Cookies We Use Cookies can be "Persistent" or "Session" Cookies. Persistent Cookies remain on your personal computer or mobile device when You go offline, while Session Cookies are deleted as soon as You close your web browser. We use both session and persistent Cookies for the purposes set out below: Necessary / Essential Cookies Type: Session Cookies Administered by: Us Purpose: These Cookies are essential to provide You with services available through the Website and to enable You to use some of its features. They help to authenticate users and prevent fraudulent use of user accounts. Without these Cookies, the services that You have asked for cannot be provided, and We only use these Cookies to provide You with those services. Cookies Policy / Notice Acceptance Cookies Type: Persistent Cookies Administered by: Us Purpose: These Cookies identify if users have accepted the use of cookies on the Website. Functionality Cookies Type: Persistent Cookies Administered by: Us Purpose: These Cookies allow us to remember choices You make when You use the Website, such as remembering your login details or language preference. The purpose of these Cookies is to provide You with a more personal experience and to avoid You having to re-enter your preferences every time You use the Website. Tracking and Performance Cookies Type: Persistent Cookies Administered by: Third-Parties Purpose: These Cookies are used to track information about traffic to the Website and how users use the Website. The information gathered via these Cookies may directly or indirectly identify you as an individual visitor. This is because the information collected is typically linked to a pseudonymous identifier associated with the device you use to access the Website. We may also use these Cookies to test new advertisements, pages, features or new functionality of the Website to see how our users react to them. Your Choices Regarding Cookies If You prefer to avoid the use of Cookies on the Website, first You must disable the use of Cookies in your browser and then delete the Cookies saved in your browser associated with this website. You may use this option for preventing the use of Cookies at any time. If You do not accept Our Cookies, You may experience some inconvenience in your use of the Website and some features may not function properly. If You'd like to delete Cookies or instruct your web browser to delete or refuse Cookies, please visit the help pages of your web browser. For the Chrome web browser, please visit this page from Google: https://support.google.com/accounts/answer/32050 For the Internet Explorer web browser, please visit this page from Microsoft: http://support.microsoft.com/kb/278835 For the Firefox web browser, please visit this page from Mozilla: https://support.mozilla.org/en-US/kb/delete-cookies-remove-info-websites-stored For the Safari web browser, please visit this page from Apple: https://support.apple.com/guide/safari/manage-cookies-and-website-data-sfri11471/mac For any other web browser, please visit your web browser's official web pages.
Save settings
Cookies settings