Home   Products   Tutorials   Videos

How to use Photoshop gradients with different image modes tutorial (RGB, CMYK etc)

Photoshop gradients and use with image modes such as RGB LAB CMYK etc tutorial

Image / color modes and Photoshop Gradients

image color modes and Photoshop gradients tutorialPhotoshop gradients can be used with different image modes in Adobe Photoshop CC 2017 2015 2014 CS6 etc, use them in CMYK as well as RGB and LAB etc as well as 32bits per channel etc

 

You can use the image modes in Photoshop in many different ways with the Adobe Photoshop gradients presets collection.

 

original photoshop gradient rgb color effectsThe key thing is whether you add them before or after the conversion to the different color / image mode.

 

You set the mode via the

 

1) image menu

 

2) mode

 

3) CMYK etc though which ones are active depends on which one you are currently in.

 

In the same menu you will also see a selection of 8bits / channel 16bits and 32bits.

 

If you are in RGB then you will see the options to convert to Grayscale as well as LAB as well as CMYK.

 

If you are in CMYK then you will see the option to convert to RGB or LAB etc.

 

You can edit the preset in RGB / CMYK etc and will see a slightly different color picker (stop color) when you select a stop and go to the color picker.

 

Image modes - convert back to RGB etc

image mode menu in Photoshop gradientIf you use the 32bit 16bit then converting back generally brings up a dialog for the HDR contrast and you can then modify the settings to achieve either a surreal result or something very similar (visually anyway) to 8bits.

 

You can see some of the controls for the HDR toning to the left

 

With the conversion of CMYK etc to RGB the gradient will change and you may have to use the adjustment controls or layers to tweak the colors to return them to much the same as in the color mode (visually anyway) though, of course, that is not always possible if you are converting from wildly different color modes and profiles (not going into the profiles side of things as that is a vastly complex area and probably not of much interest if you are just using the different modes to create unusual color imagery for the web etc)

 

Grayscale gradients and Photoshop image modes

original image mode to grayscale from rgb in Photoshop gradientsImage on the right, the grayscale form of the previous RGB via the image and mode and grayscale

 

grayscale adjustments image mode conversion photoshop gradientsPerhaps it is better to use the adjustment and the black and white adjustment to change the color and then do the conversion to grayscale. Left you can see the same but done via the adjustment, really depends on what you want.

 

1) image menu

 

2) adjustments

 

3) black and white

 

4) tweak in adjustment

 

5) go to the image menu

 

6) mode

 

7) grayscale

 

Duotone / tritone for the Photoshop gradient

duotone image color mode and photoshoptritone image color mode PhotoshopFrom the grayscale to a red duotone image / color mode in Photoshop

 

1) RGB (perhaps with an adjustment via the black and white)

 

2) image and mode to grayscale

 

3) image and mode to duotone

 

4) set the names and colors

 

5) OK

 

If you wish to create the color effects in duotone or tritone then you will have to first set the image into grayscale. I would suggest if you have created the color effects beforehand that you use the adjustment filter and black and white to convert the item into a grayscale before changing the mode to grayscale.

 

The key thing with the duotone is that you have to enter a name for the inks etc (which I must admit I find slightly annoying as I wish it would just add the names duotone channel 1 and 2 or something). It would be even quicker if Photoshop just did the grayscale conversion for you. Once you have converted the mode then you will find that many of the effects and the blending modes are not available. The gradient tool, however, is available and you can add multiple applications of the tool either to the background layer or perhaps other layers (which does mean you can modify the blending modes and opacity as well as remove or recolor the layer at a later point).

 

Much the same with tritone as well and the others (as on the right) which is done via the image mode and duotone (just to be confusing) but just select the type to tritone etc (you would think the panel then would rename itself but it does not). There are some presets to choose from and that makes it a whole lot quicker for the conversion of the gradient.

 

CMYK color / image mode

CMYK Image color modes in Photoshop with gradientsYou can get quite a color shift from changing the Photoshop image / color mode from RGB to CMYK.

 

1) image

 

2) mode

 

3) CMYK

 

RGB 32bits per channel

32bit and color mode conversion RGB1) image

 

2) mode

 

3) RGB

 

4) 32bits / channel

 

rgb and hdr toning for image modes and gradientsWell, to be honest, there is no change or conversion but the big difference is that you can create some really wow Photoshop gradients in the 32bits mode without banding etc. Not so many blending modes exist for the photoshop gradients but some really interesting color effects can be created

 

You can go from 8bits to 32bits per channel very quickly, going back to 8bit (and to use the save to the web) you have to use the HDR toning dialog and you can use that to get a very similar result or you can use the dialog to create some truly extreme color effects as well as creating some very unique color imagery

 

Some truly wonderful and unusual color effects can be created. The HDR toning dialog does give a vast range of features to restore the gradient to RGB color space.

 

The image on the right was created by using the same gradient before and applied a few times with a difference blending mode and then converted back to standard 8bit via the HDR toning. The image on the left was much the same except there was a slight changing in the hue / saturation in 32bits per channel

 

Other Tutorials

You can find many additional tutorials such as how to use gradients with layer effects / overlays tutorial and how to use Photoshop gradients with transparency to create amazing objects and how to use Photoshop gradients with type / text tutorial