35
Adobe Photoshop CS Design Professional WITH LAYERS WORKING

Adobe Photoshop CS Design Professional WITH LAYERS WORKING

Embed Size (px)

Citation preview

Page 1: Adobe Photoshop CS Design Professional WITH LAYERS WORKING

Adobe Photoshop CS Design Professional

WITH LAYERSWORKING

Page 2: Adobe Photoshop CS Design Professional WITH LAYERS WORKING

2Working with Layers Chapter B

Examine and convert layers

Add and delete layers

Add a selection from one image to another

Organize layers with layer sets and colors

Chapter Lessons

Page 3: Adobe Photoshop CS Design Professional WITH LAYERS WORKING

3Working with Layers Chapter B

Each object created in Photoshop exists on its own individual layer

You can easily control the position and quality of each layer in the stack

You can have a maximum of 8000 layers in a Photoshop image

Defining Layers

Page 4: Adobe Photoshop CS Design Professional WITH LAYERS WORKING

4Working with Layers Chapter B

You place images, effects, styles, and type on separate layers

You can modify each layer individually without affecting other layers

Why Are Layers Important?

Page 5: Adobe Photoshop CS Design Professional WITH LAYERS WORKING

5Working with Layers Chapter B

Advantage & Disadvantage

Advantage of layers:– Provides ability to isolate effects and

images on one layer without affecting other layers

Disadvantage of layers:– An image containing multiple layers can

get very large

Page 6: Adobe Photoshop CS Design Professional WITH LAYERS WORKING

6Working with Layers Chapter B

What To Do With LayersAdd, delete, and move layers

Drag a portion of an image (a selection) to another Photoshop image

Hide and display layers

Change the opacity of a layer

Change the order of layers

Page 7: Adobe Photoshop CS Design Professional WITH LAYERS WORKING

7Working with Layers Chapter B

Examining LayersUse the Layers palette to manipulate layers

Layers tab selected

Page 8: Adobe Photoshop CS Design Professional WITH LAYERS WORKING

8Working with Layers Chapter B

Layers Palette ComponentsName of each layer

Layer thumbnails– A miniature picture of each layer’s

content

Layer colors, if applied

Buttons for creating and deleting layers

Page 9: Adobe Photoshop CS Design Professional WITH LAYERS WORKING

9Working with Layers Chapter B

Types of LayersThree types of layers– Background layer– Type Layer– Image Layer

Page 10: Adobe Photoshop CS Design Professional WITH LAYERS WORKING

10Working with Layers Chapter B

Background LayerAlways at the bottom of the stack

Identified by italics

A Photoshop image need not include a background layer

Background layer

Page 11: Adobe Photoshop CS Design Professional WITH LAYERS WORKING

11Working with Layers Chapter B

Type LayerContains text

Identified by the type layer icon

Text layer

Page 12: Adobe Photoshop CS Design Professional WITH LAYERS WORKING

12Working with Layers Chapter B

Image LayerContains non-text items

Identified by a thumbnail of its contents

Image layer

Page 13: Adobe Photoshop CS Design Professional WITH LAYERS WORKING

13Working with Layers Chapter B

Organizing Layers

Rearrange the order of layers to create different design effects

Page 14: Adobe Photoshop CS Design Professional WITH LAYERS WORKING

14Working with Layers Chapter B

Layer Organization: Example

Gourd behind Wreath

Gourd in front of Wreath

Page 15: Adobe Photoshop CS Design Professional WITH LAYERS WORKING

15Working with Layers Chapter B

Converting Layers

Convert a Background layer into an Image layer to edit its content

Convert an Image layer into a Background layer to make it the bottom layer

Page 16: Adobe Photoshop CS Design Professional WITH LAYERS WORKING

16Working with Layers Chapter B

Adding Layers

Add layers in three ways:– Use the New command on the

Layer menu

– Use the New Layer command on the Layers palette menu

– Click the Create a new layer button on the Layers palette

Page 17: Adobe Photoshop CS Design Professional WITH LAYERS WORKING

17Working with Layers Chapter B

Merging Image Layers

Merge multiple image layers into a single layer to make specific edits permanent– Use Layer menu, or– Use Layer palette list arrow

Page 18: Adobe Photoshop CS Design Professional WITH LAYERS WORKING

18Working with Layers Chapter B

Merging Type LayersBefore merging a type layer:– Rasterize it: convert it to a bitmapped

image layer– OR– Convert it into text that cannot be edited

Page 19: Adobe Photoshop CS Design Professional WITH LAYERS WORKING

19Working with Layers Chapter B

Naming Layers

Name layers to easily identify their purpose in the document

To change a layer name:– Access Layer Properties – Double-click the layer name in the

Layers palette and type a new name

Page 20: Adobe Photoshop CS Design Professional WITH LAYERS WORKING

20Working with Layers Chapter B

Deleting Layers

Four methods1. Use the Layers palette list arrow

next to the layer name

2. Use the Delete layer button

3. Drag the layer name to the Delete layer button

4. Use the [Alt] (Win) or [option] (Mac) buttons with the Delete layer button

Page 21: Adobe Photoshop CS Design Professional WITH LAYERS WORKING

21Working with Layers Chapter B

Restoring a Layer

Delete the Delete Layer state on the History palette to restore a layer deleted by accident

Page 22: Adobe Photoshop CS Design Professional WITH LAYERS WORKING

22Working with Layers Chapter B

Adding a LayerUse the New Layer dialog box to add a new layer to an image

Photoshop names new layers consecutively starting with Layer 1

Page 23: Adobe Photoshop CS Design Professional WITH LAYERS WORKING

23Working with Layers Chapter B

New Layer with Default Settings

New Layer

Page 24: Adobe Photoshop CS Design Professional WITH LAYERS WORKING

24Working with Layers Chapter B

Defining Selections

An area of an image surrounded by a marquee

Area selected using the Rectangular Marquee Tool

Page 25: Adobe Photoshop CS Design Professional WITH LAYERS WORKING

25Working with Layers Chapter B

Selection ToolsFour Marquee tools available for making selections:– Rectangular Marquee– Elliptical Marquee– Single Row Marquee– Single Column Marquee

Page 26: Adobe Photoshop CS Design Professional WITH LAYERS WORKING

26Working with Layers Chapter B

Table of Selection Tools

Page 27: Adobe Photoshop CS Design Professional WITH LAYERS WORKING

27Working with Layers Chapter B

Extract Command

Located on the Filter menu

Used to separate an image from a background or surrounding imagery

Page 28: Adobe Photoshop CS Design Professional WITH LAYERS WORKING

28Working with Layers Chapter B

Color Range Command

Located on the Select menu

Used to select a particular color contained in an existing image

Page 29: Adobe Photoshop CS Design Professional WITH LAYERS WORKING

29Working with Layers Chapter B

Cropping an Image

Use the Crop Tool on the toolbox to remove a portion of an image:– Click the Crop Tool– Drag the pointer around the area to

keep– Press [Enter] (Win) or [return] (Mac)

Page 30: Adobe Photoshop CS Design Professional WITH LAYERS WORKING

30Working with Layers Chapter B

Defringing Layer Contents

A fringe contains unwanted pixels around a selected object

Use the Defringe command on the Layers menu to replace fringe pixels with the colors of other nearby pixels

Page 31: Adobe Photoshop CS Design Professional WITH LAYERS WORKING

31Working with Layers Chapter B

Understanding Layer Sets

Use Layer Sets to organize layers on the Layers palette

A Layer Set contains a collection of individual layers

For example, create a layer set to contain all the Type layers in an image

Page 32: Adobe Photoshop CS Design Professional WITH LAYERS WORKING

32Working with Layers Chapter B

Renaming a LayerAdd a descriptive name to a layer

Double-click the current layer name in the Layers palette, then type the new name

Page 33: Adobe Photoshop CS Design Professional WITH LAYERS WORKING

33Working with Layers Chapter B

Adding Color to a LayerOrganize layers by color-coding them

Use the Layer Properties dialog box to assign a color to a layer

Page 34: Adobe Photoshop CS Design Professional WITH LAYERS WORKING

34Working with Layers Chapter B

Flattening an ImageReduce the file size by flattening the image

Flattening merges all visible layers into a single Background layer and discards hidden layers

To flatten an image, click Layer on the menu bar, then click Flatten Image

Page 35: Adobe Photoshop CS Design Professional WITH LAYERS WORKING

35Working with Layers Chapter B

Chapter B TasksRecognize layer types

Convert layers

Add and delete layers

Use selection tools to select images

Make color range selections

Create and organize layer sets