Drawing

Draw a Path with the Pen Tool

The Pen tool Pen tool icon lets you draw both straight and curved lines. To draw a path, you should add one segment after another. If any of the added anchor points or segments require adjustments, you can edit the path after it is created.

Controls of the Pen Tool

The Pen tool displays several options in the Control panel. They let you choose different modes of the tool. The use of those modes is discussed further in this section and also in Edit a Path.

Control panel of the Pen tool

1 - Pen tool to draw a path. In this mode, you add anchor points to create a new path.

2 - Add an anchor point to an existing path. Click on the path with this tool.

3 - Delete an anchor point. Click on the anchor point with the tool.

4 - Convert anchor point mode. This mode can be temporarily activated by pressing the Option key. In this mode, you can:

5 - Convert a selected anchor point to the corner point type.

6 - Convert a selected anchor point to the smooth point type.

7 - Remove selected anchor points.

You can change the anchor point type from smooth to corner or vice versa by double-clicking on that point with the Pen tool. To remove a direction line (actually make its length equal to zero), click on its direction point with Pen holding down the Option or Shift key. This also turns a smooth point into a corner.

Draw a Straight Line

  1. Activate the Pen tool.
  2. Click at the point where the line should start.
  3. Click at the point where the line should end.
  4. Hit the Escape key to finish drawing.

Draw a Polygon

  1. Activate the Pen tool.
  2. Click at the point where one of the polygon's corners should be located.
  3. Click several times at points where other corners should appear.
  4. Click on the first point to close the outline of the polygon. A circle near the cursor indicates that the program will close the shape if you click.
  5. Hit the Escape key to finish drawing.

Draw Curved Path

  1. Activate the Pen tool.
  2. Place the cursor at the point where the path should start.
  3. Press and hold the left mouse button.
  4. Move the cursor aside to see the direction lines. Both the length and angle of the direction lines will affect the curvature of the path you draw. Release the button.
    Adjust the direction line
    Another way to adjust the direction lines is to press and hold the Option key. Then drag the corresponding direction points. When done, release Option and continue drawing.
  5. Move the cursor to the next point.
    Adjust the direction line
  6. Repeat the three preceding steps.
  7. Click on the first point if you want to close the shape.
  8. Hit the Escape key to finish drawing.

Notice that you can combine curved and straight segments.

As an alternative technique of drawing a curved path, you can create it out of straight segments. Then make them curved as explained on the Edit a Path section.

While you are drawing a path, you can switch the type of a segment that you are about to add, from curved to straight. To do this, click on the point that is currently the last point of the path. If a future segment, the one between the last point and the cursor, is already straight, a single click on the last point won't change anything.

In the middle of the path drawing process, you can add and remove anchor points. To do that, switch the Pen tool to the appropriate mode. Then you can continue drawing in the main mode.

Continue Drawing an Existing Path

After you have finished drawing a path, it is possible to add more segments at one of its ends. To do this, select the path and then activate the Pen tool. The anchor point that was added the last may have an additional circle around indicating that a new segment will begin at this point.

One of the path ends is ready to attach a new segment.

If no point was selected by default, or you want to choose the opposite end of the path, select the respective point with the Selection tool. Then activate the Pen tool to draw a segment. To stop drawing, press the Escape key.

Stroke Width and Color

To change the stroke width and color, use the Appearance panel. To change the stroke width, you can also use these keys: [ to decrease, and ] to increase.

Modifier Keys and Shortcut Summary

Shortcut:

Pen tool modifier keys: