How to use Photoshop gradient styles tutorial

A quick guide to the Photoshop gradient styles (radial, linear, diamond, reflected, angle etc) tutorial for CC 2018 2017 2015 CS6 CS5 CS4 CS3 etc

Photoshop gradient styles - linear, radial etc

How to use Photoshop gradient styles tutorial
  1. Select the gradient tool in Photoshop toolbar (before you can select the different gradient styles in Photoshop such as linear gradient style, diamond etc)

  2. Go to the top bar beside the dropdown with the gradients

  3. Select the linear, angle, radial etc for Photoshop

  4. Apply current gradient in that style

The gradient style is accessible as soon as you select a related tool in Photoshop (such as the fill content or the GRD tool itself)


Video tutorial on the subject by (youtube)


To change the setting for the GRD quickly by just clicking the linear or radial etc and then apply the tool. You can them multiple times.


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


fill content

You can find the settings along the top bar

1) linear / radial / mirror etc

2) opacity

3) presets

4) blending mode

5) reverse / dither / transparency


You can apply the presets as radial / mirror / angle / reflected / linear. The PS help guide offers more explanation about how the colors are mapped to the image.


You can use the radial / linear / diamond etc settings in a variety of tools in PS such as via the fill layer as well as PS layer effects as well as the GRD tool and else where in the application.


linearYou can apply the linear across, down, up, down, diagonally, from any angle. The origin of the linear preset can be anywhere, off document as well or you could use guidelines to add the preset at any position.


You can use blending modes as well as transparency in the preset to re-apply the preset over and over to the same document or layer. All kinds of colorful combinations of linear (as well as blends with others) can be created.


You can extend the length of the preset to the document and beyond.


You can also angle the linear preset. Hold down the shift to constain the angles to 45 degrees etc


You can also apply effects and adjustments to modify the linear effect



Radial - You can set the origin as well as different lengths of the preset.


Again, you can combine them depending on opacity and blending modes as well as transparency stops in the actual preset.


You can click the document to define the start of the colors and stretch out to within the confines of the document or layer or beyond the confines of the artwork and then release to generate the radial design.


You can also apply effects and adjustment layers etc to the radial effect


The radial setting is superb for all kinds of frame designs especially when combining it with transparency


angleAngle - You can control the position of the origin as well as the angle as you apply the tool.


You can hold down the shift key to define the angle to 45 degrees etc.


If you want to avoid that ugly seam then you can always set the stops at the ends to the same color



Reflected options creates a mirror of the current preset - though this depends on how it is applied - if you add it from one end (left to right) to the other (or top to bottom) then you will see the mirrored effect otherwise not.


Use guides to quickly find the center via the view menu). You can also use selections to say create a column of reflected presets - select one half and fill and select the other half and fill again with the preset added to the center of the selection instead of the document



The diamond can be used to create a square effect as well by just holding down the shift and applying it at 45 degrees and not at 0 degrees etc Of course, it can be used at any angle and length of preset as well as any origin point, inside or outside of the document or layer. You can use selections to create an area for one preset and the inverse selection for another



You can combine them for even more amazing designs. Select the tool, select a preset, apply, set a different blending mode such as darken and re-apply.


Change to diamond or linear and then apply again and again to create far more complex color designs that would be possible from a single application


If you combine the presets using blending modes such as darken or screen etc (set that while you are adding the presets via the top line blending modes dropdown), you can create starss, polygons, crosses etc.


combineThe number of options are limited compared with applications such as Painter or SumoPaint (that has some amazing fractal effects which can also be combined and manipulated using the plugin effects to create all kinds of amazing overlays and backgrounds etc as well as combined with symmetry settings) or plugins specific for creating color effects such as the ones available on this site via the Andrew's Plugins section


The combination on the right uses a number of color effects along with the multiply mode as well as difference mode. You can add the result to a layer and then duplicate that layer and use it again and again. You can also drag the result to the CC libraries and have a folder of colorful objects that can be quickly accessed again and again in your projects and perhaps also use in tools such as After Effects if you use them as part of the Creative cloud.


You can use all the diamond / linear etc in a number of ways throughout the application such as in layer effects and you can also now use the multiple overlay feature (click the little '+' in the dialog beside the overlay) in the layer effects to create truly amazing colorful designs that can be used again and again with layers as well as text / type layers. Any number of amazing color artworks can be created for use with the presets in combination. They can be used to create unique skylines, backgrounds, overlays, effects and more


Shapeburst - This is available only via the layer effects panel and the stroke setting. The shapeburst follows the shape's path. You can set the position as well as the size of the shapeburst (such as inside, center, outside)


Keywords : How to use Photoshop gradient styles tutorial


Return to home page


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