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?
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.
Select your Foreground and Background colors
Select the area you wish to apply the gradient to
From the Toolbox, select the Gradient Tool![]()
NOTE: If the gradient tool is not visible: to reveal the Gradient Tool
, click and hold the mouse over the Paint Bucket Tool
.
The Gradient Tool Options toolbar appears.
On the Gradient Tool Options toolbar, from the Gradient Options pull-down list, select a gradient fill option
From the Presets section, select a gradient fill
On the Gradient Tool Options toolbar, select one of the following:
| Button | Name | Description |
|---|---|---|
|
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 | 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 | Creates a gradient from one point to another along an angled line. |
|
Reflected Gradient | Creates a gradient reflected from the center; design is reflected either vertically or horizontally |
|
Diamond Gradient | Creates a gradient extending from the center point in a diamond shape |
OPTIONAL: In the Gradient Tool Options toolbar, from the Mode pull-down list, select a mode
OPTIONAL: Adjust the Opacity slider bar until you reach the desired opacity setting
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.
On your image, position the pointer over the place where you would like the gradient to begin
Click and drag over the image in the direction you would like the gradient to follow
Release the mouse button
The gradient is applied to the entire layer.