ps cs6 ch04 ppt

48
Adobe ® Photoshop ® CS6 Chapter 4 Drawing and Painting with Color

Upload: cpashke

Post on 14-Jan-2017

193 views

Category:

Education


1 download

TRANSCRIPT

Page 1: PS cs6 ch04 ppt

Adobe® Photoshop® CS6

Chapter 4

Drawing and Painting with Color

Page 2: PS cs6 ch04 ppt

Chapter 4 Drawing and Painting with Color 2

• Create a Photoshop document from scratch using the Painting workspace

• Differentiate between color modes• Apply gradients using the Gradient Tool• Create smart objects• Select colors using the Swatches panel• Paint and draw using Photoshop brushes• Adjust the hardness and diameter settings of

brushes

Objectives

Page 3: PS cs6 ch04 ppt

Chapter 4 Drawing and Painting with Color 3

• Load new custom shapes• Use a Color Picker dialog box• Differentiate among the shape tools, modes, and

settings• Create a custom shape• Sample colors with the Eyedropper Tool• Create and use a character style

Objectives

Page 4: PS cs6 ch04 ppt

Chapter 4 Drawing and Painting with Color 4

Project – Creating a Poster

Page 5: PS cs6 ch04 ppt

Chapter 4 Drawing and Painting with Color 5

• Plan your layout and gather necessary photos• Choose colors purposefully• Design your brush strokes• Use predefined shapes for tangible objects• Apply effective text styles and strokes

General Project Guidelines

Page 6: PS cs6 ch04 ppt

Chapter 4 Drawing and Painting with Color 6

• Click Window on the Application bar, and then point to Workspace to display the Workspace submenu

• Click Painting on the Workspace submenu to choose the Painting workspace

Selecting the Painting Workspace

Page 7: PS cs6 ch04 ppt

Chapter 4 Drawing and Painting with Color 7

Selecting the Painting Workspace

Page 8: PS cs6 ch04 ppt

Chapter 4 Drawing and Painting with Color 8

• Click File on the Application bar, and then click New to display the New dialog box

• Type or select the desired settings in the New dialog box

• Click the OK button to close the dialog box• If the rulers do not appear in the document window,

press CTRL+R• Click View on the Application bar, and then click Fit on

Screen to enlarge the canvas to fit the document workspace

Starting a New Photoshop File

Page 9: PS cs6 ch04 ppt

Chapter 4 Drawing and Painting with Color 9

Starting a New Photoshop File

Page 10: PS cs6 ch04 ppt

Chapter 4 Drawing and Painting with Color 10

• A gradient, or gradient fill, is a graphic effect consisting of a smooth blend, change, or transition from one color to another

Gradients

Page 11: PS cs6 ch04 ppt

Chapter 4 Drawing and Painting with Color 11

• Right-click the Gradient Tool button or the Paint Bucket Tool button on the Tools panel to display the context menu

• Click Gradient Tool to select it• On the Gradient options bar, click the desired gradient

style

Selecting the Gradient Tool and Style

Page 12: PS cs6 ch04 ppt

Chapter 4 Drawing and Painting with Color 12

• On the options bar, click the Gradient Editor box to display the Gradient Editor dialog box

• In the Presets area, click the desired Preset button• Adjust the color stops as desired• Click the OK button to close the dialog box

Editing the Gradient

Page 13: PS cs6 ch04 ppt

Chapter 4 Drawing and Painting with Color 13

Editing the Gradient

Page 14: PS cs6 ch04 ppt

Chapter 4 Drawing and Painting with Color 14

• Drag the mouse pointer in the position that you want to draw the gradient

• Release the mouse button to apply the gradient

Drawing the Gradient

Page 15: PS cs6 ch04 ppt

Chapter 4 Drawing and Painting with Color 15

Drawing the Gradient

Page 16: PS cs6 ch04 ppt

Chapter 4 Drawing and Painting with Color 16

• Click File on the Application bar, and then click Place to display the Place dialog box

• Click the Look in box arrow to display the list of available locations, and then navigate to the location of the object to place

• Double-click the file to place it

Creating a Smart Object using the Place Command

Page 17: PS cs6 ch04 ppt

Chapter 4 Drawing and Painting with Color 17

Creating a Smart Object using the Place Command

Page 18: PS cs6 ch04 ppt

Chapter 4 Drawing and Painting with Color 18

• On the options bar, click the ‘Maintain aspect ratio’ button. Double-click the text in the Height box, and then type the desired height

• Drag the placed image to the desired location• Click the Commit transform (Enter) button on the

options bar to finish the transformation and hide the bounding box

Transforming the Smart Object

Page 19: PS cs6 ch04 ppt

Chapter 4 Drawing and Painting with Color 19

Transforming the Smart Object

Page 20: PS cs6 ch04 ppt

Chapter 4 Drawing and Painting with Color 20

• On the Swatches pane, click the desired color to change the foreground color

Choosing a Color in the Swatches Panel

Page 21: PS cs6 ch04 ppt

Chapter 4 Drawing and Painting with Color 21

• Right-click the current brush tool on the Tools panel and display the context menu

• Click Brush Tool in the list to select it and display the Brush options bar

Selecting the Brush Tool

Page 22: PS cs6 ch04 ppt

Chapter 4 Drawing and Painting with Color 22

• Click the Brush button on the vertical dock of collapsed panels to display the Brush panel

Displaying the Brush Panel

Page 23: PS cs6 ch04 ppt

Chapter 4 Drawing and Painting with Color 23

Selecting a Brush and Editing Settings

Page 24: PS cs6 ch04 ppt

Chapter 4 Drawing and Painting with Color 24

• With the layer selected, click the starting location for the line

• SHIFT+drag the mouse pointer to the ending location for the line

Drawing Straight Lines with the Brush Tool

Page 25: PS cs6 ch04 ppt

Chapter 4 Drawing and Painting with Color 25

Drawing Straight Lines with the Brush Tool

Page 26: PS cs6 ch04 ppt

Chapter 4 Drawing and Painting with Color 26

• Click the Brush Presets panel menu button to display its menu

• Click Assorted Brushes to choose the library and to start the append process

• Click the Append button to append the brushes to the panel list

Appending a Brush Library

Page 27: PS cs6 ch04 ppt

Chapter 4 Drawing and Painting with Color 27

Appending a Brush Library

Page 28: PS cs6 ch04 ppt

Chapter 4 Drawing and Painting with Color 28

• On the Brush Presets panel, scroll down as necessary to the appended brushes, and then select the desired preset

• Drag the size slider to the desired size• Click the Toggle the Brush panel button to display

the Brush panel temporarily• Drag the Spacing slider to the desired setting• Click the Toggle the Brush panel button again to

hide the Brush panel

Selecting a Brush using the Brush Presets Panel

Page 29: PS cs6 ch04 ppt

Chapter 4 Drawing and Painting with Color 29

Selecting a Brush using the Brush Presets Panel

Page 30: PS cs6 ch04 ppt

Chapter 4 Drawing and Painting with Color 30

• With the brush tool, drag the mouse to draw freehand

Drawing Freehand using the Brush Tool

Page 31: PS cs6 ch04 ppt

Chapter 4 Drawing and Painting with Color 31

• Click Window on the Application bar, and then click Character Styles to display the Character Styles panel

• Click the Create new Character Style button on the Character Styles panel status bar to add a new character style to the panel

• Double-click the new style, Character Style 1, to display the Character Style Options dialog box

• Select the desired settings in the Character Style Options dialog box

• Click the OK button in the Character Style Options dialog box to save the settings

Create a Character Style

Page 32: PS cs6 ch04 ppt

Chapter 4 Drawing and Painting with Color 32

Create a Character Style

Page 33: PS cs6 ch04 ppt

Chapter 4 Drawing and Painting with Color 33

• Select the Horizontal Type Tool, if necessary• Drag to create a bounding box• On the Character Styles panel, select the desired

style

Using a Style

Page 34: PS cs6 ch04 ppt

Chapter 4 Drawing and Painting with Color 34

Using a Style

Page 35: PS cs6 ch04 ppt

Chapter 4 Drawing and Painting with Color 35

• On the Layers panel, right-click the style to copy• Click Copy Layer Style on the context menu to

copy the style to the Clipboard• Right click the area to place the style• Click Paste Layer Style on the context menu to

paste the layer style

Copying a Layer Style

Page 36: PS cs6 ch04 ppt

Chapter 4 Drawing and Painting with Color 36

Copying a Layer Style

Page 37: PS cs6 ch04 ppt

Chapter 4 Drawing and Painting with Color 37

• On the Tools panel, right-click the Eyedropper Tool button to display its context menu

• Click Eyedropper Tool to select it• Move the mouse pointer into the document

window and then click the color to use

Using the Eyedropper Tool

Page 38: PS cs6 ch04 ppt

Chapter 4 Drawing and Painting with Color 38

Using the Eyedropper Tool

Page 39: PS cs6 ch04 ppt

Chapter 4 Drawing and Painting with Color 39

• Right-click the Shape Tool on the Tools panel to display its context menu

• Click Custom Shape Tool to select the tool and to display the Shape Tools options bar

Choosing the Custom Shape Tool

Page 40: PS cs6 ch04 ppt

Chapter 4 Drawing and Painting with Color 40

• Click the Shape box to display its list• Click the list’s menu button to display the choices• Choose the desired library• Click the Append button to append the shapes

Appending Shape Presets

Page 41: PS cs6 ch04 ppt

Chapter 4 Drawing and Painting with Color 41

Appending Shape Presets

Page 42: PS cs6 ch04 ppt

Chapter 4 Drawing and Painting with Color 42

• If necessary, scroll down in the list of custom shapes to display the appended shapes

• Click the desired shape to select it• On the options bar, click the Stroke box to display its

choices• Click the desired gradient• On the options bar, select the value in the ‘Set shape

stroke width’ box and then type the desired value• Drag to create the shape

Creating a Shape

Page 43: PS cs6 ch04 ppt

Chapter 4 Drawing and Painting with Color 43

Creating a Shape

Page 44: PS cs6 ch04 ppt

Chapter 4 Drawing and Painting with Color 44

• Right-click the layer to duplicate• Click Duplicate Layer to display the Duplicate

Layer dialog box• Click the OK button to name the new layer with

the default name

Duplicating a Shape Layer

Page 45: PS cs6 ch04 ppt

Chapter 4 Drawing and Painting with Color 45

Duplicating a Shape Layer

Page 46: PS cs6 ch04 ppt

Chapter 4 Drawing and Painting with Color 46

• Create a Photoshop document from scratch using the Painting workspace

• Differentiate between color modes• Apply gradients using the Gradient Tool• Create smart objects• Select colors using the Swatches panel• Paint and draw using Photoshop brushes• Adjust the hardness and diameter settings of

brushes

Chapter Summary

Page 47: PS cs6 ch04 ppt

Chapter 4 Drawing and Painting with Color 47

• Load new custom shapes• Use a Color Picker dialog box• Differentiate among the shape tools, modes, and

settings• Create a custom shape• Sample colors with the Eyedropper Tool• Create and use a character style

Chapter Summary

Page 48: PS cs6 ch04 ppt

Chapter 4 Complete

Adobe® Photoshop® CS6