Adobe Photoshop CS5 – Illustrated Unit F: Working with Brushes and Color Effect
description
Transcript of Adobe Photoshop CS5 – Illustrated Unit F: Working with Brushes and Color Effect
Adobe Photoshop CS5 – Illustrated
Unit F: Working with Brushes and Color Effect
Objectives
Create custom brushesPaint with automatic brush strokesPaint a complex maskUnderstand the color picker
Adobe Photoshop CS5 - Illustrated
Objectives
Modify color with the Hue/Saturation adjustmentUse the Replace Color dialog boxUser 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 image
Adobe 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 effectsPhotoshop Brushes panel contains hundreds of brushesMasking: important to develop skills for using the Brush tool effectivelyColor 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