How to create a new Photoshop gradient tutorial

How do you create a new gradient in Photoshop tutorial, Photoshop CC 2018 2017 2015 CS6 etc. A quick guide to the creation of amazing Photoshop gradients.

Create new Photoshop gradient

how to create a new gradient in Photoshop via gradient editor
  1. Select the Photoshop gradient tool in Photoshop toolbar

  2. Goto top left of application along top bar

  3. Click the gradient presets dropdown to enter the gradient editor

  4. Modify existing gradient bar or create new gradient stops (stretch out gradient panel to make it easier)

  5. Click "new" button to create new gradient in Photoshop

  6. Click OK


The first thing is to select a gradient tool or gradient fill (this tutorial gives the example for the gradient tool for the create new but the same can be done with other gradient functionality of Photoshop). Go to the gradients at the top left of Photoshop. Click the gradients presets dropdown / panel to display the gradient editor. Create a new gradient from scratch by adding opacity stops to the top of the gradient bar. Add gradient color stops to the bottom of the gradient bar (stretch out the gradient editor to make more space for new stops). Gradient type is solid. You can change the color stops and move them and change the color by double clicking the stops. You can add new stops by just clicking the bottom bar. You can delete color stops by dragging them downwards off the bar. You can move the midpoints between the color stops for the new gradient. To finally create the new gradient, click the "new" button and the gradient will be added to the presets display (and dropdown). This tutorial shows you how to create a new Photoshop gradient, how to change color and opacity stops, change midpoints.

Create a new gradient in Photoshop via the gradient presets picker / gradient editor

opacity stops and new gradient
  1. Select the gradient tool

  2. Go to the top left and click the gradient dropdown

  3. In the gradient editor, go to the gradient bar in the lower half of the gradient editor panel

  4. Stretch out panel to fill a lot of the screen (makes it easier to select and create new gradients)

  5. Click on the top of gradient bar to add opacity stops

  6. Click on the top opacity stops to select and move

  7. Click on the bottom of gradient bar to create new stops for the gradient

  8. Click on existing bottom bar color stops to move and select

  9. Double click the color stops to change the color

  10. Once you are happy with the new gradient, click the "new" button (and see the gradient added to the presets)

This tutorial is for the gradient type "solid" (there are no color stops etc for the other type)

Change color stops in a new gradient in the Photoshop gradient editor

change color stops for new gradient in Photoshop
  1. Go to the bottom bar

  2. Select and move the color stop

  3. If you want to delete, just drag downwards

  4. Double click the color stop

  5. Change the color

  6. Repeat this with the other color stops

To add a new color stop

  1. Just click away from an existing color stop

  2. Select and move color stop

  3. Double click and change the color

You can shift and move the color stops in numerous ways. You can add many additional color stops to the new gradient. Again, after any changes you can click the "new" Photoshop gradient

Change the color stops / midpoint for a new gradient to sharpen or blur the gradient in Photoshop

midpoint for new create gradient in Photoshop
  1. Go to the Photoshop gradient bar and bottom

  2. You will see a little diamond in between the square color stops

  3. Select the little diamond

  4. Shift midpoint left and right and click the create new gradient (you can also change the stop midpoint location via the slider at the bottom of the panel)

  5. Again, click the "new" to create a new gradient in Photoshop

Changing the midpoint changes the emphasis of the color stop. Move the midpoint towards the left color stop and more of the second stop will be used. Move the midpoint toward the right stop, changes the emphasis of the color to the first color stop. All the combinations of two stops have a midpoint. Only the end points don't have any left side or right side midpoints.

Change opacity stops for new gradient in the gradient editor of Photoshop

The opacity stops can be used in the same way as the color stops as the new Photoshop gradient except the opacity is changed and not the color

New gradientsnew gradient in Photoshop create

Once you have finished creating the new gradient, click OK and exit and apply the new gradient using the gradient tool

Other tutorials

1. How to install gradients in Photoshop tutorial

2. How to apply a vertical gradient in Photoshop tutorial

Other resources

1. Gradients collection on

Sources and references

1. Gradients on


Return to home page


Commercial use - Royalty free - No time limit, no credit - All by - Secure sales via (c) 1995-2017 Andrew Buckle, Maidstone artist, tel: +44 1622 / 688 375 E-mail: support@ License and usage Privacy Facebook pinterest Twitter Youtube tutorials Instagram Linkedin


The graphic design products are priced in US dollars but they can also be bought in Euros, Yen, UK pounds, etc though please note that there may be additional taxes applicable which will be handled in the secure checkout. If you have any questions or queries about the products, please let us know and I will try and help by e-mail or via youtube etc. You can also add additional products as well as download protection and also purchase a physical CD via the The brushes and patterns etc work in a variety of applications and there are many freebie / samplers available to test them on your system before any purchase but again, if you have any concerns that the brushes etc will work with your favourite application, please let us know. The quickest way is probably to leave a message on our facebook page. The designs can be used as brushes and patterns and shapes etc but they can also be used just as images or layers as well as displacement maps or overlays or masks etc so even if the product is listed as a brush or shape, you can often also use the artwork as a layer and use the layer multiple times in the same project to create all kinds of unique and wonderful designs. The products on this site are copyright of Andrew Buckle but any products and artworks you create with these items are your copyright.