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

Updated: July 31st, 2014

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

Buy now

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

Gradients for Photoshop gallery

32,000 gradients for Adobe ® Photoshop CC Creative cloud & CS 6 5 4 3 2 1 & Elements 12 - 1 For a superb price, some truly amazing color effects. For PC and MAC OS X (all versions) includes focus color effects, shadow presets, random filled stop designs, sky color effects, metallic effects, smudged and blurry designs, line effects, transparency packed effects, frames, multi-colored designs, smooth effects, bubbles, ring designs and more. Easy to use and apply. The gradients can be applied once or multiple times, combine with effects, re-color the preset color effects, modify the gradient color effects, edit, use in different color modes, use with shapes, use with layers, use as linear / ellipse / reflected etc modes. Use to create items for sale - use to create logos, templates, kits, packaging, adverts, book covers and much more. All are by grapicxtras.com (Andrew Buckle). Use the presets with text and animation, gradient maps, fill layer command, gradient tool, in scripts etc

GRD Gradients

Commercial use, royalty free

Millions of wonderful color effects

On purchase, receive GRD files + documentation + gallery + serial

Gradients for Photoshop and Elements

 

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

 

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

Loading Gradients

You can load the Photoshop gradients by double clicking the GRD files or using the right click option and open file. You can also place the GRD files into the preset folder and then access the designs via the tool's palette. You can also use the load / replace commands on the same palette to browse for the files. You can also load the GRD files via the preset manager (edit menu).

Presets browsers

There are a lot of files and gradients in this collection set and PS is not the best application for browsing all the files. I would suggest checking out an application called Tumasoft PresetViewer Breeze (found via the Tumasoft site). It works wonderfully with most of the presets and can be used to explore all the shapes, strokes etc in your collection. You can also export a preview thumbnail of all the designs - all very useful.

 

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

 

The tools all contain transparency so you can apply the designs and blend over and over to create truly unique designs without having to worry about blending modes and the like. You can also modify the end result using various color effects such as camera raw filter.

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

 

Use the tools with text. Fill the text with the designs via selections and fill the inverse selection with the same design but in different directions or origin points and scaling. Literally millions of wow text effects can be created using the GRD color effects

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 PS and PSE (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

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 map color effect (found in the image menu of PS). The preset set contains thousands of great color effects and they can all be used to create awesome color 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 preset - a drop shadow has then been added to the frame. The colorful presets can be used to create a near infinite range of colorful frames to any image

Gradient tool in the PS toolbox

The key tool can be found in the PS toolbox (it is on the same icon as the paint bucket tool). Selecting the tool will display (on the top bar of the application) the preset palette dropdown (contains all the current presets), blending mode, type, opacity. The preset palette dropdown will probably not display all the presets in the collection (this is certainly the case with earlier versions of PS and PSE though with the latest versions, more presets can be loaded - still, 32,000 is probably a few too many presets for the palette to handle)

 

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

 

The color effect presets can be combined using blending modes. In this example, the same preset is applied with a blending mode of darken to create a shiny shimmery grid

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

 

The color effects 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

GRD file - the standard format

The Photoshop gradients are stored in a GRD file, the GRD file can be used in PS and PS Elements. Sadly, no other application (that I know of) supports GRD files. As mentioned elsewhere, there is a powerful preset browser tool from Tumasoft and you might find that useful to search through all the GRD files as well as CSH and ABR

 

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

 

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

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 presets to create subtle abstract backgrounds or overlays for any image

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 colorful preset contains transparency giving the design a shadow and some depth. Applied in radial mode

Colorful overlays

Apply the Photoshop gradient to an image using a opacity of less than 100%. Many of the colorful presets 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 preset and changing the transparency stop settings. The presets can be applied in multiple directions using the tool. The transparency information can be removed all together by setting the transparency check to off (option bar) or just editing the preset and setting all the transparency stops to 100%

 

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

 

The presets can also be used to create interesting backdrops for web pages and web banners. Different presets can be applied in the same image and in different directions and in different modes.

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

 

Preset 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 color 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 droplet applied to a layer in PS 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 preset with transparency applied to a layer and that layer is then twirled using a 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.

3D Effects

Gradients are great for extrude like operations such as columns and spheres, some work better than others for this. To apply this you will need to be able to access the 3D menu in PS and use the layer designs with the extrude etc options. You can then use the designs to create amazing colorful OBJ 3D files and send the color designs to a 3D printer.

 

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

 

Radial preset applied

Quick masks and color effects and masks

Use gradients as selection masks. Click the quick mask mode button and then apply the preset to the document. On exit, the selection will reflect the 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 presets on exit from the quick mask. Quick mask video

 

red gradients for Photoshop overlapping using transparency of layers

 

The presets can be used in countless ways to create overlays and backgrounds. In the above example, an ellipse surreal preset 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 presets in PS using the lighten blending mode. The lighten blending mode often gives the effect of smooth joined presets (such as the wireframe of 3D models) or nodules or spots on a surface.

Scripts

Use gradients in scripts and actions. By using the listener plugin that comes with PS, you can also observe the various settings associated with the preset 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 color tools(many of the presets 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 presets that might be nigh on impossible to create purely by adding stops to the tool's setting bar. Actions do not allow for such flexibility but they do allow for the repeat of certain effects.

 

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

 

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

Tiles and designs

Use PS gradients as tile source. Create a new document and then apply the preset across the image (the reflected preset is perhaps one of the more useful types to use for the creation of tiles). Re-apply the preset in PS or different designs 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. With the latest versions of PS, you can also use the tools to create amazing designs for input with scripted patterns in the fill menu. Create an empty transparent image and then use the gradient tool to create a linear or radial etc design. As many of the GRD files contain transparency, much of the document will still be transparent which is perfect for use with the scripted patterns. Go to the edit menu and define the pattern and then use fill command and patterns and scripted option. With the latest versions of the application, you can now select a number of pattern types such as symmetry as well as modify settings via a dialog. Use to create 1000s of amazing color effects.

 

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

 

Example above shows a single preset applied in linear mode

Displacement Maps

Photoshop Gradients can be used as source for displacement maps, all you need to do is to save design to a PSD format file. The design can be as basic or as complex as you would like and as the designs can be any size then the displacement maps can also be 2000 x 2000 etc. The same approach as with the patterns needs to be applied though it does require a little trial and error and not all colorful presets 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

 

The colorful design 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

Use PS gradients as a source for strokes. Apply the preset in a selection or across the image. You may wish to limit the range of the preset by a selection allowing for a blurring at the edges of the strokes (otherwise you will end up with a square stroke). Repeat the preset, 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 colorful presets can be combined using different blending modes to create a near infinite range of color designs.

Lens effect

Use the presets 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 preset 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'

Creating abstract shapes using the tools

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 preset. For a very basic preset, 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 colorful preset and then apply this to a new layer using the radial option for the 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 preset still intact. See the video - Presets and abstract shapes video created by me for more details about some ideas on creating smart objects. You could use the preset in many more ways than displayed in the video, you could also blend the color effects as well to create interesting highlights or abstract cutouts using blending modes.

 

photoshop gradients crystallize filter effect for chunky gradient fragments in color

 

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

Layers and strokes with presets

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

 

blue photoshop gradients abstract linear designs combined and isolated using selections

 

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

Impressionist history tool

Use as art history source for impressionist gradients. Apply the preset (perhaps repeat with the presets applied in different directions and using different settings). 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 preset 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 colorful presets can be used in PS 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 design

Selections

Use PS 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 colorful preset either to the selected area (or invert the area or perhaps feather the selection, a number of options are available). The preset can be applied either once or multiple times to the selected area or use different presets or different 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) colorful presets 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 colorful presets to a single cross, you can create the cross design on a layer and then re-scale the design and layout the preset as a pattern design as above

Perspective

Use PS gradients in Perspective tool for nozzle like imagery. You can also use the colorful designs with the perspective warp tool. Simply create the design on a layer and then use the perspective warp in the image menu. You can set the layout / pins and then use the warp option to distort the colors in 1000s of ways.

Effects

You can also apply effects to colorful presets. The preset is purely a raster image once you have applied effects. You can always apply a blur or stained glass or a third party filter to the image. If you use the smart filter approach using the filter menu convert for smart filters then you can modify the effects. If you are susing the powerful Oil Paint filter in CC then you can create amazing painted like and smeary color effects with the tool. The colorful presets also work amazingly well with the Camera raw filter and you can alter the color of the designs in 1000s of ways - the filter also comes with its own graduated tool and this is not related to the toolbox

 

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

 

The PS 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 fill

Use in new fill layer content command. 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 gradient dialog and you will be able to select a colorful design from the preset palette dropdown (though you can always select another library at this point) and select the style / angle (if relevant) / scale / reverse / dither. You can also use the color effects 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 radial designs with transparency in PS make a great source for pattern tiles

Merge to HDR Pro

The PS 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 presets 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 presets 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 presets 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. Merge to HDR video

Videos

Creating line patterns with the tools(video)

Elements 12 and howto load the GRD files (video)

How to create a tunnel effect in CC (video)

How to create a GRD design (video)

 

You can find many more videos via the graphicxtras channel on Youtube. If you have any questions about the set, please contact us on support@graphicxtras.com and I will try and create a video or two on the subject.

Preset browser

If you have a set with 32,000 it makes searching for a particular design tricky (as there are very few features within the application itself to search for the various designs). I would suggest checking out the powerful preset browser tool via Tumasoft (Breeze is the product name) and it can handle all kinds of presets such as shapes and brushes.

Image modes

The gradients work perfectly well in 8 bit color mode but in 8 bit you are only using 0 - 255 color range. With the 16bit mode, and other color modes, the presets work perfectly well with even more wow results especially if you use the designs with blending modes such as difference and darken. To change the color mode for the image, go to the imange menu and image mode 16 bits / channel and 32 bits / channel. To go back to 8 bit, you will have to modify the design using the HDR toning tool. Most of the blending modes are available to the tool in 16bits but not in 32bits 32bits per channel video

Contours

One feature (ok, there are a few more I could think of) lacking in PS: contours. Create a shape and then create a contour. Many applications have a contour feature such as CorelDRAW and Xara but PS lacks a contour tool. That is where PS gradients come in - they can create a loose contour (it is not perfect). You can use the outer glow from the layer effects (inner glow would also work for contours). The outer glow option uses color as well as a graduated effect. To create a decent contour then you must use a multiple stop design. Apply a layer effect via the layer menu to the selected shape layer and then go to the outer glow option and set the lined colorful effect via the preset dropdown. To see the full contour, use the outer glow technique 'precise' and set the spread to 0 and contour range 100% and blend mode (dependent on the background) and a gradient with multiple stops (such as 30 equal spaced multiple color stops). The smoothness of the contour does depend on the underlying shape (some of the custom shapes are smooth but some are also distressed in places). A quick tutorial showing the creation of contours (video)

Freebies

Free samplers for CC CS6 etc GRD format for Photoshop and elements. Double click the GRD file to load into the application and palette. Commercial use.