spacer

Webref WebRef   Sitemap · Experts · Tools · Services · Newsletters · About i.com

home / authoring / authoring/design / adjusting_color

[next]

ASP 3.0/.NET Developer
Jupitermedia
US-NY-New York

Justtechjobs.com Post A Job | Post A Resume
Biz Resources
Data Integration Software
Web Hosting
Email Solutions
Developer News
SaaS Tool Offers Custom Database Development
Microsoft’s Automated Agent: Can We Talk?
Borland Finally Sells CodeGear

Photoshop CS3: Adjusting Color

By Carla Rose, Kate Binder

Digg This Add to del.icio.us

This chapter is excerpted from the book titled, Sams Teach Yourself Adobe Photoshop CS3 in 24 Hours, authored by Carla Rose, Kate Binder, published by Sams Publishing, April, 2007, ISBN 0672329352, Copyright 2007 Pearson Education, Inc.

What You'll Learn in This Hour:

  • Evaluating Your Color Adjustment Needs
  • Adjusting by Eye with Variations
  • Making Other Adjustments
  • Preserving the Original with Adjustment Layers
  • Understanding Channels

Are you one of those people who like to play with the color adjustments on the television set? If you are, you're going to be absolutely astounded by Photoshop's color adjustment capabilities. If you haven't a clue as to what I mean by adjusting color, that's okay, too. By the end of this hour, you'll be able to turn red roses blue, change a sky from midday to sunset and back again, bring out the detail in shadows, and control every imaginable aspect of color manipulation.

Photoshop includes a full set of tools for making color adjustments. You can find them all on the Image>Adjustments submenu (see Figure 5.1). Some of these terms, such as Brightness/Contrast, might be familiar to you; others might not. Don't worry. You'll learn about them all in this hour.

FIGURE 5.1
The Adjustments submenu gives you all the tools you'll need.

Evaluating Your Color Adjustment Needs

Before you start to adjust color, you need to evaluate what kind of color you have in the picture and how you'll eventually use the image. You learned about color models and color modes in the last hour, so you know that RGB color is the kind that is displayed on computer screens and CMYK color is the kind that is printed. If you're going to be adjusting the color in a picture, it makes sense to adjust it according to the way it will be displayed. If your picture is going on a web page, you should work in RGB mode. If it's going to be printed on a four-color process commercial press, work in RGB to start with, but make your final adjustments (if any are needed) after you convert to CMYK mode. If you're printing on a home/office inkjet printer, stick with RGB, even though your printer uses CMYK inks. These printers are designed to make the conversion internally. Other kinds of color printers, such as color lasers, work fine with CMYK. If the picture is going to end up in grayscale, forget about trying to make the sky a perfect blue. Change the mode to Grayscale and make the contrast perfect instead. Just keep these few rules in mind and you won't go wrong. Table 5.1 will help you keep these options sorted out.

Table 5.1 Color Adjustment Matrix

Adjust Color In

If Output Is

RGB

Computer screen, web, or inkjet printer

RGB first, and then CMYK

Process color print

Grayscale

Black-and-white print


Adjusting by Eye with Variations

The most obvious way to make a color adjustment is to compare before and after views of an image. In Photoshop, the tool for doing this is called Variations. It's the last item on the Image>Adjustments submenu. Variations combines several image adjustment tools into one easy-to-use system that shows you thumbnail images that are variations on the original image. You simply click the one that looks best to you. You can choose variations of hue and brightness and then see the result (which Photoshop calls Current Pick) compared to the original.


Something Missing? - If Variations doesn't appear on the Adjustments submenu, check the Image>Mode submenu to make sure you're in 8-bit color mode and that you're not using Lab or Indexed Color mode. If those settings are OK, the Variations plug-in might not have been installed. Consult the Photoshop manual for information about using plug-in modules.


Figure 5.2 shows the Variations dialog box. (See it in color in the color insert.) When you first open it, the Current Pick is the same as the original image because you haven't yet made changes. You can set the slider to the left (Fine) or right (Coarse) to determine how much effect each variation applies to the original image. Moving it one tick mark in either direction doubles or halves the previously selected amount. The finest setting makes changes that are so slight as to be almost undetectable. The coarsest setting should be used only if you're going for special effects and want to turn the entire picture to a single color. The default (middle) setting is the most practical for normal adjustments.

FIGURE 5.2
The seven thumbnails at the lower left adjust hue, whereas the set of three on the right side adjusts brightness.

Adjusting Shadows, Midtones, Highlights, and Saturation

When you use Variations to adjust a color image, you have the option of individually adjusting shadows, midtones, highlights, or overall color saturation. Shadows, midtones, and highlights are Photoshop's terms for the darks, middle tones, and light tones, respectively, in the picture (or what would be black, gray, and white in grayscale). When you correct them with Variations, you change the color (hue) of the shadow, midtone, or highlight. Saturation affects all of them at once, increasing or decreasing the intensity of the color, although not changing it.

When you choose Shadows, Midtones, or Highlights in the Variations dialog, you adjust the hue and brightness of only that part of the picture. The advantage here is that you can adjust the midtones one way and the highlights or shadows another way, if you choose. Each setting is independent of the others, and you can, for example, set the midtones to be more blue, thus brightening the sky, yet still set the shadows to be more yellow, offsetting the blueness that they possess inherently.

When a highlight or shadow value is adjusted so much that it becomes pure white or pure black, that's referred to as clipping. Clicking the Show Clipping box displays a neon-colored preview of areas in the image that will be clipped by the adjustment, so that you can try to minimize the amount of clipping that takes place. Clipping doesn't occur when you adjust midtones.

Remember, as you learned in Hour 4, "Specifying Color Modes and Color Models," hue refers to the color of an object or selection. Brightness is a measurement of how much white or black is added to the color.

Choosing Saturation changes the strength of the color in the image; the setting choice is simply for less or more color strength. In Figure 5.3, we're adjusting the saturation of this photo. Remember that you can apply the same correction more than once. If, for instance, less saturation still leaves more color in the image than you want, reduce the saturation again to get even less. (Don't confuse saturation with brightness. Saturation changes the amount of color. Brightness adds light.)

FIGURE 5.3
Less saturation gives you a duller image. More saturation gives you a more intense one.

Try It Yourself: Adjust an Image Using the Variations Command

Learning to work with the Variations dialog box is an excellent way to understand how colors work.

  1. Open any color image. Choose Image>Adjustments>Variations.

  2. Set the radio buttons according to what you want to adjust: Shadows, Midtones, Highlights, or Saturation.

  3. Use the Fine/Coarse slider to determine how much adjustment to apply.

  4. Watch the Original and Current Pick thumbnails as you create the desired variations by clicking the appropriate thumbnails. The following are some tips for getting the effect you want:

  5. Click OK when you're done or click Cancel to undo all your adjustments.

Saving and Loading Corrections

Two other buttons appear in this dialog box, and in the other adjustment dialog boxes as well. These are the Load and Save buttons. They can save you a lot of time and effort if you have a whole series of pictures that need the same kind of corrections. Perhaps you used your digital camera to shoot several outdoor pictures with the same lousy light conditions. Maybe your scanner tends to make everything a little more yellow than you want. After you determine the settings that correct one picture perfectly, you can save those settings and then load them each time you want to apply them to another picture.

Click the Save button, and you'll see a typical dialog box that asks you to give your settings a name. You might call them foggy day fix or scanner correction. Then, when you need to apply them to another picture, use the Load button to locate and open the appropriate setting file, and your corrections will be made when you click OK in the dialog box.

home / authoring / authoring/design / adjusting_color

[next]



JupiterOnlineMedia

internet.comearthweb.comDevx.commediabistro.comGraphics.com

Search:

Jupitermedia Corporation has two divisions: Jupiterimages and JupiterOnlineMedia

Jupitermedia Corporate Info


Legal Notices, Licensing, Reprints, & Permissions, Privacy Policy.

Advertise | Newsletters | Tech Jobs | Shopping | E-mail Offers

Solutions
Whitepapers and eBooks
Microsoft Article: Will Hyper-V Make VMware This Decade's Netscape?
Microsoft Article: 7.0, Microsoft's Lucky Version?
Microsoft Article: Hyper-V--The Killer Feature in Windows Server 2008
Avaya Article: How to Feed Data into the Avaya Event Processor
Microsoft Article: Install What You Need with Windows Server 2008
HP eBook: Putting the Green into IT
Whitepaper: HP Integrated Citrix XenServer for HP ProLiant Servers
Intel Go Parallel Portal: Interview with C++ Guru Herb Sutter, Part 1
Intel Go Parallel Portal: Interview with C++ Guru Herb Sutter, Part 2--The Future of Concurrency
Avaya Article: Setting Up a SIP A/S Development Environment
IBM Article: How Cool Is Your Data Center?
Microsoft Article: Managing Virtual Machines with Microsoft System Center
HP eBook: Storage Networking , Part 1
Microsoft Article: Solving Data Center Complexity with Microsoft System Center Configuration Manager 2007
MORE WHITEPAPERS, EBOOKS, AND ARTICLES
Webcasts
Intel Video: Are Multi-core Processors Here to Stay?
On-Demand Webcast: Five Virtualization Trends to Watch
HP Video: Page Cost Calculator
Intel Video: APIs for Parallel Programming
HP Webcast: Storage Is Changing Fast - Be Ready or Be Left Behind
Microsoft Silverlight Video: Creating Fading Controls with Expression Design and Expression Blend 2
MORE WEBCASTS, PODCASTS, AND VIDEOS
Downloads and eKits
Sun Download: Solaris 8 Migration Assistant
Sybase Download: SQL Anywhere Developer Edition
Red Gate Download: SQL Backup Pro and free DBA Best Practices eBook
Red Gate Download: SQL Compare Pro 6
Iron Speed Designer Application Generator
MORE DOWNLOADS, EKITS, AND FREE TRIALS
Tutorials and Demos
How-to-Article: Preparing for Hyper-Threading Technology and Dual Core Technology
eTouch PDF: Conquering the Tyranny of E-Mail and Word Processors
IBM Article: Collaborating in the High-Performance Workplace
HP Demo: StorageWorks EVA4400
Intel Featured Algorhythm: Intel Threading Building Blocks--The Pipeline Class
Microsoft How-to Article: Get Going with Silverlight and Windows Live
MORE TUTORIALS, DEMOS AND STEP-BY-STEP GUIDES
webref The latest from WebReference.com Browse >
Software Engineering for Ajax · Perl Pragma Primer · Implement Drag and Drop in Your Web Apps: Part 2
Sitemap · Experts · Tools · Services · Email a Colleague · Contact FREE Newsletters 
 The latest from internet.com
Policy-based Management in SQL Server 2008 – Part II · For Starters: Virtualization - Part 1 · USPS Rate-Change Tips for E-tailers

URL: