Home   Products   Tutorials   Videos

Color Channels and Photoshop Gradients Tutorial, split and merge

How to mix / combine colors with Photoshop gradients and color channels tutorial to create colorful designs in CC 2017 2015 etc

Color channels and Photoshop gradients

color channels and Photoshop gradients tutorial

The Photoshop gradients can be used with Photoshop color channels. You can use gradients in RGB (CMYK etc) as well as separate color channels such as red and green etc. The Photoshop gradients can be applied to the red channel. They can then be used with green channel etc. To apply the gradients, select the gradient tool in the Photoshop toolbar and go to the Photoshop channels panel and select the individual channels. You can also use the gradients with effects and in individual color channels. You can use them split into different images / channels and merged. You can also use the gradients in most color / image modes in Photoshop and use the gradients in those in separate color channels. You can also use the result of the color channels and gradients on separate layers which can then be blended and combined with blending modes. This tutorial shows you how to use the gradients with color channels and effects. This tutorial also shows the merging and splitting as well as using the color channels as layers in Photoshop CC CS6 CS5 etc

 

How to use photoshop gradients with color channels in Photoshop.

 

You can use the powerful colorful Photoshop gradients in standard RGB but you can also use them in different channels such as the red channel and green channel and blue channel.

 

1) Go to the Photoshop channels panel (window menu)

2) select one of the channels (such as red channel - by just selecting the item in the panel and you will see the image changed to the selected channel if red or green or blue)

3) apply the gradient

4) go to another (such as green channel in the channels panel)

5) apply the same gradient or perhaps a different color effect or apply the same in a different manner or perhaps using a different blending mode; and repeat depending on the number of channels.

 

You can use them in all of the channels but you can just use them in the red etc and ignore the rest.

 

Other tutorials

1) Changing Image / color Modes with Photoshop Gradients Tutorial

2) how to create amazing frames / borders with Photoshop gradients

3) how to combine multiple gradients in Photoshop using blending modes tutorial

 

Mix color channels with effects

mixing channels and effects in PhotoshopYou can also mix the separate red channel and green etc with effects so you can add into the mix camera raw filter as well as blurs etc and you can also add in adjustments as well such as invert, posterize, equalize and threshold adjustments as well as adjustment layers in Photoshop to create all kinds of color effects and blends with the red / green etc

 

Also, many color effects can be added to the individual separate channels and gradients to create even more unusual color effects and mixes of gradients

 

RGB color mix channels and Photoshop gradients

 

How to use them in different color modes

You can use them in different channels in 8bits but you can also do the same in 32bits as well as 16bit though there are a number of blending modes lost when you use 32bit as well as filters. You can add them to the red and then add a different one to the green (you can ignore the blue or red etc as required).

 

You can then also use different filters in the red / green etc with the added color. You can also add them and use the edit menu and fade command and set the opacity to 50% etc as well as use with different blending modes there also.

 

How to use them with CMYK Channels

You can do all the same as the RGB with the CMYK. You can select the cyan and then the magenta and perhaps not use the yellow at all and perhaps ignore the black.

 

You can also use the magenta and ignore the cyan. You can use the same GRD effect or perhaps a different one or perhaps use a different mode such as linear or angle or perhaps use different origin points for the tool. You can also combine the results of different cyan and magenta etc with effects as well as perhaps different effects in either.

 

different CMYK colorful mix photoshop gradients and channels

Splitting the channels for the gradient in Photoshop and merge

channels for Photoshop and splittingYou can also just split the channels via the same named panel by going to the right side menu.

 

Why do this ??? well if you have add the color effects and you want to add an effect or two and suddenly find that effect is not available in the red channel or green channel then the quickest way around that is just to use the split.

 

1) channel panel

 

2) right side menu

 

3) split channels

 

Once you split the file, you get a new file with the red and a new one with the green and a new one with the blue and then you can merge them all back together again or if you wish, merge them all back but with red using the green file and the green using the blue and the blue using the red, it is all up to you - though that is not totally true as the merge is quite fussy in that it allows you to only use them once only. When you split them into files, you get the artwork in grayscale so if you want to add an effect such as stylize oil paint tool then you will have to convert the artwork into RGB and then add the effect.

 

merge color channels in PhotoshopOne trouble with the split is that it is very much trial and error as the artwork is now spread over three or four different images and where the middle point etc is purely by eye though to make it easier you could could use a grid of guide lines via the new guide layout and use the same guide layout in each. If you convert one of the single channels into a RGB file you can then split that as well and repeat the same approach multiple times before merging the whole lot together.

 

merge command channel in PhotoshopTo merge them back (see the command on the left and see the panel on the right for the channels to merge

 

1) go to one of the channel files (it won't work if you are in another document)

 

2) channels panel

 

3) right side menu and merge

 

4) select channels and mode

 

5) select the files (you can always select a different channel file)

 

6) click OK

 

Sadly, you cannot bring another image into the mix though, of course, you could simply bring in another image into one of the channels and then merge them. Often there is a work around for some odd limitations (I guess it may be a size issue but if the image is the same size as the original, surely it would not matter). If you have converted a grayscale image to an RGB, you will have to also convert it back to grayscale before you can use it in the merge as well. You can also modify the end result even more with tools such as color adjustments so as color lookup

 

How to use them on layers

use on channels layers for Photoshopadjustments and gradients channels photoshopYou can also use the gradients by taking the result of individual red and green and blue (if RGB) or cyan, magenta etc (if CMYK) and using them as a layer.

 

1) Go to the chhanel panel

 

2) select one of the channels

 

3) use a selection (select all)

 

4) copy that and paste as a new layer.

 

5) Go to the green channel and repeat and paste that as a new layer

 

6) repeat for blue

 

Now all are individual layers and also you still have the original which can be ignore if the blending modes of the new layers make the layer invisible (you can also just set the layer to disable or delete it).

 

You can set the blending modes for the layers to difference / darken etc and you will then see the underlying layer source and you can really use that to intensify all the colors in the original.

 

As layers, you can also save the results to the CC library but to do this you must disable or remove the top most layers and then drag the channel layer to the CC library and store the result for future use.

 

Related items

You can find many more resources on the site such as the super colorful patterns collection for Photoshop and elements

 

Examples

Some more examples of mixes of gradients across color channels in Photoshop

 

mixing photoshop channels and gradients linear gradient photoshop channels photoshop gradients channelscolor channels and photoshop gradients and separate