adobe photoshop cs design professional paths, & shapes using clipping masks,

Adobe Photoshop CS Design Professional

PATHS, & SHAPESUSING CLIPPING MASKS,

2Using Clipping Groups, Paths, & Shapes Chapter K

Use a clipping group as a mask

Use pen tools to create and modify a path

Work with shapes

Convert paths and selections

Chapter Lessons

3Using Clipping Groups, Paths, & Shapes Chapter K

Shape– Vector object – Keeps its crisp appearance when

resized, edited, moved, reshaped, or copied

Rasterized Shape– Converted into bitmapped object that

cannot be moved or copied– Uses smaller file size

Shape Types

4Using Clipping Groups, Paths, & Shapes Chapter K

Add a predesigned shape:– Ellipse– Circle– Rectangle

Create a unique shape using a pen tool

Working with Shapes

5Using Clipping Groups, Paths, & Shapes Chapter K

Defining Clipping MasksCreate an effect in which the bottom layer acts as a mask for all other layers in the group

6Using Clipping Groups, Paths, & Shapes Chapter K

One or more straight or curved line segments connected by anchor points

Use to turn an area defined within an object into a separate individual object

Paths can be either open or closed

Defining Paths

7Using Clipping Groups, Paths, & Shapes Chapter K

Two distinct endpoints: anchor points at each end of the open path

An example is an individual line

Open Paths

8Using Clipping Groups, Paths, & Shapes Chapter K

One continuous path without endpoints

An example is a circle

Closed Paths

9Using Clipping Groups, Paths, & Shapes Chapter K

Use a clipping path to:– Extract a Photoshop object from within

a layer– Place it in another program such as

Adobe Illustrator– Retain its transparent background

Clipping Path

10Using Clipping Groups, Paths, & Shapes Chapter K

Use the Pen Tool or the Freeform Pen Tool

Draw a path by placing anchor points along the edge of another image or wherever required to draw a specific shape

Paths are stored on the Paths palette

Creating Paths

11Using Clipping Groups, Paths, & Shapes Chapter K

Use a Clipping Group as a Mask Clipping Mask Effect

Isolate an area and make images outside the area transparent

Image of the roses is masked

by text

12Using Clipping Groups, Paths, & Shapes Chapter K

Clipping Mask ProcessRasterize the type or shape layer: – Change the vector graphic into a

bitmapped object made up of colored pixels

Use a Transform command to reshape layer contents

Create the clipping mask

13Using Clipping Groups, Paths, & Shapes Chapter K

Transform CommandsScale Changes the image size

Rotate Allows rotation 360°

Skew Stretches an image horizontally or vertically; cannot exceed image boundary

Distort Stretches an image horizontally or vertically; can exceed image boundary

Perspective Changes opposite sides of an image equally

14Using Clipping Groups, Paths, & Shapes Chapter K

Transform Commands

Rotate 180 Rotate image 180° clockwise

Rotate 90 CW Rotate image 90° clockwise

Rotate 90 CCW Rotate image 90° counter-clockwise

Flip Horizontal Produce a mirror image

Flip Vertical Produce an upside-down image

15Using Clipping Groups, Paths, & Shapes Chapter K

Transform Examples

16Using Clipping Groups, Paths, & Shapes Chapter K

Using Transform Commands

After selecting a transform command, a bounding box is displayed around the object– Contains handles used to modify the

selection

Reference point is located in the center of the bounding box– Point around which transform command

takes place

17Using Clipping Groups, Paths, & Shapes Chapter K

Use Pen Tools to Create and Modify a Path Using Pen Tools

Tools used to create a path:– Pen Tool– Freeform Pen Tool– Magnetic Pen Tool

18Using Clipping Groups, Paths, & Shapes Chapter K

Pen Tools to Create a Path

Pen Tool Creates curved or straight line segments

Freeform Pen Tool

Creative unique shapes

Magnetic Pen Tool

Lets the tool find an object’s edge

19Using Clipping Groups, Paths, & Shapes Chapter K

Tools Used to Modify a Path

Add Anchor Point Tool

Delete Anchor Point Tool

Convert Point Tool

20Using Clipping Groups, Paths, & Shapes Chapter K

Pen Tools to Modify a Path

Add Anchor Point Tool

Adds an anchor point to an existing path or shape

Delete Anchor Point Tool

Removes an anchor points from an existing path or shape

Convert Point Tool

Converts a smooth point to a corner point and a corner point to a smooth point

21Using Clipping Groups, Paths, & Shapes Chapter K

Creating a Path

Paths are saved with the image they were created in and stored in the Paths palette

Create a path based on an existing object

OR

Create a shape with a pen tool

22Using Clipping Groups, Paths, & Shapes Chapter K

Creating a Closed Path

Position the pointer on top of the first anchor point

A small circle appears next to the pointer (indicates that the path will be closed when the pointer is clicked)

23Using Clipping Groups, Paths, & Shapes Chapter K

Paths Example

The active path is called Starfish1 and displays an outline of the starfish

Starfish1 Path

24Using Clipping Groups, Paths, & Shapes Chapter K

Modifying a Path

Establish a path and then embellish it and convert it into a selection

Examples:– Add more width or more curves to an

existing path– Fill a path with the foreground color

25Using Clipping Groups, Paths, & Shapes Chapter K

Selecting a Path

Use the Direct Selection Tool to select a path

Manipulate individual anchor points without affecting the entire path

26Using Clipping Groups, Paths, & Shapes Chapter K

Moving an Anchor Point

Force the two line segments on either side of the anchor point to shrink or grow by moving the anchor point

Move individual line segments to new locations

Shorten or elongate direction handles to adjust the amount of curve or length of a line segment

27Using Clipping Groups, Paths, & Shapes Chapter K

Adding and Deleting Anchor Points

Split an existing line segment into two to produce more sides to an object

Remove anchor points to straighten a bumpy path

28Using Clipping Groups, Paths, & Shapes Chapter K

Converting Anchor Points

Convert corner points into smooth points:– Gives a drawing a softer appearance

Convert smooth points into corner points:– Gives a drawing a sharper appearance

29Using Clipping Groups, Paths, & Shapes Chapter K

Work with Shapes Using Shape Tools

Choose one of six shape tools to create a shape

Three buttons appear on the left side of the options bar:– Shape layers button– Paths button– Fill pixels button

30Using Clipping Groups, Paths, & Shapes Chapter K

Vector Data Shapes and paths contain vector data: – They do not lose their crisp

appearance if resized or reshaped

31Using Clipping Groups, Paths, & Shapes Chapter K

Modifying a ShapeChange the blending mode to alter how the shape affects existing pixels in the imageChange the opacity setting to make the shape more transparent or opaqueUse the anti-aliasing option to blend pixels on the shape’s edge with surrounding pixels

32Using Clipping Groups, Paths, & Shapes Chapter K

Creating a Rasterized Shape

Select or create a non-vector-based layer

Select the shape required

Click the Fill pixels button on the options bar

33Using Clipping Groups, Paths, & Shapes Chapter K

Embellishing ShapesStyles and filters can be applied to shapes

Bevel and Emboss style applied to the

top layer

34Using Clipping Groups, Paths, & Shapes Chapter K

Shapes Added to an Image

New Rectangle Shape

New Burst Shape with

Style applied

35Using Clipping Groups, Paths, & Shapes Chapter K

Convert Paths and Selections Converting a Selection into a Path

Convert a selection into a path to use:– Clipping paths– Other path features

Create the selection, then click the Make work path from selection button on the Paths palette

36Using Clipping Groups, Paths, & Shapes Chapter K

Converting a Path into a Selection

Select a path on the Paths palette

Click the Load path as selection button on the Paths palette

37Using Clipping Groups, Paths, & Shapes Chapter K

Chapter K TasksUse a clipping group to create a clipping mask

Use Pen and Shape tools to create a path

Use Pen and Shape tools to modify a path

38Using Clipping Groups, Paths, & Shapes Chapter K

Chapter K TasksUse shape tools to create shapes

Embellish shapes by applying styles and filters

Convert a selection into a path and a path into a selection