spacer

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

home / authoring / authoring/design / adjusting_color

[next]

Technology Consultant Manager (IL)
Next Step Systems
US-IL-Chicago

Justtechjobs.com Post A Job | Post A Resume
Developer News
News Flash: Adobe Has iPhone Workaround
Adobe's Flash 10.1 Goes Mobile (Minus iPhone)
A Salute to Visionary CEOs


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]

internet.commediabistro.comJusttechjobs.comGraphics.com

Search:

WebMediaBrands Corporate Info

Legal Notices, Licensing, Reprints, Permissions, Privacy Policy.
Advertise | Newsletters | Shopping | E-mail Offers | Freelance Jobs

webref The latest from WebReference.com Browse >
Building a Banking Application Home Page with OOP · Mixing Scripting Languages · Review: phpFox, a Social Networking CMS with all the Bells and Whistles
Sitemap · Experts · Tools · Services · Email a Colleague · Contact FREE Newsletters 
 The latest from internet.com
Enterprise 2.0: Social Networking in the Cloud · BroadSoft Marketplace Hastens Pace of Telephony Innovation · Review: HTC Hero for Sprint

URL: