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

2. Objectives Create custom brushes Paint with automatic brush strokes Paint a complex mask Understand the color picker Adobe Photoshop CS5 - Illustrated

3. 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

4. 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

5. 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

6. 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

7. 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

8. Creating Custom Brushes Adobe Photoshop CS5 - Illustrated Brushes panel

9. 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

10. 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

11. Painting with Automatic Brush Strokes Adobe Photoshop CS5 - Illustrated Connecting point #1 with point #2 Painting a soft- edge stroke

12. 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

13. 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

14. 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

15. Painting a Complex Mask Adobe Photoshop CS5 - Illustrated Masking the edges of the sandals Making a selection in the mask Finished artwork

16. 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

17. 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

18. 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

19. 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

20. 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

21. Understanding the Color Picker Adobe Photoshop CS5 - Illustrated Changing the hue in the Color Picker Changing the saturation and brightness in the Color Picker

22. 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

23. Modifying Color with the Hue/Saturation Adjustment Hue/Saturation: powerful adjustment   Provides practical color improvements   Creates special effects Adobe Photoshop CS5 - Illustrated

24. 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

25. 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

26. Modifying Color with the Hue/Saturation Adjustment Adobe Photoshop CS5 - Illustrated Changing the hue

27. Modifying Color with the Hue/Saturation Adjustment Adobe Photoshop CS5 - Illustrated After the Hue/Saturation adjustment

28. 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

29. 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

30. 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

31. 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

32. Using the Replace Color Dialog Box Adobe Photoshop CS5 - Illustrated Adding a dark green to the sample Sampling a light area of the door

33. 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

34. 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

35. 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

36. Using the Black & White Adjustment Adobe Photoshop CS5 - Illustrated Comparing desaturation (top) to a Black and White adjustment (bottom)

37. “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

38. 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

39. “Colorizing” a Black & White Adjustment Adobe Photoshop CS5 - Illustrated Fill dialog box Colorize effect

40. 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

41. 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 color Adobe Photoshop CS5 - Illustrated

42. 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