Home   Products   Tutorials   Videos

How to use Gradient Map Adjustments in Photoshop Tutorial

How to use Photoshop gradient maps and color effects and text effects in CC 2017 / 2015 CS6 CS4 CS3 adjustment tutorial

GRD Presets added via image adjustments and Gradient Maps

gradient map adjustments filter color PhotoshopA guide to the Photoshop gradient map adjustment, the adjustment can be used to create amazing colorful designs using gradients as a source

 

gradient map adjustments photoshop panelThe Photoshop gradient GRD presets can be used in the powerful Photoshop gradient map feature / filter found in

 

1) adjustment layers (use it as a non-destructive effect and as a layer which can be moved at any point in the creative process or flattened to retain the adjustment)

 

2) the map can be applied via the image menu and adjustments (destructive).

 

You can find our 32,000 gradients (and resource to use in gradient map adjustments) from graphicxtras here and the gradients can be used with our brushes / shapes such as grid and layout brushes and cog / gear shapes for Photoshop and elements via the gradient map functionality as well as just as a straight gradient

 

Gradient Presets

basic map gradient photoshop adjustmentadjutsment menu photoshop gradient map The gradient map adjustment uses the source presets and these can be any of the presets supplied with the Adobe ® Photoshop ® as well as presets created by yourself or perhaps ones you have purchased from third party sites

 

You can also quickly create your own gradients for use with the adjustment / gradient map (either in layer form as well as a straight adjustments)

 

The image map on the left is a very basic gradient map adjustment applied to an image (with only a few stops such as blue to apply the wonderful adjustment)

 

Tones and Photoshop Gradient Maps

The tool maps the tones of the image to the presets. The darkest parts of the image will be mapped to the far end of the stops; the lightest parts of the image will be mapped to the other end of the preset stops.

 

Of course, the preset can have more than just two stops and you can use this to create truly surreal effects.

 

Gradient Maps / Adjustment as a start point

color burn gradient map adjustment photoshopUsing the gradient map adjustment tool is often only a starting point.

 

You can create far more interesting effects by using multiple layers and other effects and then combining those.

 

Anyway, the presets / maps often results in some very interesting color effects that can be further enhanced by additional modifications such as changing the end result to sepia via HDR toning etc.

 

The image right has been modified in a basic way using a map and using one of the default presets. The tool itself has no additional features to manipulate things but you can always add it and use blending modes (such as color burn used in the adjustment on the right and that was applied using the edit menu fade command as the image menu adjustment does not have a blending mode featured added) to modify the end result a little more such as if you use it as a straight adjustment you can use the edit menu fade command

 

1) image menu

 

2) adjustments

 

3) gradient map

 

4) select gradient

 

5) apply

 

6) edit menu

 

7) fade

 

8) select blending mode such as difference

 

The blending modes can be added much quicker if you use the Photoshop gradient map as an adjustment layer then you can use the blending mode of the layer.

 

double gradient map and blur photoshop adjustments

You can use the map once or multiple times. You don't have to use the same preset either. You can create some interesting and surreal effects just by adding the map twice using the same preset as below but you don't have to use the same one and you can also intermix it with other filters and adjustments as well as using the blending modes as mentioned

 

You can also add effects to the image before you add any of the color effects via the adjustments. Effects such as blurs and shape blurs work very well with the adjustments but many others are just as effective such as blurred image left

 

gradient map adjustments photoshop blurs and multiple stopsDifferent applied presets will result in a totally different image so any of the default presets can result in some very interesting colors.

 

Or just use the same preset and use the reverse feature but all that does is swap the stops in the preset

 

You can achieve even more extreme imagery with even more stops added such as on the right.

 

You can add loads more stops and many of the presets from the graphicxtras site include many more stops than just two (you can also just use a preset with one stop).

 

1) go to the gradient map adjustment

 

2) display panel and click on the gradient

 

3) Add more stops (say 10 or so, the best results seem to be with the gradient stops on the left)

 

4) click ok

 

oil effect and gradient maps adjustment photoshopThe results can be quite metallic like or perhaps posterization in many cases but that depends on the image and if the image is slightly blurred then the results will create unusual surreal glows. The image can then be further modified by other adjustments such as HDR toning

 

The images can also be further manipulated by tools such as the oil paint filter and camera raw filter (as on the left) as well as combining with two applications of the gradient map adjustments along with HDR toning.

 

1) image menu

 

2) Adjustments

 

3) Gradient map + HDR toning

 

4) filter and oil paint filter + camera raw

 

Gradient Maps / Photoshop Adjustments and type

The map feature is useful for creating interesting text effects such as distress and inner glow and sharpening effects in Adobe ® Photoshop ®.

 

type and gradient map and blurs and adjustments with photoshopThe start point (for me) is often applying some text and then blurring the text (a little or a lot) and then applying a map. The adjustment / gradient map does not use the transparency information, it is purely a color feature. It can be made up two or more of colors to create stunning color effects as well as distress effects.

 

1) create type

 

2) filter and gaussian blur

 

3) image menu

 

4) adjustments

 

5) gradient map ... (vary the number of stops from the basic two or three gradient stops)

 

With a little bit of blurring a very basic couple of stops preset you can create some interesting outlines or perhaps glows if you mix back the original source image. You can use gaussian blur but the shape blur filter can also be used to create some really interesting gradient map adjustments with type

 

mix blend camera raw adjustment map gradient photoshopYou can add the map / adjustment with the same preset and different presets multiple times and interweave with effects as well as perhaps black and white adjustment and more.

 

All kinds of super text effects can be achieved using combinations of multiple map applications as well as combining them with filter effects such as the superb camera raw filter or perhaps using presets with a lot more stops and complexity than the basic two or three stops

 

gradient map adjustment type photoshopOr blend them with additional effects such as oil paint filter (on the left) as well as shape blur filter in Photoshop

 

Smart adjustments with 2017 etc

With the latest version of PS in the CC 2017 / 2015, you can now use the adjustments with the smart objects and use the presets as a filter effect that can be disabled and changed or deleted at any point without any destructive effect on any type and the good thing is that the type can still be live beneath the smart filters and presets and can be changed from one text to some new text.

 

Adjustment layers + timelines + masks etc

gradient map default and adjustment layers

1) Photoshop layer menu

 

2) new adjustment layer

 

3) gradient map

 

4) select gradient

 

5) use blending modes etc

 

6) change properties via the properties panel

 

If you add the adjustment as a layer and as such, you can apply layer effects etc to the item.

 

You can also use the video timeline and the layers containing the adjustments.

 

Display the video timeline panel and create a timeline and then select that layer and select the style option - set the small stopwatch option on and you can then modify any attached layer effects to that layer over time (adding keyframes).

 

gradient map layer masks PhotoshopYou can also duplicate that layer as well as well as combine multiple other adjustment layers below or above.

 

Also as a layer, you can use them with the normal blending mode but you can also use them with opacity (reduce) as well as difference / multiply etc blending modes which all result in some interesting color effects added to any image or text.

 

You can also use gradient map adjustment layers with masks to apply the effect to one part of an image

 

1) go to the layer panel

 

2) select the gradient adjustment layer

 

black and white adjustments and gradient maps3) select the mask on the right of the map layer

 

4) add or remove from the mask

 

You can also add layer effects and plugin effects to the mask so the gradient adjustment layer can be modified in countless ways. You can also add other adjustments such as black and white adjustment (on the left)

 

The gradient maps can also be used in other color modes such as 16bit color though sadly not 32bit mode (which is pretty odd but I guess all the effects etc are still being slowly moved for use in 32bit as well as 16bit mode)

 

Other tutorials

You can find additional gradient tutorials such as how to mix the gradients creatively with channels such as RGB in Photoshop and how to creatively combine multiple gradients in Photoshop and how to use gradients to create lovely contours in Photoshop tutorial and how to use the gradients with layer effects and overlays