How to Make a Gradient in Photoshop

By Tata Rossi 22 days ago, Photoshop Tips

A Photoshop gradient is an effect in which one color fades into another. They range from a simple linear change of color to multiple color changes combined in different patterns. This effect is commonly used in photo editing and graphic design.

Want to learn how to quickly create a gradient in Photoshop? Follow the steps below to create any type of gradient quickly and easily.

1. Create a New Document

Start with launching Photoshop. Create a new document. Enter the preset details you see in a screenshot below.

how to make a gradient in photoshop create a new document

2. Grab a Gradient Tool

Next, grab the Gradient Tool (G) in the Tools panel.

how to make a gradient in photoshop gradient tool

3. Add a New Layer

Then, add a new layer by clicking the “Create a New Layer” button at the bottom of the Layers panel. If this panel is hidden, activate it by pressing F7.

If you prefer using Photoshop keyboard shortcuts, use the Shift+Ctrl+N/Shift+Cmd+N key combination to create a new layer quicker.

how to make a gradient in photoshop add new layer

4. Open More Options

You'll notice the “Gradient Bar” at the top of the screen. This is where you can choose one of the ready-made templates, or customize the look of your gradient. Click on the dropdown arrow next to the gradient fill dialog box.

You’ll see a selection of default gradients. To extend this selection, click the settings icon and go to “New Gradient.”

how to make a gradient in photoshop open more gradients

5. Name the Gradient

Come up with a name for your gradient. Enter the name in the window that opens and click “ОК.”

how to make a gradient in photoshop gradient name

6. Choose a Color

In the “Gradient Editor” window, click on a color stop. You’ll see a “Color Picker” appear. Choose the color you like.

The square on the left is the color your gradient starts with, and the color on the right is the shade it fades into.

how to make a gradient in photoshop color picker

7. Set a Starting Point

Once you have done that, click and hold to set a starting point.

how to make a gradient in photoshop starting point

8. Pick a Style

Gradients come in different types, and you can select the one you like the most. Up at the top bar, you'll see 5 icons that stand for different gradient types.

Besides a linear gradient, which is a classic option that everyone is familiar with, there are 4 more that are less popular.

A radial gradient is when one color starts in the middle in the form of a circle and then gradually changes into the next color. It visually resembles the sun.

Angular is a counter-clockwise color sweep. It has 2 solid colors that gradually change into one another.

A reflected gradient is basically a simple linear gradient with a reflection.

Diamond resembles the radial gradient. The only difference is that here you have a diamond in the middle, instead of a circle.

how to make a gradient in photoshop types

9. Done! Save the Result

You’re done! You’ve successfully learned how to make a gradient in Photoshop.

To save the final result, go to the “File” tab, and navigate to “Save As.” Alternatively, use the Shift+Ctrl+S/Shift+Cmd+S shortcut.

If you want to become a pro, I also recommend learning how to merge layers in Photoshop, and how to mask in Photoshop.

how to make a gradient in photoshop saving

FREE Photoshop Gradients

adobe photoshop free gradients

Learning how to make a gradient in Photoshop is important, but sometimes, using actions is more effective. Having a large collection of professionally-designed gradients will allow you to apply new gradients quickly, speeding up your photo editing or design process. This bundle includes 5 completely free gradients for you to try.

SAVE UP TO 60% OFF SAVE UP TO 60% OFF