Gradient Mapping an Image

John Woods
Adobe Certified Expert Photoshop 5.0
EJW Graphics Inc.
ewoods@servtech.com

Figure 1

Figure 1 shows the original image I am going to use in this tutorial.

I am going to use a Gradient Map Adjustment Layer to add color to the

feather. Gradient Mapping applies a gradient across the image mapping the colors
onto the feather while preserving the highlights and shadows of the image.

Page 1
 Figure 2

Figure 2 shows the Layer palette with the New Adjustment Layer selected, notice
that Gradient Map is highlighted in the layer type box.

Figure 3

Figure 3 shows the new Adjustment Layer popout dialog box. this box allows you to
rename the Adjustment Layer.

Page 2
Figure 4

Figure 4 shows the Gradient Map popout dialog box when it opens. the grayscale
black to white gradient is selected by default. If you click on the gradient shown
in the dialog box, the gradient editor popout menu appears. See Figure 5 on
the next page

Page 3
 Figure 5

Figure 5 shows the Gradient Editor popout dialog box. In this box you can
choose a different gradient and set transparency and color Stops to modify
the gradient chosen.

Page 4
 Figure 6

Figure 6 shows the Gradient Editor popout dialog box. with a noise Gradient
selected. You can also click on the randomize and the Gradient Editor will
step through different color combinations for the gradient map.

Page 5
Figure 7 shows the Gradient Editor popout dialog box. I randomized the
gradient and clicked on Add Transparency, I set the Roughness to 50%.
I can also manipulate the color sliders which will change the color of the
gradient.

Page 6
 Figure 8

Figure 8 shows the Gradient Map popout dialog box that appears when I
click OK in the gradient editor popout menu. . To apply the gradient map
to my image I click OK.

Figure 9

Figure 9 shows the Layers Palette with the Gradient Map Adjustment Layer
selected (highlighted).

Page 7
 Figure 10

Figure 10 shows the Layer Properties selected

Figure 11

Figure 11 shows the Layer Properties popout dialog box with the color
codes showing.

Figure 12

Figure 12 shows the Layers Palette with the Gradient Map Adjustment Layer
selected (highlighted). Notice that the layer has been color coded and also the
Layer blend Mode has been changed from Normal to color.

Page 8
Figure 13 Figure 13 Original image before Gradient Mapping

Figure 14 Figure 14 Original image after Gradient Mapping

Page 9