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.

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 (not the little dropdown arrow as that shows the presets)

  4. Modify existing stops as well as add new stops (or delete)

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

  6. Click OK

 

Video tutorial about the subject by graphicxtras.com (youtube)

 

The first thing is to select a tool that can be used with the presets, you need to be able to access the presets dropdown - click the actual current preset (and not the dropdown arrow) to enter the editor. Modify an existing preset and then use the new command on right side of panel to save the work to the panel and use the save command in right side panel to save it as a permanent GRD file (if required)

 

Buy $9.95 32,000 Colorful presets for use in PS and PS Elements GRD gallery

 

opacity stops

Create a preset via the preset's editor. Select the GRD tool. Go to the top left and click the preset dropdown. In the editor, go to the colorful bar in the middle of the editor panel

1) Color stops are along the bottom row.

2) Opacity stops are along the top row

 

Stretch out panel to fill a lot of the screen (makes it easier to select and create more complex color effects with the editor).

 

Click on the top opacity stops to select and move existing entries. Click away from an existing stop to add an opacity stop. You can change the value of the opacity and location at any time via the edit fields below the bar at the bottom of the editor

 

Click on the bottom of bar to create color stops. Click on existing bottom stops to move and select them. Double click the color stops to change the color as that will display the color picker for you to choose a color. Click away from an existing color stop to add a stop and then change the color as modify the location by dragging or using the location field at the bottom of the panel. You can see that you are adding a stop as the cursor will change to a hand. Changing the location via the location field is often easier than dragging the stops especially if you want to space them out 5% 10% 15% etc or perhaps 5% 15% 30% etc

 

color stops

Once you are happy with the preset, click the "new" button and you will see your work added to the last entry in the panel (any modified preset will not be changed or saved so if you don't add the preset then you will just lose any of your changes as soon as you click a different preset)

 

This tutorial is for the "solid" type (there are no color stops etc for the other type). The noise option adds a lot of additional features such as roughness and randomized color (pity some of those features are not in the editor for the solid as well)

 

midpoints

You can also modify the midpoints for the color stops as well as the opacity stops. Go to the bottom (color) of the bar or the top (opacity) and you will see a little diamond in between the stops and they are the midpoints for the stops. You can shift this right or left to sharpen or blur the color or the effect of the color

 

Only the end points don't have any left side or right side midpoints.

 

The midpoints are also available for the opacity stops as well and you can control how much or how little of the color is used and how it fades away

 

Once you have finished creating the color set (and remembered to go to the right side menu to save it), click OK and exit and apply the preset using the fill or fill content or layer effects etc

 

Keywords : How to create a new Photoshop gradient tutorial

 

Return to home page

 

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