Photoshop Support - Main Photoshop News Photoshop Tutorials Photoshop Tools Photoshop Resources Photoshop Site Map
photoshop tutorials
photoshop tutorials - top logo
Photoshop Photo Effects Cookbook - Sample Chapter "Tonal And Color Effects — Selective Coloring"

Photoshop Photo Effects Cookbook - Sample Chapter "Tonal And Color Effects — Selective Coloring"
back to Photoshop Cookbook Series - sample chapters
Buy. Download. Create. Get Adobe Photoshop now at the Adobe Store.
Find Photoshop CS4 tutorials and videos on our Photoshop CS4 Tutorials Page.
Try before you buy. Download any Adobe product for a free 30 day trial.



Photoshop Photo Effects Cookbook
"Selective Coloring"

(Pages 24, 25 from the Tonal And Color Effects section of Photoshop Photo Effects Cookbook - courtesy of O'Reilly Media.)

Photoshop Photo Effects Cookbook - Sample Chapter "Tonal And Color Effects — Selective Coloring"Color has great power when it comes to conveying emotion and attracting attention. This power is multiplied exponentially when color is used as an accent in an otherwise monochrome image. By using selective coloring, we can draw the viewer's eye to the key areas of an image, with the colored areas adopting a jewel-like quality amid an expanse of gray.

The effect ranges from the subtle to the extreme. We can tint an image with just a hint of color, or apply an exciting splash of color to a specific area. Layer masks are an essential tool here, offering us the ability to restore color to the area of our choice, which can be controlled and restrained with the accuracy only a brush can provide.

STEP 1
The first step is to duplicate the background layer by dragging it to
the new layer icon in the Layers palette or hitting Ctrl/Cmd+J).

Photoshop Photo Effects Cookbook - Sample Chapter "Tonal And Color Effects — Selective Coloring"

STEP 2
Since we want most of the image to be monochrome, on this duplicate layer go to Image > Adjustments > Desaturate (Ctrl/Cmd+Shift+U). To add to the effect, give this monochrome layer a subtle blue tint. Go to Image > Adjustment > Hue and Saturation. Check the Colorize box, and move the Hue slider to 221, and the Saturation slider to 12.

Photoshop Photo Effects Cookbook - Sample Chapter "Tonal And Color Effects — Selective Coloring"

Photoshop Photo Effects Cookbook - Sample Chapter "Tonal And Color Effects — Selective Coloring"

STEP 3
Now we’re going to add a layer mask to the monochrome layer, which we’ll use to manually restore color to parts of the image. Go to Layer > Layer Mask > Reveal All.

Photoshop Photo Effects Cookbook - Sample Chapter "Tonal And Color Effects — Selective Coloring"

STEP 4
Check the Layers palette to be sure that the layer mask thumbnail is highlighted, which means that we’re working on the layer mask, not the layer itself. Set the foreground color to black and select the Brush tool. Click in the Brush Picker and select a hard round brush. Hit F5 to display the Brush Options and ensure that Shape Dynamics is unchecked.

Photoshop Photo Effects Cookbook - Sample Chapter "Tonal And Color Effects — Selective Coloring"

Photoshop Photo Effects Cookbook - Sample Chapter "Tonal And Color Effects — Selective Coloring"

TIP: Layer Mask Or Actual Image Layer?
It’s very important when working with layer masks to make sure that you’re painting on the mask and not on the associated image layer. There are three ways to check this:

  1. Check for a bold outline around the thumbnail for the layer mask in the Layers palette.
  2. Check for the mask symbol in the margin of the Layers palette (PC only). When you’re working on the image layer, a Brush symbol will appear, but when you’re painting on a mask, it will be replaced by a small rectangle with a circle at its center.
  3. Since masks operate on a purely grayscale principle, when you’re working on a layer mask, your foreground/background color swatches will always be white, black, or gray.

STEP 5
Paint over all of the blue and red areas on the coat and hat with black. This will hide these areas of the monochrome layer, thus revealing the colors on the background layer underneath. We can adjust the size of the brush as we go with the square bracket keys on the keyboard. Zoom into the image with the Zoom tool (Z) to ensure accuracy.

Photoshop Photo Effects Cookbook - Sample Chapter "Tonal And Color Effects — Selective Coloring"


STEP 6
Accuracy is all-important here, so take the time to follow the edges of the colored sections very carefully. If you accidentally paint over any other part of the image, simply swap your foreground/background colors and paint over it again with white instead of black. Remember, when working on layer masks, black conceals and white reveals. Continue to paint over all of the red and blue sections.

Photoshop Photo Effects Cookbook - Sample Chapter "Tonal And Color Effects — Selective Coloring"


STEP 7
Only mask out the areas of this layer that cover the red and blue sections of the costume, leaving the white areas as they are.

Photoshop Photo Effects Cookbook - Sample Chapter "Tonal And Color Effects — Selective Coloring"

STEP 8
As we paint, the black areas will appear on the associated layer mask.
We can check the mask by holding down the Alt/Opt key and clicking the layer mask thumbnail. This enables the actual mask to be seen in isolation.

Photoshop Photo Effects Cookbook - Sample Chapter "Tonal And Color Effects — Selective Coloring"

STEP 9
We can control how vividly the colors show through the mask. Working on the mask itself, go to Image > Adjustments > Levels. By dragging the Black Point marker under the Output Levels bar to the right, the black tones within the layer mask are turned to gray. Where black on a layer mask is completely transparent, gray tones are only semi-transparent, which makes the revealed colors in the image layer more subtle. We can control just how subtle they are by adjusting the luminosity of the gray color on the layer mask.

Photoshop Photo Effects Cookbook - Sample Chapter "Tonal And Color Effects — Selective Coloring"

FINAL IMAGE

Photoshop Photo Effects Cookbook - Sample Chapter "Tonal And Color Effects — Selective Coloring"

Copyright © 2005 The llex Press Limited - All rights reserved. No part of this book may be reproduced in any form, by photostat, microfilm, xerography, or any other means, or incorporated into any information retrieval system, either electronic or mechanical, without the written permission of the copyright owner.
Photoshop Blog
Photoshop CS4 & Photoshop CS4 Extended - Best Deals From Adobe

Photoshop CS4 & Photoshop CS4 ExtendedPhotoshop CS4 and Photoshop CS4 Extended feature a newly refined, tab-based interface in a single, integrated window, with self-adjusting panels arranged in docked groups. Automatically keeping tools well organized and away from your work area means you get greater efficiency, less clutter, and better results, faster than before.

Delivering all the features of Adobe Photoshop CS4 software, including the new Adjustments and Masks panels, Adobe Photoshop CS4 Extended also provides breakthrough 3D editing and compositing power to paint directly on 3D models, create 3D animations, convert 2D images to 3D objects, and more; richer motion graphics editing; and more powerful and flexible image analysis and tracking. Learn more on our Photoshop CS4 Tutorials Page. To download the free trial, see details on our Photoshop CS4 Free Trial Download Page.

Find upgrade options and package deals at the Adobe USA Store. Teachers and students get special pricing at the Adobe Education Store. You can also buy in your country currency and language at the following Adobe International Stores:
Adobe United Kingdom  |  Adobe Germany  |  Adobe France  |  Adobe Eastern Europe
Photoshop Blog
Special Offer - Fluid Mask - Photoshop Masking Plugin

Photoshop Plugin - Fluid MaskFluid Mask is based on breakthrough segmentation technology inspired by the way the eye, optic nerve and brain perform visual processing. When an image is loaded, Fluid Mask's segmentation engine analyses the distribution of colors, finding the natural groups within the image. Together with information calculated about edges, gradients and textures, a model is constructed which divides the images into objects.

Vertus Software is offering Fluid Mask at the special 'friends and partner' discounted rate. This is an exclusive offer to visitors of PhotoshopSupport.com. To qualify, visit the Fluid Mask Discount Price page. Find out more about Fluid Mask on our special Fluid Mask Page.
Photoshop Blog
SiteGrinder Photoshop Plugin - Create Websites Instantly

Media Lab Release SiteGrinder Basic and SiteGrinder ProThere often seems to be a strict division of labor within the world of web design and development. Creative professionals tend to stick to the Photoshop domain, while those well-versed in scripting are left to the task of implementing their work. Indeed, the two realms are quite different from each other, to which any of us even vaguely familiar with either can easily attest.

Essentially, Photoshop is a no-holds-barred design studio, offering the artist a seemingly endless array of creative options. On the other hand, HTML, CSS, Java and the like follow strict rules of engagement, requiring the developer to take any number of esoteric concerns into consideration in order to ensure that designs are properly displayed on the web.

Turn Photoshop Into A Complete Web Design Tool
SiteGrinder seeks to bridge this gap between design and development. Basically, this program turns Photoshop into an easy-to-use and fully functional web design tool. With SiteGrinder, designers will now have the freedom to totally let their creativity loose and then, without skipping a beat, transfer their designs to the web. Bringing esthetic concerns together with more practical considerations, this program is an amazingly powerful tool that would make a fantastic addition to any web designer's bag of tricks.

SiteGrinder Basic and SiteGrinder ProGenerate Your Web Pages Directly From Photoshop
By generating web pages directly from Photoshop, you'll be able to spend much more time on the creative end of the spectrum, since you'll know right off the bat how well particular designs will translate to the web. No more going back to the Photoshop drawing board after getting a phone call from your development team, telling you that what you had envisioned doesn't have a chance of being displayed on the web. You can immediately visually and interactively test your designs, which permits you to then make changes to either esthetics or functions while it's still relatively early on in the design process.

Pricing and Availability
Mac OS X and Windows versions of the SiteGrinder unlockable demo are available now via download. SiteGrinder can be ordered from Media Lab's online store.
Photoshop Blog
Photoshop CS3 Book - CS3 Essential Skills - By Mark Galer And Philip Andrews

Photoshop CS3 Essential SkillsBrimming with beautiful pictures, Photoshop CS3 Essential Skills guides you through a project-based, progressive curriculum so that you can build all the essential skills to enhance photographs creatively and professionally with Photoshop CS3. If you are an aspiring professional, enthusiastic amateur photographer, or a student learning photography, digital imaging, art and design, or design graphics, you'll be amazed at the stunning results you can achieve. A DVD is included free.

The Essential Skills Photography Series from Focal Press uniquely offers a structured learning experience for photographers of all ages, with both the underlying theory and loads of invaluable 'how to' and real-life practice projects - all from the most talented photography practitioners/educators in the world.

Read 2 free sample chapters:
Adjusting Exposure in Adobe Camera Raw CS3
Photoshop CS3 Tutorial High Dynamic Range

Special book offer - save 24%
Photoshop CS3: Essential Skills (Amazon.com - $28.08 - save 24%)
Photoshop Blog
Photoshop CS2 Book - Photoshop CS2: Essential Skills - By Mark Galer And Philip Andrews

New Book - Photoshop CS2: Essential SkillsAn inspirational and user-friendly guide to creative image editing, Photoshop CS2: Essential Skills provides direction for photographers and designers alike who have ventured into the realm of the 'digital darkroom.' The book offers a progressive curriculum to guide you through Photoshop with a series of clear, step-by-step projects designed to place knowledge into a practical context.

Whether you simply want to retouch an image, create a glamour makeover or create a highly sophisticated montage - this book will give you the essential skills to complete the work to a professional standard.

Read 2 free sample chapters:
How To Sharpen An Image In Photoshop — Advanced Sharpening Techniques
Working With Shadows In Photoshop - Advanced Shadow Techniques

Special book offer - save 37%
Photoshop CS2: Essential Skills (Amazon.com - $20.76 - save 37%)
Photoshop Blog
Exclusive 20% Discount On Select Total Training Products & Bundles

Exclusive 20% Discount On Select Total Training Products & BundlesTo redeem our exclusive discount coupon, use promotion code save20pss in your shopping cart. You could save hundreds of dollars. Use this special link to see the full offer.

Total Training for Adobe Photoshop
Learn Adobe Photoshop with 21 hours of interactive Adobe Photoshop tutorials. This is training for real-world situations and includes additional tips and techniques used by the pros.

View Sample Photoshop, Dreamweaver and Flash Pro Video Tutorials
Free Adobe Photoshop CS3 video tutorials
Free Adobe Photoshop CS2 video tutorials
Free Adobe Dreamweaver video tutorials
Free Adobe Flash Pro video tutorials
back to top


photoshop tutorials - sidebar logo
search the Photoshop Support site
Adobe Photoshop Blog - Photoshop news and comments
Photoshop Blog
News, links and tips.
Adobe Photoshop Blog - Receive Updates via our XML/RSS feed
Inspiring Photoshop Music...
Inspiring Photoshop Music...
Inspiring Photoshop Music...
join our Photoshop Newsletter and win free prizes
Free Newsletter
Free monthly prizes.
Fluid Mask Photoshop Plugin
Fluid Mask Photoshop Plugin
Fluid Mask Photoshop Plugin
Fluid Mask - $10 Off
Fluid Mask Tour
Free Dreamweaver Tutorials and Dreamweaver Templates - Resource Center - Main Page
DW Center - Main
DW Free Tutorials
DW Video Clips
DW Templates
Free Flash Tutorials and Flash Templates - Resource Center
Flash - Main
Flash Tutorials
Flash Templates
Photoshop software & gear at special prices
Photoshop Deals
Photoshop specials.
Turn your Photoshop designs into CSS websites with SiteGrinder - Photoshop plugin.
Turn your Photoshop designs into CSS websites with SiteGrinder - Photoshop plugin.
Turn your Photoshop designs into CSS websites with SiteGrinder - Photoshop plugin.
Turn your Photoshop
designs into websites
with SiteGrinder
Photoshop CS3 Resources - Photoshop 10 news
Photoshop CS3
PS CS3 Tutorials
Adobe Photoshop Elements - resource center
PSE Main Page
PSE Free Tutorials
PSE Free Clips
Lightroom Resource Center - Adobe Lightroom tutorials and news
Lightroom - Main
LR Free Tutorials
LR Resources
Apple Aperture resource center - Aperture tutorials and news
Aperture - Main
Aperture Tutorials
Aperture Reviews
Photoshop Resources
Photoshop Tutorials
Free Tutorials
Photoshop 9 - CS2
Free CS2 Tutorials
Photoshop Brushes
Free Brushes
Photoshop Plugins
Free Plugins
Photoshop Actions
Free Actions
Photoshop Training
Free Video Clips
Free Stock Photos
Free Photos
Free Fonts Directory
Free Fonts
Free Textures
Free Textures
Digital Cameras
Resource Center
Inspiration
Websites & Artists
Photoshop News
Latest News
Photoshop Books
Latest Releases
Color Resources
Color Management
Just For Kids
Photoshop for Kids
How-To Articles
Photoshop Articles
GoLive Site
GoLive Tutorials
Quick Answers
Photoshop FAQ
Get In Touch
Feedback Form
© 1999-2005 PHOTOSHOPSUPPORT.COM
ALL RIGHTS RESERVED - MAY NOT BE REPRODUCED WITHOUT PERMISSION
Some material reproduced by permission of copyright owners
All trademarks mentioned are the property of their respective owners
[this website is intended as a public service]
• navigation bar inspired by Griffin Technology
• website design and development by Futura Studios
web hosting provided by Hostway •