This browser does not support basic Web standards, preventing the display of our site's intended design. May we suggest that you upgrade your browser?

Adobe Photoshop CS2

Applying A Gradient

Photoshop allows you to make a gradual transition between two colors by using the Gradient Tool. A gradient color can be applied to any selected area of an image or background. If no area is selected, the gradient will be applied to the entire layer. Photoshop offers many patterns for the gradient to follow, or you can create your own pattern. This document shows you how to apply a preset gradient. To create a custom gradient, refer to Creating A New Gradient Style.

Fill an area with a gradient by clicking and dragging in the image. The starting point and ending point affect the gradient appearance in different ways, depending on the Gradient Tool used.
NOTE: The Gradient Tool will not work in Bitmap or Indexed Color modes.

  1. Select your Foreground and Background colors 

  2. Select the area you wish to apply the gradient to

  3. From the Toolbox, select the Gradient ToolGradient Tool button
    NOTE: If the gradient tool is not visible: to reveal the Gradient ToolGradient Tool button, click and hold the mouse over the Paint Bucket ToolPaint Bucket tool button.
    The Gradient Tool Options toolbar appears.
    Gradient Tool toolbar

  4. On the Gradient Tool Options toolbar, from the Gradient Options pull-down list, select a gradient fill option

  5. From the Presets section, select a gradient fill

  6. On the Gradient Tool Options toolbar, select one of the following:

    Button Name Description

    Linear Gradient button

    Linear Gradient

    Creates a gradient spanning from one side to the other side of the layer. Follows the direction of the mouse path.

    Radial Gradient button

    Radial Gradient

    Creates a circular gradient based on the center point and radius that you specify by dragging the mouse. The outermost color in the gradient expands across the entire layer.

    Angle Gradient button

    Angle Gradient

    Creates a gradient from one point to another along an angled line.

    Reflected Gradient button

    Reflected Gradient

    Creates a gradient reflected from the center; design is reflected either vertically or horizontally

    Diamond Gradient button

    Diamond Gradient

    Creates a gradient extending from the center point in a diamond shape

  7. OPTIONAL: In the Gradient Tool Options toolbar, from the Mode pull-down list, select a mode

  8. OPTIONAL: Adjust the Opacity slider bar until you reach the desired opacity setting

  9. OPTIONAL: To reduce the appearance of stripes in the gradient, select Dither
    NOTES:
    For some gradients and color combinations, the dithering feature will not change anything.
    A preview of your gradient appears on the Gradient Tool Options toolbar.

  10. On your image, position the pointer over the place where you would like the gradient to begin

  11. Click and drag over the image in the direction you would like the gradient to follow

  12. Release the mouse button
    The gradient is applied to the entire layer.

Excellence. Our Measure. Our Motto. Our Goal.