adobe photoshop cs5 – illustrated unit c: working with layers
TRANSCRIPT
Adobe Photoshop CS5 – Illustrated
Unit C: Working with Layers
Objectives
Work with the Layers panelMerge layers and manipulate opacityDuplicate layers, delete layers, and paste new layersScale artwork
Adobe Photoshop CS5 - Illustrated
Objectives
Flip and rotate artworkAdd and Outer Glow layer styleAdd a Drop Shadow layer styleWork with a layer mask
Adobe Photoshop CS5 - Illustrated
Working with the Layers Panel
The Layers panel houses all the layers in a document and offers many options for manipulating those layersBasic operations using the Layers panel and layered artwork include to hide or show various art components and move them independently of one anotherSelecting a layer in the Layers panel is called targeting a layer
Adobe Photoshop CS5 - Illustrated
Working with the Layers Panel
Adobe Photoshop CS5 - Illustrated
Viewing the visible layers
Canvas with repositioned artwork
CLASSROOM ACTIVITIES
How would you manipulate components if there were no layers?
Which button do you select to make the layers become visible?
(Answer: Indicates layer visibility button)
Adobe Photoshop CS5 - Illustrated
Merging Layers and Manipulating Opacity
Artwork on a top layer in the Layers panel appears in front of artwork on layers beneath itLayers in the Layers panel can be reordered and layers can also be mergedWhen multiple artwork is merged, separate artwork can no longer be manipulated individually or easily unmergedThe more the layers the larger the file size so merging layers reduces the size
Adobe Photoshop CS5 - Illustrated
Merging Layers and Manipulating Opacity
In Photoshop the term opacity refers to how opaque the artwork is100% opacity means that the artwork is completely opaque; no part of the image is transparentArtwork with 0% opacity is completely transparent and is invisibleArtwork with 50% opacity is visible, but also any artwork on a layer beneath it would also be visible through it
Adobe Photoshop CS5 - Illustrated
Merging Layers and Manipulating Opacity
Adobe Photoshop CS5 - Illustrated
Moving the Coin layer above the Colosseum layer
Moving the Pen layer beneath the Euros layer
Canvas with transparent artwork
CLASSROOM ACTIVITIES
True/False. When you merge multiple layers, separate artwork on those layers is merged onto one layer.
(Answer: True)
True/False. When you merge multiple layers, artwork can still be manipulated individually.
(Answer: False)
Adobe Photoshop CS5 - Illustrated
Duplicating, Deleting,and Pasting New Layers
Layers are created in Photoshop in a variety of ways, including: click the Create a new layer button on the
Layers panel use the New Layer command on the Layers
panel menu duplicate an existing layer paste artwork copied from another file
• copied artwork is always pasted into a new layer that is above the targeted layer on the Layers panel
Adobe Photoshop CS5 - Illustrated
Duplicating, Deleting,and Pasting New Layers
Adobe Photoshop CS5 - Illustrated
Repositioning the Top Coin artwork
Repositioning the Bottom Coin artwork
Positioning the Colosseum artwork
CLASSROOM ACTIVITIES
Where does copied and pasted artwork appear?
(Answer: on its own layer) What happens when you can’t find it?
What does clicking Copy Merged button do?
(Answer: Clicking Copy Merged copies the visible image on the canvas as a single image.)
Adobe Photoshop CS5 - Illustrated
Scaling Artwork
One of the great features of Photoshop is the ability to transform artwork Move Scale (resizing artwork) Rotate Flip Distort
Transforming is key when creating a montage when creating specific positioning relationships between elements
Adobe Photoshop CS5 - Illustrated
Scaling Artwork
Adobe Photoshop CS5 - Illustrated
Using the Options bar to scale the artwork
Moving the crosshair icon
Scaling the artwork form the relocated crosshair icon
CLASSROOM ACTIVITIES
What does transform mean in Photoshop?
(Answer: move, scale, rotate, flip, and distort artwork)
True/False. Scaling is a term for resizing artwork.
(Answer: True)
Adobe Photoshop CS5 - Illustrated
Flipping and Rotating Artwork
Flipping and rotating are two transformations that are useful when creating a montage of various images Flipping artwork creates a mirror image of the
artwork• images can be flipped either horizontally or
vertically Rotating moves an object clockwise around its
center point much like how a pinwheel spins• an image can be rotated by hand or by
entering a specific rotation value on the Options bar
Adobe Photoshop CS5 - Illustrated
Flipping and Rotating Artwork
Adobe Photoshop CS5 - Illustrated
Moving the artwork on three layers
Rotating the Colosseum artwork
Rotating the Bottom Coin artwork
CLASSROOM ACTIVITIES
True/False. Rotate artwork creates a mirror image of the artwork.
(Answer: False)
What is the difference between rotating and flipping. When might you use each one?
Adobe Photoshop CS5 - Illustrated
Adding an Outer Glow Layer Style
Layer styles have built-in effects that you can apply to layers which include: Glows Shadows Bevels Embosses, Chiseled edges and others
When a layer style is applied all the artwork on that layer inherits the layer style layer styles are listed on the Layers panel
beneath the layer applied to and can be hidden or shown
Adobe Photoshop CS5 - Illustrated
Adding an Outer Glow Layer Style
Adobe Photoshop CS5 - Illustrated
Settings for the Outer Glow layer style
Viewing the layer style on the canvas and in the Layers panel
CLASSROOM ACTIVITIES
What are some of the effects you can apply to layers?
(Answer: glows, shadows, bevels, embosses and chiseled edges)
How do you hide/show the Outer Glow layer style?
(Answer: Click the small black triangle to the right of the layer to hide or show the layer effects for that layer.)
Adobe Photoshop CS5 - Illustrated
Adding a Drop Shadow Layer Style
A drop shadow applied to artwork makes it appear to cast a shadowThere are many methods for creating a drop shadow; if a drop shadow is created as a layer style it can be copied from one layer to another which saves time and speeds up the work process (this is a great feature about layer styles)
Adobe Photoshop CS5 - Illustrated
Drop Shadow layer style options
Adding a Drop Shadow Layer Style
Adobe Photoshop CS5 - Illustrated
Viewing the Drop Shadow layer style behind the Colosseum
artwork and in the Layers panel
Settings for a Drop Shadow layer style
Working with a Layer Mask
A layer mask allows a user to define which areas of artwork on a single layer are visible, not visible or partly visibleWhite areas of the layer mask represent art on the layer that is 100% visibleBlack areas of the layer mask represented art on the layer that is 100% masked and invisibleGray areas of the layer mask represent art on the layer that is semi-transparent
Adobe Photoshop CS5 - Illustrated
Working with a Layer Mask
There are many methods that can be used to apply black, white or gray to a layer maskTwo methods include: use the Brush tool to paint in the layer mask
which adjusts the opacity of the artwork by hand• the brush tool always paints with the
foreground color set the size and hardness options for the
Brush tool on the Options bar
Adobe Photoshop CS5 - Illustrated
CLASSROOM ACTIVITIES
A_____ is an effect where artwork appears to cast a shadow.
(Answer: drop shadow)
True/False. There is only one method for creating a drop shadow.
(Answer: False)
Adobe Photoshop CS5 - Illustrated
Working with a Layer Mask
Adobe Photoshop CS5 - Illustrated
Deactivating the layer mask
Viewing the layer mask
Artwork with both leaves masked out
Layer mask added to the Roses layer
CLASSROOM ACTIVITIES
What is a layer mask?
(Answer: A layer mask allows you to define which areas of artwork on a single layer are visible, not visible, or partly visible.)
True/False. The Brush tool always paints with the foreground color.
(Answer: True)
Adobe Photoshop CS5 - Illustrated
Summary
Basic actions using the Layers panel and layered artwork include to hide or show various art components and move them independently of one anotherLayers in the Layers panel can be reordered and layers can also be mergedIn Photoshop the term opacity refers to how opaque the artwork is, 100%, 50%, 0%
Adobe Photoshop CS5 - Illustrated
Summary
One of the great features of Photoshop is the ability to transform artwork by moving, scaling, rotating, flipping or distorting the artworkA drop shadow applied to artwork makes it appear to cast a shadowA layer mask allows a user to define which areas of artwork on a single layer are visible, not visible or partly visible
Adobe Photoshop CS5 - Illustrated