How to Make a Gradient in Photoshop

When you purchase through affiliate links on our site, we may earn a commission. Here’s how it works.

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.

Tata Rossi

Content Editor

Tata Rossi is a photographer-advisor, key contributor at FixThePhoto, sharing her expertise about photography and 55% of photos you see at our blog are taken by her. She is a Bachelor of Fine Arts in Photography from the Massachusetts College of Art and Design.

Read Tata's full bio

Tetiana Kostylieva

Head Editor

Tetiana Kostylieva is the Head Editor and Content Creator of all FixThePhoto blog articles, bringing years of creativity and expertise to the team. Her career started in 2013 as a caricature artist at events in New York, where she honed her eye for detail and her ability to connect with people. Now, she leads our editorial team, testing new ideas and ensuring every piece of content is both helpful and engaging.

Read Tetiana's full bio

SAVE UP TO 66% OFF SAVE UP TO 66% OFF