6. Working with Points and Paths

Introduction

When you use Illustrator’s vector drawing, or pen tools, Illustrator creates a path to store that information. Paths are defined mathematically using anchor points and segments. Once created, they can be precisely modified to fit any design situation.

Working with the various Pen tools, it’s possible to create precise paths, and even create complicated selections around virtually any shape. Once the path is created, it’s a simple matter to subtract anchor points, and add new or modify existing anchor points to produce complex paths. It’s even possible to convert straight segments (the visible line that connects two anchor points together) into elegantly curved segments, or you can remove the curve from a segment with a single click.

Paths can be used to precisely guide a brush stroke, or the interior of a path can be filled with any color, pattern, or gradient available in Illustrator using Stroke and Fill commands. Paths can even be used to create a clipping mask, which is an object whose shape masks out everything except the contents behind the shape.

Drawing with the Pen Tools

image

IL 2.1

When you work with Illustrator’s Pen tool, you’re creating a path. The path consists of curved and straight segments connected by anchor points. When you click with the Pen tool, you create corner points and straight segments. When you drag with the Pen tool, you can create smooth points and curve segments, which have direction handles you can use to change the curved segment. The shape of the curve segment is defined by the length and direction of the direction handles. As you create drawings with the Pen tool, you can turn on Smart Guides to help you align the segments.

Draw a Polygon with the Pen Tool

image Click the Fill box on the Tools panel and then click the Color or None to specify whether you want to fill the object or not.

image Select the Pen tool on the Tools panel.

image
image

image Click to create the first anchor point.

image To draw segments constrained to 45 degrees, hold down Shift while you click.

image Click to create the second anchor point at another location.

A line segment appears between the two anchor points.

image

image Continue to add anchor points.

image Do any of the following to complete the shape as a:

image Open Path. Click the Pen tool or any other tool on the Tools panel, or Ctrl+click (Win) or image+click (Mac) outside the new shape to deselect it.

image

image Closed Path. Point to the starting anchor point, and then click it.

image
image

Draw Curves with the Pen Tool

image Click the Fill box on the Tools panel and then click the Color or None to specify whether you want to fill the object or not.

image Select the Pen tool on the Tools panel.

image

image Click and drag to create the first anchor point.

image

As you drag, the direction handles move.

image

image Release the mouse, and then move to where you want the second point.

image

image Click and drag to create the second anchor point.

image

A curve segment appears between the two anchor points. As you drag, the direction handles move, which changes the the curve segment.

image

The shape of the curve segment is defined by the length and direction of the direction handles.

image

image Continue to add anchor points and direction handles.

image Do any of the following to complete the shape as a:

image Open Path. Click the Pen tool or any other tool on the Tools panel, or Ctrl+click (Win) or image+click (Mac) outside the new shape to deselect it.

image Closed Path. Point to the starting anchor point, and then click it.

Setting Anchor Point Preferences

image

IL 1.4, 2.1

Illustrator’s Selection & Anchor Displays preferences allow you to set selection and anchor options. The Anchor Display options allow you to determine how handles and anchors appear on the screen. As you work with anchor points, it’s easier to select them when they appear highlighted on a mouse over, which you can enable in this dialog box.

Move an Anchor Point or Segment

image Click the Edit (Win) or Illustrator (Mac) menu, and then point to Preferences.

image Click Selection & Anchor Display.

image Select the Anchor Point and Handle Display options you want to use:

image Anchors. Specify the display of anchor points.

image Handles. Specify the display of handle end points (direction points)

image Highlight anchors on mouse over. Select to highlight the anchor point located directly below the mouse pointer.

image Show handles when multiple anchors are selected. Select to display direction lines on all selected anchor points when you use the Direct Selection or Group Selection tool to select an object.

Deselect to display direction lines for an anchor point when it is the only anchor point on the path or when the Bezier segment for the direction line is selected and the anchor point is not selected.

image Click OK.

image

Moving Points and Segments

image

IL 2.1

It’s hard to draw a segment right the first time. Moving anchor points and segments is all part of the process of creating artwork. When you move an anchor point, the segments that are connected to it change. When you move a straight segment, the anchor points on the segment move with it. When you move a curve segment, the curve changes, but the connecting anchors remain the same. You can also change a curve segment by adjusting a direction point on the direction handle.

Move an Anchor Point or Segment

image Select the Direct Selection tool on the Tools panel.

image

image Click a blank area to deselect all points.

image Drag an anchor point or drag the middle of a segment.

image For a smaller move, click the anchor point or segment, and then press an arrow key.

image To constrain the movement of anchor points or segments to 45 degrees, hold down Shift while dragging.

image

image To reshape a curve segment, click an anchor point or a curve segment, and then drag a direction point at the end of the direction handle.

image

Converting Points

image

IL 2.1

When you create a curve with the Pen tool, the curve segment after the second anchor point appears on the opposite side as the first curve segment. If you want the second curve segment to appear on the same side as the first, you need to convert the anchor point from a smooth point to a corner point. You can make this conversion as you create the curve segment with the Pen tool or you can do it later with buttons on the Control panel or with the Convert Anchor Point tool.

Convert Points on a Path Using the Control Panel

image Select the Direct Selection tool on the Tools panel.

image

image Click the point that you want to convert.

image

image Click one of these buttons on the Control panel:

image Convert to Smooth. Click the Convert Selected Anchor Points to Smooth button.

image Convert to Corner. Click the Convert Selected Anchor Points to Corner button.

image
image

Convert Points on a Path Using the Convert Anchor Tool

image Select the Convert Anchor Point tool on the Tools panel.

image To turn the Pen tool into a temporary Convert Anchor Point tool, hold down Alt (Win) or Option (Mac).

image

image To convert a corner point to a smooth point, drag a direction handle from a corner point.

image

image To convert a smooth point to a corner point, click a smooth point.

image To convert a smooth point to a corner point with a nonsmooth curve, drag a smooth point so it forms a V shape.

image

Adding and Deleting Anchor Points

image

IL 2.1

Creating a path is not necessarily the end of the job; in fact, there are many ways you can modify a path once it’s been created. For example, you can add, subtract, or delete anchor points on an existing path. You can also modify those points to conform to any desired shape. In addition, existing anchor points can be modified to change the segments connecting the points. Just like anything else in Illustrator, paths are flexible. They can be modified to meet whatever design considerations are needed to make the job successful.

Add Anchor Points

image Select the Direct Selection tool on the Tools panel.

image

image Select the object to which you want to add an anchor point.

image

image Select the Add Anchor Point tool on the Tools panel.

image

image Click once on the path to add a new anchor point.

image If you missed the path, click OK in response to the alert, and then try again.

When you add an anchor point to a curve segment, a smooth point appears on the path. When you add an anchor point to a straight segment, a corner point appears.

image Click and drag on the path to add and modify the segment.

image

Add Anchor Points to an Open Path

image Select the Pen tool on the Tools panel.

image

image Point to the endpoint to which you want to add an anchor point.

image

A slash appears next to the Pen pointer.

image Click the endpoint to make it a corner point or drag it to make a smooth point.

image Click once on the path to add a new anchor point.

Delete Anchor Points

image Select the Direct Selection tool on the Tools panel.

image Select the object from which you want to delete an anchor point.

image Select the Delete Anchor Point tool on the Tools panel.

image

image Click once on an existing anchor point to remove it from the path.

image

The anchor points on either side of the deleted point are now used to define the segment.

image You can also click a point with the Direct Selection tool, and then click the Remove Selected Anchor Points button on the Control panel.

Aligning and Joining Anchor Points

image

IL 2.1

In addition to aligning objects, the Align buttons on the Control panel can also align points on a path along the horizontal and vertical axis. For example, you can use the Vertical Align Center button to align two anchor points to the center point between the two original points along the vertical axis. If you have an open path with two endpoints that you want to connect, you can use the Connect Selected End Points button to connect them with a straight line. You can also join two endpoints into a single point.

Align Anchor Points

image Select the Lasso tool on the Tools panel.

image

image Drag to select two or more points on the path.

image If you want to select points individually, select the Direct Selection tool, and then Shift+click the points that you want to select.

image

image Click any of the following buttons on the Control panel:

image Horizontal. Click one of the Horizontal Align buttons to move and align the points horizontally.

image Vertical. Click one of the Vertical Align buttons to move and align the points vertically.

image Overlap. Click a Horizontal Align button and then click a Vertical Align button (or vice versa) to move and align the points horizontally and vertically.

image
image

Join Anchor Endpoints with a Straight Line

image Select the Direct Selection tool on the Tools panel.

image

image Shift+click the two endpoints that you want to join.

image

image Click the Connect Selected End Points button on the Control panel.

image

A straight line segment connects the two endpoints.

image

Join Anchor Endpoints into a Single Point

image Select the Direct Selection tool on the Tools panel.

image

image Shift-click the two endpoints that you want to join.

image

image Use the Horizontal Align and Vertical Align buttons on the Control panel to have the endpoints meet in the middle (one on top of the other).

image Click the Connect Selected End Points button on the Control panel.

The Join dialog box appears.

image Click the Corner or Smooth option.

image Click OK.

image
image

Reshaping Paths

image

IL 2.1

The Reshape tool on the Tools panel allows you to move points and segments around to modify paths. This tool is useful for extending the side of an object path. When you select multiple points, you can extend or contract the selected point while leaving the unselected points unchanged. You can also reshape a path with the Pencil or Paintbrush tool.

Use the Reshape Tool

image Select the Direct Selection tool on the Tools panel.

image

image Click a blank area to deselect everything, and then click to select an anchor point on a path.

image

image Select the Reshape tool on the Tools panel.

image

image To drag multiple points at the same time, Shift+click or use a selection tool to select the ones that you want.

image Drag any point or segment.

image

Did You Know?

You can change the pointer into cross hairs. Press Caps Lock to change the pointer into a Precise Cursor (cross hairs). Press Caps Lock again to change it back.

Reshape a Path with the Pencil or Paintbrush Tool

image Select the Pencil tool on the Tools panel to reshape a path that doesn’t have a brush stroke, or select the Paintbrush tool to reshape a path with a brush stroke.

image

image Select the path that you want to reshape. Ctrl+click (Win) or Command+click (Mac) a path.

image Drag the edge of the path to reshape it.

image

Did You Know?

You can set Paintbrush options. Double-click the Paintbrush tool on the Tools panel, set the options that you want, including Edit Selected Paths within X pixels, and then click OK.

Splitting and Dividing Paths

image

IL 2.1

The Scissor tool on the Tools panel allows you to split an open path into two paths or open a closed path. You can split a path at an anchor point or in the middle of a segment. If you want to split a path at an anchor point, you can also use the Cut Path at Selected Anchor Points button on the Control panel. In addition, you can use an object shape to cut out other objects to divide them. Think of it like a cookie cutter.

Split a Path

image Select the Direct Selection tool on the Tools panel.

image Select the object with the path that you want to split.

image

image Select the Scissor tool on the Tools panel.

image

image Click the object’s path where you want to split it.

If you click on a closed path, it turns into an open path. If you click on an open path, it splits it into two paths.

If you click a line segment, two endpoints appear, one on top of the other.

image To move the endpoints, select the Direct Selection tool, and then drag the selected endpoint to display the endpoint below it.

image

Did You Know?

You can cut objects with the Knife tool. The Knife tool cuts objects along a freehand path, dividing objects into their compound filled faces. A face is an area undivided by a line segment. Select the Knife tool on the Tools panel, drag the pointer over an object with a curved path, or Alt+drag (Win) or Option+drag (Mac) the artboard with a straight path.

Split a Path Using the Control Panel

image Select the Direct Selection tool on the Tools panel.

image

image Select the object with the path, and then click the anchor point that you want to split.

image

image Click the Cut Path at Selected Anchor Point button on the Control panel.

image

A new anchor point appears on top of the selected one.

image To move the anchor point, drag the selected point to display the other anchor point below it.

image

Divide a Path

image Create or select an object (not a group) that you want to use as the cutting object.

image

image Select the Selection tool on the Tools panel, and then move the cutting object on top of the objects that you want to divide.

image

image Click the Object menu, point to Path, and then click Divide Objects Below.

image

image Drag the edge of the path to reshape it.

image

Merging Paths

image

IL 6.8

The Blob Brush tool (New!) on the Tools panel allows you to merge adjacent paths without strokes. When drawing with the Blob Brush tool, new paths merge with the topmost matching the path that it connects with. This works when the Blob Brush tool is set up to paint with the exact same fill and appearance settings. When you intersect the paths, the Blob Brush tool creates paths with a fill and no stroke.

Create Merged Paths with the Blob Brush Tool

image Select the Direct Selection tool on the Tools panel.

image

image Click a blank area to deselect everything, and then click to select an anchor point on a path.

image

image Select the Appearance panel.

image Click the Options menu, and then deselect the New Art Has Basic Appearance.

image

When this option is deselected, the Blob Brush tool uses the attributes of the selected artwork.

image Select the Blob Brush tool on the Tools panel.

image

Make sure the Blob Brush is set up to have the same fill color, no stroke, and appearance settings as the artwork.

image Draw paths that intersect with the artwork.

image

Set Blob Brush Options

image Double-click the Blob Brush tool on the Tools panel.

image

image Select from the following options:

image Keep Selected. Select to keep all paths during the merge selected.

image Selection Limits Merge. Select to have the Blob Brush merge only with the selected artwork.

image Fidelity. Specify how far (0.5 to 20 pixels) you need to move to add an anchor point.

image Smoothness. Specify the amount of smoothing applied to the path. The higher the percentage, the smoother the path.

image Size. Specify the size of the brush.

image Angle. Specify the angle of rotation for the brush.

image Roundness. Specify the roundness of the brush.

image Click OK.

image

Working with Shape Mode

image

IL 2.6

If you have overlapping objects, you can use Shape Mode buttons on the Pathfinder panel to create compound shapes, which are editable and releasable (restoring original attributes). You can use Shape Mode buttons (Add to Shape Area, Subtract from Shape Area, Intersect Shape Area, or Exclude Overlapping Shape Areas) on almost any object, except placed or rasterized images, mesh objects, or a single group.

Apply a Shape Mode Command

image Select two or more overlapping objects.

image

image Select the Pathfinder panel.

image Select from the following Shape Mode buttons:

image Add to Shape Area. Use to join the outer edges of selected objects into a compound shape.

image Subtract from Shape Area. Use to remove objects in front of other objects and still preserve paint attributes.

image

image Intersect Shape Area. Use to preserve object areas that intersect.

image Exclude Overlapping Shape Areas. Use to change overlapping areas to transparency.

image
image

Did You Know?

You can expand a compound shape to create a single path. Select the Selection tool on the Tools panel, select the compound shape, and then click the Expand button on the Pathfinder panel.

You can release a compound shape to restore object attributes. Select the Selection tool on the Tools panel, select the compound shape, and then click the Release Compound Shape on the Options menu on the Pathfinder panel.

Working with Pathfinder

image

IL 2.6

The commands in the Pathfinder panel allow you to create a group of separate, non-overlapping closed paths or lines. You start with overlapping objects and you end up with non-overlapping ones. When you use the Pathfinder commands—Divide, Trim, Merge, Crop, Outline, and Minus Back—the original objects can’t be restored. You can only undo the operation.

Apply a Pathfinder Command

image Select two or more overlapping objects.

image

image Select the Pathfinder panel.

image Select from the following Shape Mode buttons:

image Divide. Use to create a separate, non-overlapping object from an overlapping area.

image Trim. Use to preserve the frontmost object and delete objects behind and overlapping.

image Merge. Use to merge adjacent or overlapping objects with the same fill attributes.

image Crop. Use to crop the frontmost object; similar to a clipping mask.

image

image Outline. Use to create an outline of the overlapping objects.

image Minus Back. Use to remove objects in the back, leaving only part of the frontmost object.

image
image

Did You Know?

You can convert a stroke into a filled object. Select an object with a stroke, click the Object menu, point to Path, and then click Outline Stroke.

Creating a Compound Path

image

IL 2.6

A compound path is a single object made up from two or more objects. In overlapping areas, a compound path removes the overlapping space displaying the attributes of the backmost object behind it. Think of it like a cookie cutter. After you create a compound path, you can release (restore) it at any time. However, the results are not exact. If you want to add another object to the compound path, you need to arrange the object in front or back of the compound object, select them, and then re-use the Make command for Compound Path.

Create a Compound Path

image Arrange your objects so that the frontmost object will cut out to reveal the attributes of the backmost object.

image

image Select all the objects that you want to include in the compound path.

image Click the Object menu, point to Compound Path, and then click Make.

image To add another object to the compound path, arrange the object in front or back of the compound object, select them, and then click the Object menu, point to Compound Path, and then click Make.

image

Reverse an Object’s Fill in a Compound Path

image Click in a blank area to deselect the compound path.

image Select the Direct Selection tool on the Tools panel.

image Click the edge of the object for which you want to reverse the fill.

image

image Select the Attributes panel.

image Click the Reverse Path Direction Off button or Reverse Path Direction On button.

image
image

Release a Compound Path

image Select the compound path.

image

image Click the Object menu, point to Compound Path, and then click Release.

The single object reverts back to individual objects. All the objects are selected and painted with the attributes from the compound path, not their original attributes.

image

Creating a Clipping Set

image

IL 2.3, 2.5

A clipping mask, or clipping path, is an object whose shape masks out everything except the contents behind the shape. The clipping mask (vector only) and the masked objects (any artwork) are called a clipping set. You can create a clipping set from a selection of two or more objects or from all objects in a group or layer. The main thing to remember is that the clipping mask object needs to be above the object that you want to mask in the Layers panel or group. When you move or transform a masked object, Illustrator displays only the masked area (New!).

Create a Clipping Mask

image Create or select the clipping mask object that you want to use as the mask.

image Move the clipping mask object above the object that you want to mask.

image

image Select the clipping mask object and the objects you want to mask.

image Click the Object menu, point to Clipping Mask, and then click Make.

image

Create a Clipping Mask for a Group or Layer

image Create or select the clipping mask object that you want to use as the mask.

image Select the Layers panel.

image Move the clipping mask object and the object that you want to mask into a layer or group.

image Move the clipping mask object above the object that you want to mask in the Layers panel or group.

image Select the layer or group.

image Click the Make/Release Clipping Mask button in the Layers panel.

image

Release Objects from a Clipping Mask

image Do one of the following to release objects:

image Select the layer that contains the clipping mask in the Layers panel, click the Make/Release Clipping Mask button.

image Select the group that contains the clipping mask, click the Object menu, point to Clipping Mask, and then Release.

image

Editing a Clipping Set

image

IL 2.3, 2.4, 2.5

After you create a clipping set, you can edit the clipping mask or the paths within the clipping set. At the same time you edit a clipping mask, you can add or remove an object from the masked artwork. You can also view and edit the mask independently of all other objects in Isolation Mode (New!). When you’re editing a clipping set, the main thing to remember is that the clipping mask object needs to be above the object that you want to mask in the Layers panel or group.

Edit a Clipping Set

image Do one of the following to select the clipping path or set:

image Select and target the clipping path in the Layers panel.

image Select the clipping set, click the Object menu, point to Clipping Mask, and then Edit Mask.

image

image Do any of the following to edit the clipping mask:

image Select the Direct Selection tool on the Tools panel, and then drag the object’s center reference point to move it.

image Select the Direct Selection tool on the Tools panel, and then reshape the clipping path.

image Apply a fill and stroke to a clipping path.

image

image To add or remove an object from the masked artwork, drag the object into or out of the group or layer that contains the clipping path.

image

Edit Paths Within a Clipping Set

image Do one of the following to select the clipping path or set:

image Select and target the clipping path in the Layers panel.

image Select the Direct Selection tool on the Tools panel, and then point to and click the paths outline.

image

image Drag to edit the path.

image

Edit the Masked Object in Isolation Mode

image Do one of the following to edit the Masked object in Isolation Mode:

image Select the masked object, and then click the Isolate Selected Object button on the Control panel.

image Select the layer with the masked object in the Layers panel, click the Layers Option menu, and then click Enter Isolation Mode.

image Edit the masked object.

image Click the gray bar or press Esc to exit Isolation Mode.

image

Erasing to Reshape Paths

image

IL 2.3

When you use the Eraser tool on the Tools panel to remove parts of an object, the remaining parts of the object path are reconnected to reshape and close the path. When you erase inside of a filled object, Illustrator creates a compound path. This is useful when you want to simplify a complex drawing or remove a background. To make it easier to erase, you can also press [ or ] to decrease or increase the Eraser tool diameter.

Erase Parts of Paths

image Select the objects that you want to reshape with the Eraser tool.

image

image Select the Eraser tool on the Tools panel.

image

image Drag across the parts of the objects that you want to erase.

image Press [ or ] to decrease or increase the Eraser tool diameter.

The remaining parts of the path reconnect to close the path.

image

Did You Know?

You can set Eraser tool options. Double-click the Eraser tool on the Tools panel, and then set the options that you want, including Angle, Roundness, and Diameter, and then click OK.

..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.
Reset