Upload
kuniko
View
31
Download
0
Tags:
Embed Size (px)
DESCRIPTION
Adobe Photoshop CS5 – Illustrated Unit D: Working with Type and Gradients. Objectives. Set type Lock transparent pixels Create bevel and emboss effects on type Apply gloss contours to layer styles Create a double emboss effect. Objectives. Apply a gradient Create a new gradient - PowerPoint PPT Presentation
Citation preview
Adobe Photoshop CS5 – Illustrated
Unit D: Working with Type and Gradients
Objectives
Set typeLock transparent pixelsCreate bevel and emboss effects on typeApply gloss contours to layer stylesCreate a double emboss effect
Adobe Photoshop CS5 - Illustrated
Objectives
Apply a gradientCreate a new gradientClip a gradient into typeClip imagery into typeFade type
Adobe Photoshop CS5 - Illustrated
Setting Type
Photoshop includes text editing capabilitiesCreating Photoshop type Considered “live type”
• Select, copy, paste
Character pane Central location for formatting type
• Setting typeface, size, tracking, kerning, other formatting
Adobe Photoshop CS5 - Illustrated
Setting Type
Adobe Photoshop CS5 - Illustrated
Type layerFilling text with color
Character panel
Locking Transparent Pixels
New Photoshop layer Transparent and empty
Layer containing transparency Important to understand
• Especially when working with type
Type layer pixels Those not used on the layer/not used to
render type: transparent by default Lock to protect a pixel’s transparency
Adobe Photoshop CS5 - Illustrated
Locking Transparent Pixels (cont’d.)
Adobe Photoshop CS5 - Illustrated
Identifying transparent pixels
Lock transparent pixels option activated
Paint in a layer with locked transparent pixels
Creating Bevel and Emboss Effects on Type
Bevel and Emboss layer style Built-in effect
• Can be applied to layers Very effective for type
• Creates classic effects (chiseled and raised text)
Dialog box• Features different styles and techniques• Creates all kinds of different bevel and
emboss effects
Adobe Photoshop CS5 - Illustrated
Creating Bevel and Emboss Effects on Type
Adobe Photoshop CS5 - Illustrated
Smooth Emboss effect
Inner Bevel Chisel Hard effect
Applying Gloss Contours to Layer Styles
Gloss contours Set of 12 preset adjustments Affect layer style brightness and contrast
• Creates dramatic lighting effects
Pick and choose See what they do See how they affect current artwork
Adobe Photoshop CS5 - Illustrated
Applying Gloss Contours to Layer Styles
Adobe Photoshop CS5 - Illustrated
Cone gloss contour applied to artwork
Gloss Contours in the Layer Style dialog box
Creating a Double Emboss Effect
Layer styles Prepackaged canned effects Unique artwork created with the effects
Key to creating unique artwork Use layer styles and other built-in effects
Double Emboss effect Applies combination of effects
• Create something unexpected and new
Adobe Photoshop CS5 - Illustrated
Creating a Double Emboss Effect
Adobe Photoshop CS5 - Illustrated
Viewing the Layers panel after deleting a layer style
Creating an Outer Bevel layer style
Viewing the effect of combining layer styles
Applying a Gradient
Gradient: blend between two or more colors Can create distinct third color Preset gradients of different colors
• Available to apply using the Gradient tool Gradient tool determines placement and
length of gradient• Click to determine where gradient begins• Drag determines length• Release determines where gradient ends
Adobe Photoshop CS5 - Illustrated
Applying a Gradient
Gradient tool options Determine type of gradient applied
Gradient tool may be hidden beneath Paint Bucket tool
Adobe Photoshop CS5 - Illustrated
Five types of gradients
Applying a Gradient
Adobe Photoshop CS5 - Illustrated
Gradient swatches
Radiant gradientLinear gradient across the canvas
Creating a New Gradient
Customized gradients Created in Gradient Editor dialog box
Color stops make up a gradientCreating customized gradient Gradient Editor dialog box gradient ramp
Gradients Can be created between two color stops
or multiple color stops
Adobe Photoshop CS5 - Illustrated
Creating a New Gradient
Adding color stops Click gradient ramp
Remove color stop Drag down and off gradient ramp
Gradient length between color stops Determined by moving color stops closer
together or further apart
Location text box below gradient ramp Identifies selected color stop’s location
Adobe Photoshop CS5 - Illustrated
Creating a New Gradient
Adobe Photoshop CS5 - Illustrated
Clicking the active gradient fill
Viewing the new gradient
Creating a new gradient
Clipping a Gradient into Type
Clipping Using artwork on one layer to mask
artwork on a layer above it
Clipping mask Artwork functioning as the mask
Adobe Photoshop CS5 - Illustrated
Clipping a Gradient into Type
Example: clipping and clipping mask Type layer with layer above filled with a
gradient If gradient layer targeted and clipping
mask created• Gradient clipped into type layer beneath• Only visible within the type
Type layer transparent areas• Mask gradient artwork
Adobe Photoshop CS5 - Illustrated
Clipping a Gradient into Type
Base layer Layer functioning as clipping mask
Clipping artwork Must be immediately above base layer
Base layers can have multiple layers clipped into them All layers must be immediately above
base layer on the Layers panel
Adobe Photoshop CS5 - Illustrated
Clipping a Gradient into Type
Adobe Photoshop CS5 - Illustrated
Red, Orange, Yellow, Green gradient applied to the canvas
Red, Orange, Yellow, Green gradient masked by the Inner
Bevel layer
Making the layer style effect visible
Clipping Imagery into Type
Clipping imagery into type Works like clipping a gradient into type
• Difference: picture used instead gradient fill Classic design type
• Visually interesting• Communicates idea of strength and clarity
Adobe Photoshop CS5 - Illustrated
Clipping Imagery into Type
Adobe Photoshop CS5 - Illustrated
Clipping the wood layer into the Inner Bevel layer
Viewing the artwork with the layer style visible
Fading Type
Gradients play two important roles Visual and artistic role involving color Practical role when used in layer masks
Fundamental rule of a layer mask White areas of the mask reveal 100% of
the related artwork on the layer Black areas hide of mask 100%
Adobe Photoshop CS5 - Illustrated
Fading Type
Gradients in a layer mask When blending from white to black
• Affect related artwork as a blend from “revealed” to “masked”
Powerful tool for gradually fading artwork on the layer• Including a type layer
Adobe Photoshop CS5 - Illustrated
Fading Type
Adobe Photoshop CS5 - Illustrated
Fading the type completely
Fading the type, but not completely
Summary
Photoshop text editing capabilities Found in word processing
Type layer pixels Pixels not used to render type
transparent by default
Bevel and Emboss built-in layer style Effective with type
Gloss contours Affect layer style brightness and contrast
Adobe Photoshop CS5 - Illustrated
Summary
Gradient Blend between two or more colors Preset gradients Customized gradients
Clipping an image into type Visually interesting Communicates strength and clarity
Gradient layer mask is a powerful tool Gradually fades artwork on a layer
Adobe Photoshop CS5 - Illustrated