26
Adobe Photoshop CS Design Professional COLORS ADJUSTING

Adobe Photoshop CS Design Professional COLORS ADJUSTING

Embed Size (px)

Citation preview

Page 1: Adobe Photoshop CS Design Professional COLORS ADJUSTING

Adobe Photoshop CS Design Professional

COLORSADJUSTING

Page 2: Adobe Photoshop CS Design Professional COLORS ADJUSTING

2Adjusting Colors Chapter J

Correct and adjust color

Enhance colors by altering saturation

Modify color channels using levels

Create color samplers with the Info palette

Chapter Lessons

Page 3: Adobe Photoshop CS Design Professional COLORS ADJUSTING

3Adjusting Colors Chapter J

Use color-enhancing tools to change the mood or personality of a color by changing its tonal values

Tonal values (also called color levels):– Numeric values of an individual color– Used to duplicate a color

Enhancing Color

Page 4: Adobe Photoshop CS Design Professional COLORS ADJUSTING

4Adjusting Colors Chapter J

Use color adjustment tools to specify exactly how colors should appear when printed

Colors levels are modified by making adjustments to the input and output levels

Reproducing Colors

Page 5: Adobe Photoshop CS Design Professional COLORS ADJUSTING

5Adjusting Colors Chapter J

Correct and Adjust Color Making Color Corrections

Balancing color:– Add and subtract colors from those

already existing in a layer– Correct oversaturated or

undersaturated color– Remove color casts from an image

Page 6: Adobe Photoshop CS Design Professional COLORS ADJUSTING

6Adjusting Colors Chapter J

Color Balance Dialog BoxContains three sliders:– Cyan-Red– Magenta-Green– Yellow-Blue

Adjust colors by dragging sliders or typing values in the Color Levels text boxes

Page 7: Adobe Photoshop CS Design Professional COLORS ADJUSTING

7Adjusting Colors Chapter J

Modifying CurvesUse the Curves dialog box to alter the output tonal value of any pixel input

Change as many as 16 points along the 0-255 scale in the Curves dialog box:– Horizontal axis: original intensity

values (Input levels)– Vertical axis: modified color values

(Output levels)

Page 8: Adobe Photoshop CS Design Professional COLORS ADJUSTING

8Adjusting Colors Chapter J

Curves dialog box

Active Setting

Values for Active Setting

Page 9: Adobe Photoshop CS Design Professional COLORS ADJUSTING

9Adjusting Colors Chapter J

Analyzing ColorsCreate an adjustment layer

Experiment with color corrections:– Adjust the color sliders and view

changes to the image– Modify the curves

Page 10: Adobe Photoshop CS Design Professional COLORS ADJUSTING

10Adjusting Colors Chapter J

Variations Dialog Box

In the Variations dialog box, view thumbnails of color variations while making color adjustments

Page 11: Adobe Photoshop CS Design Professional COLORS ADJUSTING

11Adjusting Colors Chapter J

Enhance Colors by Altering Saturation Understanding Saturation

Purity of a particular color

The higher the saturation level, the more intense the color

Modify color saturation using:– The Hue/Saturation dialog box– Sponge tool

Page 12: Adobe Photoshop CS Design Professional COLORS ADJUSTING

12Adjusting Colors Chapter J

Using the Sponge Tool

Use to increase or decrease the color saturation of a specific area within a layer

Sponge Tool settings include:– Brush size– Saturation or de-saturation levels– Speed with which the color flows into

or from the Sponge Tool

Page 13: Adobe Photoshop CS Design Professional COLORS ADJUSTING

13Adjusting Colors Chapter J

Saturation ExampleReds

Saturated

Before After

Page 14: Adobe Photoshop CS Design Professional COLORS ADJUSTING

14Adjusting Colors Chapter J

Understanding Hue

Hue is the amount of color that is reflected from an object– Assigned a measurement from 0 to

360 degrees– Described in terms of tints or shades

(red, yellow-green, blue, gold, etc.)

Page 15: Adobe Photoshop CS Design Professional COLORS ADJUSTING

15Adjusting Colors Chapter J

Adjusting Hue/Saturation

In the Hue/Saturation dialog box use the following sliders:– Hue– Saturation– Lightness

Page 16: Adobe Photoshop CS Design Professional COLORS ADJUSTING

16Adjusting Colors Chapter J

Converting to Grayscale

Use the Hue/Saturation dialog box to apply grayscale tones to an object in an image

Object in Grayscale

Page 17: Adobe Photoshop CS Design Professional COLORS ADJUSTING

17Adjusting Colors Chapter J

Modify Color Channels Using Levels Using Levels

Use the Levels dialog box to make adjustments across a tonal range:– Uses the composite color channel or

individual channel

The Levels feature uses a histogram and displays light and dark color values on a linear scale

Page 18: Adobe Photoshop CS Design Professional COLORS ADJUSTING

18Adjusting Colors Chapter J

HistogramsA graph that represents the frequency distribution of colors in an image

Adjustments are made to the input and output levels

Plotted data indicates the total number of pixels for a given tonal value

Page 19: Adobe Photoshop CS Design Professional COLORS ADJUSTING

19Adjusting Colors Chapter J

Levels Dialog Box

Histogram showing

plotted data

Page 20: Adobe Photoshop CS Design Professional COLORS ADJUSTING

20Adjusting Colors Chapter J

SlidersLevels dialog box contains six sliders that are used to make color adjustments:– Shadows slider– Midtones slider– Highlights slider– Output shadows slider– Output highlights slider

Page 21: Adobe Photoshop CS Design Professional COLORS ADJUSTING

21Adjusting Colors Chapter J

Create Color Samples with the Info Palette Sampling Colors

Use the Color Sampler Tool to sample and store up to four distinct color samplers– Apply each of the four color samples to

an image– Use the samplers to make color

adjustments

Page 22: Adobe Photoshop CS Design Professional COLORS ADJUSTING

22Adjusting Colors Chapter J

Color SamplersEach sample represented by a number

Sample 1

Sample 2

Page 23: Adobe Photoshop CS Design Professional COLORS ADJUSTING

23Adjusting Colors Chapter J

Info PaletteDisplays the following information:– Actual color values for current color mode

– CMYK values

– X & Y coordinates of the pointer location

– Width and height of a selection

Info palette expands to show color measurement information when a color sample is created

Page 24: Adobe Photoshop CS Design Professional COLORS ADJUSTING

24Adjusting Colors Chapter J

Info Palette with Color Samplers

RGB Color Values

Pointer Coordinates

CMYK Color Values

Width & Height

Color Samplers

Page 25: Adobe Photoshop CS Design Professional COLORS ADJUSTING

25Adjusting Colors Chapter J

Manipulating Color Samplers

Move a color sampler by dragging the sampler icon to a new location:– Color value information is updated

in the Info palette

Delete any of the samplers

Page 26: Adobe Photoshop CS Design Professional COLORS ADJUSTING

26Adjusting Colors Chapter J

Chapter J TasksUse tools to make color corrections

Balance colors

Modify curves to alter output tonal value

Understand and modify hue and saturation

Use the Levels dialog box to correct shadows and highlights

Sample colors and use the Info palette