Photoshop – Easy Color Toning with Gradient Maps

Posted on 14 April 2010 by David Tong

Easy Color Toning with Gradient Map in Photoshop

Level - Easy

Ever wanted to do a "cross-processed" film look easily in Photoshop? Using the Gradient Map adjustment tool isn't only for converting colored images to black and white (well, in case you didn't know you can convert color images to monochrome using Gradient Map before, now you know - a bonus!), this powerful adjustment tool can also do color toning effects with ease!

We'll use this image for this lesson:

before

1) Create a Gradient Map adjustment layer by using Layer >> New Adjustment Layer >> Gradient Map.

1_menu_Gradmap

2) You'll now have a Gradient Map adjustment layer on top of your Background layer.

2_layeradded

3) By default, the Gradient Map adjustment layer gives you a black-to-white gradient, which turns your image to a, naturally, black and white image.

3_grad_adjust

4) We'll need to set some color tones for our image, to do this, we need to edit the gradient. Double-click on the black-to-white gradient and the Gradient Editor window appears. You'll see some presets on top, and the current gradient colors used at the bottom, in this case, black on the left, white on the right.

4_grad_adjust

5) To change the color palette, we'll need to change the black square at the bottom left, and the white square at the bottom right of the gradient. To add more "colors" in between, we can click on any point between the black and white squares to add another color hue. For this example, I want to my image to have a blue-to-yellow "expired, cross-processed film" look.

5_change_points

As you can see, I used a navy blue shade on the left (shadow side), then chose progressively lighter shades of blue, then added some green and light green-yellow for the highlight side. Remember that these are NOT absolute values, you can choose any color combinations you want, as I'll demonstrate later.

After choosing the desired color gradient, we can click "OK" and close this window.

6) We'll need to change this Gradient Map layer's blend mode to "Color".

6_blendmode

7) We then reduce the opacity to 50% to reduce the saturation for a more realistic output.

7_opacity

After all that, we now have our final image!

after

By changing the gradient stop colors, you can easily change the look and feel of your image!

after2

So there you have it. I hope this will add another trick up your Photoshop sleeve! Don't forget to use effects like these sparingly if you're applying them onto a set of photographs.

Last tip: If you are going to use this for portraits, it is advisable that you add a layer mask and reduce the effect further on all areas of skintone. In the example below, I added a red to green gradient adjustment, but used a soft brush at 50% opacity to mask off the skin areas.

port_orig

A - Original (shot with color negative film)

port_no_mask

B - Color Toning Applied (no mask)

port_masked

C - Skin Areas Masked

Subtle, but essential to mask off the skin.

If you like this tutorial, feel free to retweet this post. Don't forget to SUBSCRIBE to receive more FREE tutorials!


Related Posts with Thumbnails

Technorati Tags: , , ,


Share This Article! Subscribe Today & Receive More FREE Tips & Lessons!

6 Comments For This Post

  1. Cesar Says:

    so this is how to achieve those colors I often see in the forums and gallery. thanks for sharing Dave.

  2. Jomi Says:

    Sweet, thanks for sharing David

  3. davidtong Says:

    Thanks for dropping by again, Joms :)

  4. emilie Says:

    I'm glad I dropped by in your site. I've been looking for a tutorial just like this one.

  5. davidtong Says:

    Glad you liked it, Emilie.

  6. DJo Says:

    Thank you thank you thank you! I can't wait to try this.




Enter E-mail Address:









Blog WebMastered by All in One Webmaster.
UA-5534765-2