The Gradient tool creates a gradual blend between multiple colors. You can choose from preset gradient fills or create your own.

Select a gradient in the Gradients panel

Updated in Photoshop 21.0 (November 2019 release)

How to use new Presets in Photoshop

Apply gradients to layers

To apply a gradient to text layers as a layer effect, do any of the following:

• Select one or more text layers in the Layers panel and then click any gradient in the Gradients panel to apply it.
• Drag a gradient from the Gradients panel onto the text content on the canvas area.
• Drag a gradient from the Gradients panel onto a layer in the Layers panel.  

To apply a gradient to a shape layer as shape fill, do any of the following:

• Select one or more text layers in the Layers panel and then click any gradient in the Gradients panel to apply it.
• Drag a gradient from the Gradients panel onto the text content on the canvas area.
• Drag a gradient from the Gradients panel onto a layer in the Layers panel. 
  

To apply a gradient to text layers or shape layer as a fill layer, do any of the following:

• Hold Command (Mac)/ Alt (Win) and drag a gradient from the Gradients panel onto the text content on the canvas area.
  
• Hold Command (Mac)/ Alt (Win) and drag a gradient from the Gradients panel onto a layer in the Layers panel.  

To apply a gradient to pixel layers, do the following:

1. Drag a gradient from the Gradients panel onto a pixel layer in the Layers panel.
2. Photoshop automatically creates a fill layer on top of the pixel layer.  

Organize gradient presets into groups

To organize gradients under a new group:

1. In the Gradients panel (Window > Gradients), click the Create New Group icon. 
2. Specify a group name and click OK. 
3. Drag a gradient or use the Shift key to select multiple gradients to drag them inside the Group.

To create nested groups:

1. Select a group in the Gradients panel.
2. Now, drag and drop that group under another group.

Show legacy gradients

From the Gradients panel menu, choose Legacy Gradients.

Return to the default gradient presets

Change how preset gradients are displayed

Rename a preset gradient

• If the panel is set to display gradients as thumbnails, double-click a gradient, enter a new name, and click OK.
• If the panel is set to display gradients as a list or text only, double-click a gradient, enter a new name inline, and press Enter (Windows) or Return (Mac OS).

Gradient Editor overview

To display the Gradient Editor dialog box, click the current gradient sample in the options bar. (When you hover over the gradient sample, a tool tip reading "Click to edit gradient" appears.)

The Gradient Editor dialog box lets you define a new gradient by modifying a copy of an existing gradient. You can also add intermediate colors to a gradient, creating a blend between more than two colors.

Save a set of preset gradients as a library

Load a library of preset gradients

Create a smooth gradient

Specify the gradient transparency

Each gradient fill contains settings that control the opacity of the fill at different locations on the gradient. For example, you can set the starting color to 100% opacity and have the fill gradually blend into an ending color with 50% opacity. The checkerboard pattern indicates the amount of transparency in the gradient preview.

Create a noise gradient

A noise gradient is a gradient that contains randomly distributed colors within the range of colors that you specify.