1 / 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. Objectives. Create custom brushes Paint with automatic brush strokes Paint a complex mask Understand the color picker. Objectives. Modify color with the Hue/Saturation adjustment

orrick
Download Presentation

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

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Adobe Photoshop CS5 – IllustratedUnit 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 Brushes panel Adobe Photoshop CS5 - Illustrated

  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 Connecting point #1 with point #2 Painting a soft-edge stroke Adobe Photoshop CS5 - Illustrated

  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 Masking the edges of the sandals Making a selection in the mask Finished artwork Adobe Photoshop CS5 - Illustrated

  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 Changing the hue in the Color Picker Changing the saturation and brightness in the Color Picker Adobe Photoshop CS5 - Illustrated

  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 Changing the hue Adobe Photoshop CS5 - Illustrated

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

  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 Sampling a light area of the door Adding a dark green to the sample Adobe Photoshop CS5 - Illustrated

  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 Comparing desaturation (top) to a Black and White adjustment (bottom) Adobe Photoshop CS5 - Illustrated

  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 Colorize effect Fill dialog box Adobe Photoshop CS5 - Illustrated

  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

More Related