The Hue Blend mode is pretty straightforward:

Hue Mode: Creates a result color with the luminance and saturation of the base color and the hue of the blend color.

So essentially, the top blend layer, set to Hue, will “color” the layers below with whatever color you put on the blend layer, and adjust the color to take on the brightness and saturation of the layers beneath.

For example, let’s start with my standard rose image:

I’ll put a solid blue layer over it and set it to “Hue” mode. The rose layer will be “colorized” — kind of — with the blue (but note that the areas around the rose have a bit more grey than blue in them because it adjusts the saturation of the color as well).

So, here’s yet another way to turn a color image into black and white: Add a black — or white — layer and set it to “Hue” mode:

Setting a new, blank layer to “Hue” means that you can “paint over” any part of your image and change the color. As a kind of extreme example, I made a selection of just the rose and then filled it with a rainbow gradient.

And here’s what the result looks like:

Have fun!

(Download sample. psd file)

Corrie is the lead designer and developer for PixelMill and their in-house brand, jgtemplates. This would-be triathlete has a mathematics degree but wishes she had double-majored in computer science and art instead. Maybe next time...

Free Guide:

How to Choose the Right Charting Library for Your Application

How do you make sure that the charting library you choose has everything you need? Sign up to receive this detailed guide from FusionCharts, which explores all the factors you need to consider before making the decision.

  • yjgx007

    the method is so easy, “Hue” mode act on layer to create blend color, I have fun!

Ending Soon
Free SitePoint Premium

Get one free year of unlimited book and course downloads on SitePoint Premium!