More Related Stories

Adobe Photoshop CS2 Adobe Photoshop CS2 (Win). The professional stand...
From: $289 to $309
Adobe Photoshop Creative Suite 2.0 For Windows Adobe Photoshop Creative Suite 2.0 V9.0
From: $367 to $708
Adobe Photoshop CS2 for Windows - Upgrade Enjoy desktop digital imaging with Adobe Photoshop...
From: $145 to $212
Tutorial: Page (1) of 1 - 09/12/06 Email this story to a friend. email article Print this page (Article printing at MyDmn.com).print page
Photoshop Tip: Tinting the Grays in a Color Image Using the Selective Color adjustment layer By Dave Nagel We've recently looked at a few methods for desaturating selective elements of a photo, with a particular emphasis on minimizing the manual labor involved. So what if, after desaturating parts of an image, you them want to colorize them to create even more of a nostalgic feel? No problem.

Not only does this process involve a minimal amount of labor on your part, but it can also be accomplished via an adjustment layer, which means that the effect will remain live and editable throughout the process.

So here's basically what we want to do. We have an image that we've desaturated except for some specific elements. Here's the original, full-color image.



And here's the selectively desaturated image.



Now we want to take the grayscale background and tint it just a little bit to create the effect of discoloration and/or hand tinting, or maybe a more pronounced tint job. In the case of this particular photo, I want to boost the luminance of the neutrals and add in a little bit of a blue-gray tint to give it a more convincing black and white feel and to flatten it out a bit to make it look a bit more hand-tinted. That's the image below on the top left. The others are variations to show a more pronounced tint job.



Here's how it works.

Step 1: Preparation
There's very little preparation to do for this type of project. We'll assume you've already desaturated a portion of your image using the techniques outlined in the previous two tutorials in this series. That is, you've created a Hue/Saturation adjustment layer and used that to desaturate some elements of your image, using others in full color.

Before we get started, if you haven't done so already, you might want to go back and read the previous two tutorials in this series, which detail the process of desaturating selective elements from an image.

Part 1: Desaturating Parts of a Picture
Part 2: Color Range in Hue/Saturation

It isn't necessary that you use a Hue/Saturation adjustment layer for that part. It just helps to keep everything fully editable, should you need to make changes later.

Step 2: Create an adjustment layer
So I'm beginning with my basic desaturated background, which consists of an image and, in my case, two Hue/Saturation adjustment layers.



Now I want to adjust my background. So I'll choose Layer > New Adjustment Layer > Selective Color. A dialog will pop up at that point, and you can just click OK to dismiss it, or choose to use the previous layer as a clipping mask, if desired. (That's usually not necessary for this type of adjustment. But, if you want to work just with a particular selection from your image, you'd want to use this option.)




Then you'll be presented with the main dialog, which allows you to adjust the cyan, magenta, yellow and black levels for various "colors" in the image. And this includes grays, which is what makes the Selective Color adjustment applicable for this type of project.



Step 3: Adjust grays
So now we just need to adjust the fray levels. And we'll do this by switching from the default "Red" in the pull-down menu to "Neutrals."



The first thing I want to do is flatten out my neutrals a little bit by reducing the amount of black in them. The amount you use for this will vary widely according to the tones of the image you're using. But in my case, I'm going to reduce them to -54.



And now I want to bring in a little bluish gray for the background. This will "cool down" the image and also, in my opinion, create a more convincing black and white photo effect, as opposed to a simple desaturation, which usually looks like what it is: a color image that's been desaturated.

To do this, I'll boost the Cyan to +48 and the Magenta to +18.



Again, the specific numbers you use will vary by project. In most cases, that much cyan and magenta will produce a darker, more saturated blue. But because my image was dark to start with and because I lowered the amount of black in the image, the blueness isn't as pronounced here as it normally would be.

That's all I need to do to this image. If you want to produce a sepia effect in the background, you'd use more yellow and magenta, with no cyan.

In some cases, you might also want to tint the darker and lighter areas of your image. You do this the same way we did with the neutrals. Just be cautious about how much tinting you do to those areas because you can quickly lose contrast and definition in your image. (For example, you might lighten up the blacks too much or darken up the whites too much, and the image will become muddy.)

So that's all there is to it.

If you have any questions about Photoshop--from the most simple to the most complex--be sure to visit me in the Adobe Photoshop forum at DMN Forums by clicking here.

If you liked this article click here to recommend it.    Page: 1

Contact the author: David Nagel is the editor and producer of Creative Mac and Digital Media Designer; host of several World Wide User Groups, including Synthetik Studio Artist, Adobe Photoshop, Apple DVD Studio Pro, Mac OS, Adobe Illustrator, Adobe InDesign, Corel Painter, Creative Mac and Digital Media Designer; and executive producer of the Digital Media Net family of publications. You can reach him at [email protected].
Related Sites: Creative Mac ,   Digital Producer ,   Audio Video Producer ,   Corporate Media News ,   Digital Media Designer ,   Oceania ,   MacDesignPro ,   PhotoShop
Related Newsletter: DMN Newsletter ,   Pixels Newsletter ,   Mac Alert Newsletter ,   Digital Media Net ,   DMNForums ,   Tutorial Finder
To Comment on This Article, Click HERE

Most Recent Reader Comments:
  • Photoshop Tip: Tinting the Grays in a Color Image by DMN Editorial at Sep. 13, 2006 7:01 am gmt

    Click Here To Read All Posts
    Must be Registered to Respond (Free Registration!!!, CLICK HERE)
  • photographic software
    Elephants Memory (Rated by 0 users)
    The ability to remember with almost photographic precision has been a secret of professional mnemonists (memory experts) for years.
    Price Range $20View Details Related Items

    AtomicPark.com: $19.95
    Auto F/X Photo/Graphic Edges 6.0 Upgrade (Rated by 5 users)
    Auto F/X Photo/Graphic Edges 6.0
    Price Range $80 to $110View Details Related Items

    Acasup: $109.95
    Nik Multimedia Color Efex Pro 2.0: Complete Edition Mac/Win (Rated by 1 users)
    The nik Color Efex Pro 2.0 Complete Edition offers the complete range of 75 traditional and stylizing photographic filters.
    Price Range $300View Details Related Items

    AtomicPark.com: $299.95
    Amphoto photographic composition (Rated by 0 users)
    Amphoto Book: Photographic Composition
    Price Range $20View Details Related Items

    B&H Photo-Video: $19.95
    Andromeda Software Photographic Tools & Lens Effects Collection (Rated by 0 users)

    Price Range $39View Details Related Items

    AtomicPark.com: $39.00
    Olympus Pro Studio Capture Software 1.2 (Rated by 1 users)
    Ideal for photographic enthusiast, the Pro Studio Capture Software 1.2 from Olympus allows quick and easy processing of images shot.
    Price Range $86 to $109View Details Related Items

    Buy.com: $99.94
    TheNerds.net: $92.98
    DellBusiness: $97.95
    HOT THREADS on DMN Forums
    Page Title can't change using Dreamweaver Template Pages?!? (1) • by blueStupa on the on the Web Design forum Mac vs PC color difference??? (1) • by Mark Griesbauer on the on the Adobe Photoshop forum **Professionally Trained Composer**  • by Mike Watts on the on the Demo Reels forum [FORUM NEWS] ONE DAY SALES (OCTOBER 23-27) LIMITED  • by Ko on the on the Plugin Central forum Adobe Photoshop Style Layer Tutorial  • by videxpertise on the on the Adobe Photoshop forum Object lable badly formatted  • by awilks on the on the Adobe Illustrator forum Thoughts on the Adobe Version of Dreamweaver?  • by blueStupa on the on the Macromedia Dreamweaver forum
    Marketplace
    Laptop LCD Screen
    Replacement laptop screens for your high resolution graphics needs! We carry high resolution LCD screens for all brands including, Apple, Compaq, Dell, IBM, HP, Sony, Gateway,...
    Free CorelDraw Graphics Suite X3
    Get the CorelDraw Graphics Suite X3 for free when you complete sponsor's survey!
    Free DigiMemo Digital Notepad
    Digitally capture and store handwritten notes for free! survey required
    Get your Designs noticed
    Stand out from the crowd. Place your design onto a professional looking CD or DVD. Primera offers CD-DVD Printers and disc duplicators to help you get your design out there.
    Laptop Screen
    We stock laptop LCD screens for all brands of notebooks including Dell, IBM, Compaq, Sony, Toshiba, Gateway, HP and more. We have thousands of laptop screens to fulfill your L...
    Free Creative Xmod X-Fi Module
    Enjoy surround sound on any stereo/speaker system/headphones using this free module! survey required
    Buy a Link Now!
    © Copyright, 2006 Digital Media Online, All Rights Reserved