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


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


Add a predesigned shape:– Ellipse– Circle– Rectangle

Create a unique shape using a pen tool

Working with Shapes


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


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


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

An example is an individual line

Open Paths


One continuous path without endpoints

An example is a circle

Closed Paths


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


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


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


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


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


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


Transform Examples


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


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


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


Tools Used to Modify a Path

Add Anchor Point Tool

Delete Anchor Point Tool

Convert Point Tool


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


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


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)


Paths Example

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

Starfish1 Path


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


Selecting a Path

Use the Direct Selection Tool to select a path

Manipulate individual anchor points without affecting the entire path


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


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


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


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


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

appearance if resized or reshaped


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


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


Embellishing ShapesStyles and filters can be applied to shapes

Bevel and Emboss style applied to the

top layer


Shapes Added to an Image

New Rectangle Shape

New Burst Shape with

Style applied


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


Converting a Path into a Selection

Select a path on the Paths palette

Click the Load path as selection button on the Paths palette


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


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

Adobe Photoshop CS Design Professional PATHS, & SHAPES USING CLIPPING MASKS,

Documents

Transcript of Adobe Photoshop CS Design Professional PATHS, & SHAPES USING CLIPPING MASKS,