graphic design

design principles
choosing color
design layout
graphic formats
photoshop tutorials
gradient map images
transparent backgrounds
using the liquify tool
creating a favorites icon
quick tips

home > graphic design > photoshop tutorials > gradient map tutorial

gradient map tutorial

This is a handy way of getting a photographic image to have a gradient effect, whereby you can specify the exact colors you would like the image to appear in. This is useful if you want to have the image blend in with a specific hex color value. Basically, you can specify the foreground and background color you would like to blend the image with. You can also create new gradients, and have the image blended between more than two colors.

Open your image in Photoshop:

Original image

Select the foreground and background colors:

Selecting colours

Go to Image > Adjust > Gradient Map:

Gradient map

Your resulting image will look something like this:

Gradient image

You can also select "Reverse" from the Gradient Map pop up box to achieve this effect:

Reverse gradient map