adobe photoshop cs5 – illustrated unit c: working with layers

31
Adobe Photoshop CS5 – Illustrated Unit C: Working with Layers

Upload: bertina-small

Post on 17-Dec-2015

227 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: Adobe Photoshop CS5 – Illustrated Unit C: Working with Layers

Adobe Photoshop CS5 – Illustrated

Unit C: Working with Layers

Page 2: 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

Page 3: Adobe Photoshop CS5 – Illustrated Unit C: Working with Layers

Objectives

Flip and rotate artworkAdd and Outer Glow layer styleAdd a Drop Shadow layer styleWork with a layer mask

Adobe Photoshop CS5 - Illustrated

Page 4: Adobe Photoshop CS5 – Illustrated Unit C: Working with Layers

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

Page 5: Adobe Photoshop CS5 – Illustrated Unit C: Working with Layers

Working with the Layers Panel

Adobe Photoshop CS5 - Illustrated

Viewing the visible layers

Canvas with repositioned artwork

Page 6: Adobe Photoshop CS5 – Illustrated Unit C: Working with Layers

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

Page 7: Adobe Photoshop CS5 – Illustrated Unit C: Working with Layers

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

Page 8: Adobe Photoshop CS5 – Illustrated Unit C: Working with Layers

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

Page 9: Adobe Photoshop CS5 – Illustrated Unit C: Working with Layers

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

Page 10: Adobe Photoshop CS5 – Illustrated Unit C: Working with Layers

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

Page 11: Adobe Photoshop CS5 – Illustrated Unit C: Working with Layers

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

Page 12: Adobe Photoshop CS5 – Illustrated Unit C: Working with Layers

Duplicating, Deleting,and Pasting New Layers

Adobe Photoshop CS5 - Illustrated

Repositioning the Top Coin artwork

Repositioning the Bottom Coin artwork

Positioning the Colosseum artwork

Page 13: Adobe Photoshop CS5 – Illustrated Unit C: Working with Layers

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

Page 14: Adobe Photoshop CS5 – Illustrated Unit C: Working with Layers

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

Page 15: Adobe Photoshop CS5 – Illustrated Unit C: Working with Layers

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

Page 16: Adobe Photoshop CS5 – Illustrated Unit C: Working with Layers

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

Page 17: Adobe Photoshop CS5 – Illustrated Unit C: Working with Layers

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

Page 18: Adobe Photoshop CS5 – Illustrated Unit C: Working with Layers

Flipping and Rotating Artwork

Adobe Photoshop CS5 - Illustrated

Moving the artwork on three layers

Rotating the Colosseum artwork

Rotating the Bottom Coin artwork

Page 19: Adobe Photoshop CS5 – Illustrated Unit C: Working with Layers

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

Page 20: Adobe Photoshop CS5 – Illustrated Unit C: Working with Layers

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

Page 21: Adobe Photoshop CS5 – Illustrated Unit C: Working with Layers

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

Page 22: Adobe Photoshop CS5 – Illustrated Unit C: Working with Layers

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

Page 23: Adobe Photoshop CS5 – Illustrated Unit C: Working with Layers

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

Page 24: Adobe Photoshop CS5 – Illustrated Unit C: Working with Layers

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

Page 25: Adobe Photoshop CS5 – Illustrated Unit C: Working with Layers

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

Page 26: Adobe Photoshop CS5 – Illustrated Unit C: Working with Layers

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

Page 27: Adobe Photoshop CS5 – Illustrated Unit C: Working with Layers

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

Page 28: Adobe Photoshop CS5 – Illustrated Unit C: Working with Layers

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

Page 29: Adobe Photoshop CS5 – Illustrated Unit C: Working with Layers

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

Page 30: Adobe Photoshop CS5 – Illustrated Unit C: Working with Layers

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

Page 31: Adobe Photoshop CS5 – Illustrated Unit C: Working with Layers

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