42
Adobe Photoshop CS5 – Illustrated Unit F: Working with Brushes and Color Effect

Adobe Photoshop CS5 – Illustrated Unit F: Working with Brushes and Color Effect

Embed Size (px)

Citation preview

Adobe Photoshop CS5 – Illustrated

Unit F: Working with Brushes and Color Effect

Objectives

Create custom brushes

Paint with automatic brush strokes

Paint a complex mask

Understand the color picker

Adobe Photoshop CS5 - Illustrated

Objectives

Modify color with the Hue/Saturation adjustment

Use the Replace Color dialog box

User the Black & White adjustment

“Colorize” a Black & White adjustment

Adobe Photoshop CS5 - Illustrated

Working with Brushes and Color Effects

Manipulating color: Photoshop roles Improving realistic color Creating special effects

Techniques to create color effects Adjustment layers, layer masks, and

color adjustment utilities

Brush tool and Brushes panel Use effectively when working with layer

masks and adjustments

Adobe Photoshop CS5 - Illustrated

Creating Custom Brushes

Brushes panel Contains hundred of brushes

Can create custom brushes Contain special characteristics

Two basic brush characteristics Diameter

• Brush size

Hardness• Brush edge hardness or softness

Adobe Photoshop CS5 - Illustrated

Creating Custom Brushes

Brush tool paintbrush icon Does not change when brush changed

Preference setting Can change for painting cursors

• Cursors section of the Preferences dialog box

Adobe Photoshop CS5 - Illustrated

Creating Custom Brushes

Shape Dynamics option Activation offers greater painting control

• Using a brush that fades• Using a brush that responds to pressure

Shape Dynamics Programmed for users using a pressure-

sensitive stylus pen

Adobe Photoshop CS5 - Illustrated

Creating Custom Brushes

Adobe Photoshop CS5 - Illustrated

Brushes panel

CLASSROOM ACTIVITIES

True/False. A brush’s diameter is measured in pixels.

(Answer: True)

Why should you turn off the Shape Dynamics option?

(Answer: Shape Dynamics are essentially programmed for users using a pressure-sensitive stylus pen instead of a mouse.)

Adobe Photoshop CS5 - Illustrated

Painting with Automatic Brush Strokes

Fast and most effective Brush tool method Automatic brush technique

• Paints a connecting brush stroke between two points

Brush settings Specify brush edge in terms of hardness

• 100%: hardest-edged brush• Zero percent: softest edged brush

Adobe Photoshop CS5 - Illustrated

Painting with Automatic Brush Strokes

Adobe Photoshop CS5 - Illustrated

Connecting point #1 with point #2

Painting a soft-edge stroke

Painting a Complex Mask

Painting masks Commonly done over many times Making color adjustments

• May mask adjustment to manipulate artwork

Masking: essential tool Important for developing effective Brush

tool skills

Brush edge hardness decisions Directly effect mask success

Adobe Photoshop CS5 - Illustrated

CLASSROOM ACTIVITIES

True/False. The Brush tool can paint a connecting brush stroke between two points.

(Answer: True)

Discuss the benefit of using the automatic brush technique.

Adobe Photoshop CS5 - Illustrated

Painting a Complex Mask

Mask painting Impacted by brush hardness Can have a big impact Becomes subjective

Choice for a brush Hardness setting to mask an item Based on item itself

Adobe Photoshop CS5 - Illustrated

Painting a Complex Mask

Adobe Photoshop CS5 - Illustrated

Masking the edges of the sandals

Making a selection in the mask

Finished artwork

CLASSROOM ACTIVITIES

What do you press to access the Hand tool to scroll as you paint?

(Answer: Spacebar)

What key combination do you press to view the layer mask?

(Answer: [Alt] (Win) or [option] (Mac))

Adobe Photoshop CS5 - Illustrated

Understanding the Color Picker

Color Picker Essential Photoshop dialog boxes User can choose any color available as a

foreground or background color

Adobe Photoshop CS5 - Illustrated

Understanding the Color Picker

Understanding HSB Helpful when using Photoshop Color Picker designed in terms of HSB HSB: hue, saturation, and brightness HSB similarities to RGB

• Color model• Every pixel identifiable by its HSB values

Adobe Photoshop CS5 - Illustrated

Understanding the Color Picker

Hue Represents color name Photoshop Color Picker offers 360 hues

Saturation Color intensity: closeness of color to a

pure hue

Brightness affects a hue In terms of color lightness or darkness Brightness setting of zero per cent: black

Adobe Photoshop CS5 - Illustrated

Understanding the Color Picker

Color Picker color Can be specified as RGB and HSB

RGB and HSB color models Describe pixel color Independent of each other Use RGB

• When looking at image in terms of color balance

Use HSB: image brightness and contrast• When looking at other image evaluations

Adobe Photoshop CS5 - Illustrated

Understanding the Color Picker

Adobe Photoshop CS5 - Illustrated

Changing the hue in the Color Picker

Changing the saturation and brightness in the Color

Picker

CLASSROOM ACTIVITIES

Every pixel in Photoshop can be identified by its HSB values.

(Answer: True)

What does HSB represent?

(Answer: Hue, Saturation, Brightness)

Adobe Photoshop CS5 - Illustrated

Modifying Color with the Hue/Saturation Adjustment

Hue/Saturation: powerful adjustment Provides practical color improvements Creates special effects

Adobe Photoshop CS5 - Illustrated

Modifying Color with the Hue/Saturation Adjustment

Three adjustment values Hue slider

• Changes Hue value of all selected pixels

Saturation slider• Changes saturation• Intensifies or mutes selected pixels color

Lightness slider• Increases or decreases selected pixels

brightness

Adobe Photoshop CS5 - Illustrated

Modifying Color with the Hue/Saturation Adjustment

Hue/Saturation In the Color Picker and on the Info panel Specified in HSB

Hue/Saturation adjustment HSL sliders Lightness in the Hue/Saturation

adjustment Brightness in the Brightness/Contrast

adjustment• Brightens or darkens an image

Adobe Photoshop CS5 - Illustrated

Modifying Color with the Hue/Saturation Adjustment

Adobe Photoshop CS5 - Illustrated

Changing the hue

Modifying Color with the Hue/Saturation Adjustment

Adobe Photoshop CS5 - Illustrated

After the Hue/Saturation adjustment

CLASSROOM ACTIVITIES

True/False. The Saturation slider increases or decreases the brightness of selected pixels.

(Answer: False)

Discuss the difference between “Lightness” in the Hue/Saturation adjustment and “Brightness” in the Brightness/Contrast adjustment. When should each be used?

Adobe Photoshop CS5 - Illustrated

Using the Replace Color Dialog Box

Replace Color dialog box Useful for modifying colors in areas

difficult to select with selection tools or layer mask

Replace dialog box tools Allows targeting based strictly on color

similarity Area targeted

• Dialog box shows black-and-white mask• White areas represent affected pixels

Adobe Photoshop CS5 - Illustrated

Using the Replace Color Dialog Box

Dragging the Fuzziness slider Increase the targeted area

Using the Add to sample tool Click a specific area to add

Once area targeted Changing Hue and Saturation values

modifies color only in those areas

Adobe Photoshop CS5 - Illustrated

Using the Replace Color Dialog Box

Modifying Hue/Saturation in non-specific image Consider the Replace Color feature

• Not an adjustment layer• Alterations applied directly to the layer

Adobe Photoshop CS5 - Illustrated

Using the Replace Color Dialog Box

Adobe Photoshop CS5 - Illustrated

Adding a dark green to the sample

Sampling a light area of the door

CLASSROOM ACTIVITIES

True/False. Once you have targeted an area of the image, you can change the Hue and Saturation values.

(Answer: True)

Discuss why the Replace Color feature is not an adjustment layer.

Adobe Photoshop CS5 - Illustrated

Using the Black & White Adjustment

Making a color image appear as black-and-white Common method: desaturate image

completely with Hue/Saturation adjustment

Black & White adjustment• Offers brightness controls for converting

original color to black-and-white

Both methods• Create eye-catching, black-and-white version

of the original color imageAdobe Photoshop CS5 - Illustrated

Using the Black & White Adjustment

Another method Convert file from RGB Color mode to

Grayscale mode• Photoshop discards all color data from the file• Reduces file from three color channels to a

single grayscale channel

Adobe Photoshop CS5 - Illustrated

Using the Black & White Adjustment

Adobe Photoshop CS5 - Illustrated

Comparing desaturation (top) to a Black and White

adjustment (bottom)

“Colorizing” a Black & White Adjustment

Adding color to a black-and-white image Creates a “colorized” effect

Layer mask on a Black & White adjustment layer Gradually introduce color to a specific

image area

Adobe Photoshop CS5 - Illustrated

CLASSROOM ACTIVITIES

What does it mean to desaturate an image?

(Answer: Desaturation reduces the saturation value of every pixel to zero.)

True/False. To make a color image appear black and white, the Black & White adjustment method is than desaturation.

(Answer: True)Adobe Photoshop CS5 - Illustrated

“Colorizing” a Black & White Adjustment

Adobe Photoshop CS5 - Illustrated

Fill dialog box

Colorize effect

CLASSROOM ACTIVITIES

What refers to the measure of a pixel’s vibrance?

(Answer: saturation)

True/False. The layer mask on a Black & White adjustment layer may be used to introduce the black and white adjustment in different strengths to different areas of the image.

(Answer: True)Adobe Photoshop CS5 - Illustrated

Summary

Many techniques exist to create color effects

Photoshop Brushes panel contains hundreds of brushes

Masking: important to develop skills for using the Brush tool effectively

Color Picker: essential dialog box Allows color choice selection for a

foreground or background colorAdobe Photoshop CS5 - Illustrated

Summary

Understanding HSB Helpful with the Color Picker HSB: hue, saturation, brightness

(lightness)

Common method for making color image appear black-and-white Using Hue/Saturation adjustment

Many techniques available to add color to a black-and-white image

Adobe Photoshop CS5 - Illustrated