Photoshop gradients CC & CS 6 5 4 3 2 1 Elements 2014

Updated: July 17th, 2014

Photoshop gradients bundle mixed - radial gradients combined - blends and more

Add to cart

$8 (or Euros, GBP etc) PayPal, Visa etc

Gradients for Photoshop gallery 32,000 Gradients Collection for Adobe ® Photoshop and Photoshop Elements

32,000 gradients for Adobe ® Photoshop CS4 CS6 CC CS5 CS2 CS1 7 6 CS3 12 13 14 and elements, all royalty free, download GRD format commercial use. For a superb price, some truly amazing color effects / Photoshop gradients for use throughout Photoshop and others. The super colorful Photoshop gradients are for PC (windows 8, windows 7, XP, Vista, Windows 8) and MAC OS X (all versions). The Photoshop gradients are all in standard Photoshop gradients GRD format designs for all kinds of work. The Photoshop gradients collection include many different focus gradient designs, shadow Photoshop gradients, random filled gradients, sky color effects, metallic gradients, smudged gradients, Photoshop line gradients, transparency gradients, frame gradients, multi-colored gradients, smooth gradients, bubble gradients and more. Use the Photoshop gradients to create truly weird and wonderful and startling designs in seconds. Easy to use and apply. The Photoshop gradients can be applied once or multiple times, combine with effects, re-color the gradient color effects, modify the gradient color effects (such as change the stop position colors and transparency to create even more amazing colorful designs), apply them in many different ways and methods (such as apply them as linear or radial or reflected or apply them using different blending modes and in different color modes of Photoshop and much more). Load the Photoshop gradient GRD files via the file open command of Photoshop and Photoshop Elements as well as via the gradients palette or via the preset manager in the edit menu.The Photoshop gradients are all commercial (CU4CU) use. Use the Photoshop gradients to create items for sale - use to create logos, templates, kits, packaging, adverts, book covers and much more. All the Photoshop gradients are by (Andrew Buckle). Apply standard Photoshop filter effects to the Photoshop gradients to blur the designs or create extrude effects and distortions. Export the colorful designs created by the Photoshop gradients to use in other applications. The gradients are all for any size of document so you can apply the Photoshop gradients with small documents as well as huge documents. You can apply layer effects and use the Photoshop gradients in layer effects. Use the Photoshop gradients with text and animations. Combine the Photoshop gradients with the powerful map filter / command. You can use the powerful focus gradients to create amazing fills via the fill command and the new fill layer command. Use the Photoshop gradients in scripts and actions to great effect. The Photoshop gradients can be used to create an infinite range of raster designs and these can in turn be imported into other applications for use in Illustrator, Paint Shop Pro and others. If you have any questions about the Photoshop gradients set, please contact use on Photoshop and Adobe are registered trademarks of Adobe Systems Incorporated. if you have any questions about the gradients, please contact us on - always happy to answer any questions. You might also like to check out the graphicxtras videos on the subject on youtube such as the installation and basic use of the designs. See all the gradients included in the 32, 000 gradients set via the gallery link at the top of this section.

gradients in photoshop red and yellow and black and combinations via gradient tool


The gradients in Photoshop can be combined in millions of combinations to create many unique gradients. The above gradient was created using the transparency included in the gradient and applied repeatedly in linear mode

Photoshop gradients tutorials

Photoshop gradients tutorials


transparency in the gradient and combinations in Photoshop - motion blur and line effects


Many of the gradients in the gradients collection include also transparency so you don't always need to use blending modes to see underlying gradients. The above example is made up of three layers of the same gradient applied in different directions and with different origin points and lengths. You can create a vast range of different grid and line designs in seconds. You can also just re-color the gradients and then apply the same gradient to create even more interesting color effects and texture / background designs such as for web pages

Photoshop gradients images


gradients used with text in Photoshop as well as the same gradient used as a background at a different angle


The gradients can also be used in combination with text selections. A selection was created and filled with a linear gradient. The selection was then inverted and that area was then filled with the same gradient in a different direction


gradient green photoshop linear design applied to shape as well as added stroke

The gradients can be used as a fill for custom shapes in Photoshop (fill as well as stroke) and can be set to radial, linear etc (the above example is a linear gradient with greens included - one of the gradients from the collection) The same color design can also be used in layer styles and the gradient overlay

Photoshop gradients videos


Photoshop gradients and creating line patterns (video)


Photoshop elements 12 and loading gradients (video)


How to create a tunnel gradient effect in Photoshop CC (video)


Created pattern scripted designs using the gradient tool (video)


How to create a Photoshop gradient (video)


Create a pulsating text laser gradient video effect (video)


gradient maps and color extreme effects in Photoshop - purple and sepia gradient map image adjustment


The example above uses a stock image and adds a gradient map color effect (found in the image menu of Photoshop). The Photoshop gradients set contains thousands of great color effects and they can all be used to create awesome color gradient maps.


gradient frame - a selection is applied and the gradient is used as the fill for the inverse in Photoshop for quick frame and edge designs


In the above example, a selection has been applied to an image and then inverted and then the selection area has been filled with a gradient - a drop shadow has then been added to the frame. The gradients can be used to create a near infinite range of colorful frames to any image

Photoshop Gradient tool

The gradient tool for Adobe ® Photoshop can be found on the toolbox (it is on the same icon as the paint bucket tool). Selecting the gradient tool will display (on the top bar of Photoshop) the gradient palette dropdown (contains all the current gradients in Photoshop), blending mode, gradient type, opacity. The gradient palette dropdown will probably not display all the gradients you have (though it is always possible) as there are many additional libraries supplied with Photoshop and also many additional GRD gradient libraries can be found on the web such as the third party gradients on (there are currently over 32,000 different gradients available on the site). The gradient tool is sadly not as flexible as the tool in Adobe's vector application but it does allow for application across the document as well as different starting positions for the gradient tool. The gradient tool in Photoshop Elements is the same as the tool in Photoshop


gradients can be combined using blending modes in Photoshop for unique color effects - blending darken for gradient grid


Gradients can be combined using blending modes. In this example, the same gradient is applied with a blending mode of darken to create a gradient grid


subtle gradient for Photoshop background to a lens flare effect - use with filter effects


The gradients can be applied 100s of times using low settings of opacity to create countless colorful backgrounds - you can also combine it with powerful filter effects such as lens flare

Gradients GRD file - the standard format for Adobe ® Photoshop

The Photoshop gradients are stored in a GRD file, the GRD file can be used in Photoshop and Photoshop Elements. Sadly, no other application (that I know of) supports GRD files. You can obtain a PC version of a gradients browser, I would suggest searching the Photoshop gradients tool via Google or Bing. The results of the gradient tool can be exported though as PNG or JPG file


gradients as a background in Photoshop to multiple layers / button designs with images


In the above example, the gradient is used as a backdrop for an image. A basic circular selection is used to copy an image and that is pasted three times onto a gradient backdrop.


subtle gradients in Photoshop using low opacity to create abstract gradient background design


Example above shows a number (about thirty) applies of different gradients using a low opacity - use the gradients to create subtle abstract backgrounds or overlays for any image in Photoshop or elements

overlapping circular radial gradients in Photoshop using transparency to create shadow and depth


Example showing multiple applications of a single gradient in different locations across an image - the gradient contains transparency giving the design a shadow and some depth. The gradient is applied in radial mode.

Gradient overlays in Photoshop

Apply the Photoshop gradient to an image using a opacity of less than 100%. Many of the gradients in the various collections also come with their own transaprency information to allow for more or less of the image to be displayed. This transparency can be further modified by clicking on the gradient and changing the transparency stop settings. Gradients can be applied in multiple directions using the gradient tool. The transparency information can be removed all together by setting the transparency check to off (along the gradient bar of Photoshop ® )


gradient menu in Photoshop using text and gradient blurred background in blue


The gradients can also be used to create interesting backdrops for web pages and web banners - the above uses a gradient and a selection to fill the lower blue half of the image


smart object gradients with smart filter effects applied to a blue flame design


Photoshop gradient image filled layer is turned into a smart object. As a smart object, smart filters can be applied and the layers can be modified in turn without affecting the original underlying gradient layer design (which can then in turn, be edited at source and all the related layers are modified)


gradients as smart layers in Photoshop and the design is distorted and sheared and duplicated


Example above shows a single gradient droplet applied to a layer in Photoshop and that layer is distorted using the shear filter. The layer is then duplicated and applied across the image at different angles


gradient twirl layer in Photoshop - the smart object gradient can be twirled or distorted


Example of a gradient with transparency applied to a layer and that layer is then twirled using a Photoshop twirl filter - this is repeated with a number of layers and twirl effects (which all could be turned into smart objects) and then combined with a shadow effect using the layer effects dialog - 100s of wonderful abstract designs can be twirled into life.

Extrude effects - add an extra dimension with the Photoshop gradients

Gradients are great for extrude like operations such as columns and spheres, some work better than others for this.


radial gradient mode used in Photoshop and combinations of two gradients in yellow and red


The above example uses the same gradient as the first example but this time uses the setting 'radial gradient' instead of the linear gradient combination

Quick masks and Photoshop gradients and selections

Use gradients as selection masks. Click the quick mask mode button and then apply the gradient to the document. On exit, the selection will reflect the gradient design. You can use the blending modes and much more in quick mask to create truly weird and wonderful selections and these can be used in combination with the gradients on exit from the quick mask. Quick mask / gradients video


red gradients for Photoshop overlapping using transparency of layers


The gradients for Adobe ® Photoshop in the gradients collection (as well as the individual sets) can be used in countless ways to create overlays and backgrounds. In the above example (from the gradients collection), an ellipse surreal gradient is applied repeatedly in different sizes and different locations.


abstract gradients for Photoshop surreal bubble effect using blending modes to smear gradient


example above showing the combination of multiple surreal bubble gradients in Photoshop using the lighten blending mode. The lighten blending mode often gives the effect of smooth joined gradients (such as the wireframe of 3D models) or nodules or spots on a surface.

Gradients Scripts

Use Photoshop gradients in scripts and actions. By using the listener plugin that comes with Photoshop, you can also observe the various settings associated with the gradient such as the type, angle, start and end position, the different stops used and the colors associated with the stop and the midpoints. The scripts can then be used as a template for new scripts and can be used to create truly weird and wonderful mathematical or random gradients (many of the gradients on the graphicxtras site have been created using various mathematical models to the stops and position of the stops). Using a script allows for the effect to be repeated at a later time or the creation of Photoshop gradients that might be nigh on impossible to create purely by adding stops to the gradient bar. Actions do not allow for such flexibility but they do allow for the repeat of certain gradient effects.


motion gradient smooth effect in Photoshop - plugins can be used with gradients for unique designs. Orange murky polluted mix


The Photoshop gradients can be used on their own and as is but they can also be modified by the powerful selection of filter effects in Photoshop and elements via the motion blur in the above example

Tiles and Photoshop gradients

Use Photoshop gradients as tile source. Create a new document and then apply the gradient across the image (the reflected gradient is perhaps one of the more useful gradient types to use for the creation of tiles). Re-apply the gradient in Photoshop or different gradients as required and use the offset filter to shift the design to create a tile (or select a 1/4 of the design and then transform and rotate to create the same design on each side of the file) and then save the tile via the edit menu command and define command in Photoshop.


blue linear gradient for Photoshop using the gradient tool found in the toolbox and applied to the background


Example above shows a single gradient applied in linear mode in Photoshop

Displacement Maps and Photoshop gradients

Photoshop Gradients can be used as source for displacement maps, save to PSD format. The same approach as with the patterns needs to be applied though it does require a little trial and error and not all gradients will work well. Especially, you have to remember the map is a grayscale image and not a color one.


wavy gradient in Photoshop using distortion filters and a blue tone added to the design


Photoshop gradient has been further manipulated by the powerful wave filter found in the distort menu. The wave filter gives the impression of creating a total mess but careful manipulation of the settings and also rotating the image can result in creating 1000s of unique and interesting images which in turn can be used as additional elements in any image (if you applied the above as a layer)

Strokes and Photoshop gradients

Use Photoshop gradients as a source for strokes. Apply the gradient in a selection or across the image. You may wish to limit the range of the gradient by a selection allowing for a blurring at the edges of the strokes (otherwise you will end up with a square stroke). Repeat the gradient, use different blending modes, apply with effects and then use the edit menu and define to add the design to the current stroke palette


Photoshop gradients combine using blending modes to create art deco like streamline effect


The Photoshop gradients can be combined using different blending modes to create a near infinite range of color designs.

Lens and Photoshop gradients

Use Photoshop gradients in lens distortion for surreal color effects


Photoshop gradients adjustment layer and color balance - lens flare added for highlight


The above image is the same Photoshop gradient as the streamline design but now the smart filter option has been applied and lens flare and wavy effects have been applied followed by an addition of an adjustment layer 'color balance'

Photoshop gradients and creating abstract shapes

Photoshop gradients can be used as is to create amazing designs but you can also use them to create abstract and weird shapes (3D like shapes in many cases). The key thing is to use transparency with the gradient. For a very basic gradient, create a red (or any other color) color stop with opacity at 100% and set the other transparency stop at the far end to 0% (set the mid point as required for the Photoshop gradient and then apply this to a new layer using the radial option for the gradient tool (some of the other modes are of no use). You have your basic design. You could create multiple layers with different designs and perhaps with different transformations applied to extend or modify the shape, you could also use various effects such as twirl or shear to modify this or other key shapes in the construction. You can also duplicate the layer or layers via the ALT key and these designs can be built into a more complex design. I generally turn the layers into smart objects as the results are nicer and find working with smart objects a whole lot easier. The smart objects can also be duplicated and at any point you can also combine or group all the layers into a new smart object via the layer menu and convert to smart object option. Use the layer filtering to select all the required smart objects via the layer palette. The smart objects can then be positioned and manipulated over and over with the underlying gradient still intact. See the video - gradients and abstract shapes created by me for more details about some ideas on creating smart objects. You could use the Photoshop gradients in many more ways than displayed in the video, you could also blend the gradients as well to create interesting highlights or abstract cutouts using blending modes.


photoshop gradients crystallize filter effect for chunky gradient fragments in color


The Photoshop gradients can have any number of effects applied such as the crystallize filter which is great for chunky abstract art designs

Layers and strokes with Photoshop gradients

Use gradients on a layer with strokes. Create a new layer; layer menu and layer effects and set gradient overlay with the required gradient. Once applied, apply strokes (using something other than white) to the gradient filled layer. This can be repeated with different layers filled with different gradients (again, blending modes can be used to create interesting stroke and gradient combinations in Photoshop)


blue photoshop gradients abstract linear designs combined and isolated using selections


The 32,000 Photoshop gradients include many different gradients such as line blue color designs. You can combine the gradients using selections to isolate certain parts of an image

Impressionist and Photoshop gradients

Use as art history source for impressionist gradients. Apply the gradient (perhaps repeat with the gradients in different directions and using different gradients). Once applied you will see a number of entries in the history palette. Now, select the 'art history tool' and then select a stroke and a type such as 'tight short' 'dab'. Select one of the gradient entries in the history palette and then apply the art history tool. The art history tool also can be modified in a variety of ways via the stroke palette to include varying scattering and spacing


art history gradient in Photoshop using brushes as well as applied gradient and loose long dab


The gradients can be used in Photoshop as is but you can also re-modify the colorful gradients and turn them into a more abstract design by using the art history brush which can add color changes and structure and lines and loose dabs etc to the gradient and still keep the overall gradient look

Selections and Photoshop gradients

Use gradients in selections. Select an area using the magic wand tool or the rectangular or elliptical tool or use the path palette (and a custom shape). Once you have a selected area, apply the gradient either to the selected area (or invert the area or perhaps feather the selection, a number of options are available). The gradient can be applied either once or multiple times to the selected area or use different gradients or different gradient blending modes to create unusual color effects


selection and repeat gradients in Photoshop to apply to a small area of an image


You can use selections to apply the (green in the above example) Photoshop gradient to a small area of the design. You can also use them on layers with selections


abstract selection gradients on a layer in Photoshop with color adjustment


Instead of applying the Photoshop gradient to a single cross, you can create the gradient cross design on a layer and then re-scale the design and layout the gradients as a pattern design as above

Perspective and the gradients in Photoshop

Use Photoshop gradients in Perspective tool for nozzle like imagery

Effects and the Photoshop gradients

You can also apply effects to Photoshop gradients. The Photoshop gradient is purely a raster image once you have applied effects to the gradient. You can always apply a blur or stained glass or a third party filter to the gradient and many more. If you use the smart filter approach using the filter menu convert for smart filters then you can modify the effects.


Photoshop gradients (radial) applied to a layer and duplicated and effects oil paint and iris blur applied


The Photoshop gradients can be applied to a layer and can be duplicated (as above - in a row and column design) and then gradients can then be modified using the camera raw filter and oil paint and iris blur effects as well as others to create lighting grids

New layer and gradient fill

Use in new fill layer Photoshop gradient content. Layer menu and new fill layer and gradient. The layer dialog will appear and you will at this point have an option to rename the layer, set the blending mode and opacity. Click the OK, you will then see the Photoshop gradient dialog and you will be able to select a gradient from the gradient palette dropdown (though you can always select another gradient library at this point) and select the style / angle (if relevant) / scale / reverse / dither. You can also use the Photoshop gradients as a source for new amazing patterns and pattern fill layer content as well


gradient radial design as a source for Photoshop patterns - rows and columns defined as a tile and applied using a fill layer


The gradient radial designs with transparency in Photoshop make a great source for pattern tiles

Gradients and Merge to HDR Pro

The Photoshop gradients can be used to great effect with the file automate tool. You can use the merge tool to create amazing image combinations but you can also use the tool with gradients spread over multiple files. Apply the gradients using the gradient tool or the layer effects / layer command and then save the document (s) to files. Go to the file automate command and Merge to HDR and then either use the folder option or browse or add open files - once you have a selection of gradient filled files in the list then click the OK button. The files have to be the same size or the merge command will fail. An option to manually set the EV setting will appear and once you have set the values (or remain the same) then the OK button will be enabled. Another dialog will appear and it defaults to 16 bit as well as a range of options such as to control the gamma, exposure, vibrance, saturation, edge glow and more - you can also just select one of the presets such as surrealistic. You can also set the mode to 8bit or 32bit. Click the OK button and the multiple Photoshop gradients will be merged together to create a truly extreme colorful gradient. I have to say that the whole process can be a little trial and error but I guess with some practise you will be able to predict the end results of the merging, This process can be repeated with any number of combinations of gradients as well as using different modes. If you select the 32bit mode then the camera raw dialog will appear and this will offer even more amazing options for the manipulation of the merge such as adding a graduated filter to the effect and vignettes as well as more options to manipulate the color merge. Gradients / merge to HDR video

Free Photoshop gradients

Free Photoshop gradients samplers for CC CS6 etc GRD format gradients for Photoshop and elements. Load via the gradients palette load and replace command.