Skip to content

The Pen draws freehand, and the Path tool draws point by point.

Both Pen and Path make the same path object. After you draw, double-click the path to adjust its points and handles one at a time.

ToolIntermediateAbout 6 minDesign mode

Draw

Pen

Shortcut B

Drag to draw in one stroke. When you let go, any jitter is filtered out to leave a smooth curve, and sharp turns stay as corners. The Pen tool stays on after you draw, so you can draw several strokes in a row.

  • Drag outDraw freehand
  • Draw straight and pauseA clean straight line
  • End at the start pointA closed shape
  • escCancel the stroke you’re drawing
PenPressing B and drawing a wave by hand gives a clean, smooth curve on release. Video: After pressing B, a wave drawn freehand on the canvas smooths into a clean curve on release.

Path

Shortcut P

Place points one at a time. Click for a corner point, or click and drag for a curve point with handles on both sides. Click the first point to close the path, or press ↩ or esc to finish it open. When you finish, you’re back on the Select tool.

  • Click a spotCorner point
  • Click and dragCurve point
  • ⇧+click a spotIn 45° steps from the previous point
  • ⌥+drag outBend just one handle
  • ⌫Delete the last point
  • Click the first pointClose
PathPressing P, then clicking and dragging, places points, and a click on the first point closes the path. Video: After pressing P, a click places a corner point, a click and drag places a curve point, and a click on the first point closes the path.

Convert to Path

Rectangles, ellipses, and text can become paths too, so you can edit their points. Click the object to select it, then right-click it and choose Convert to Path. Its name, style, motion, and interactions stay. An ellipse with a hollow center can’t be converted, and text whose font file can’t be loaded stays as it is.

Convert to PathRight-clicking a rectangle, choosing Convert to Path, and double-clicking it shows points at the four corners. Video: Right-clicking a selected rectangle and choosing Convert to Path turns it into a path. Double-clicking it then opens path editing with points at the four corners.

Path editing

Double-click a path, or select it and press ↩, to start path editing. Corner points show as squares and curve points as circles. While you edit, the sub-toolbar keeps only the path editing buttons. The first four, Select, Lasso Select, Add Anchor, and Scissors, set what a press on a line does. The middle four, Delete Anchor, Make Corner, Make Smooth, and Join Path, act on the selected points right away. The last two are Simplify and Round Corners. The middle four and the last two are in the right-click menu too.

Start and finish

The separate button at the right end of the sub-toolbar also starts and stops path editing. To finish, press ↩ or double-click an empty spot. esc first deselects the selected points, and pressing it again finishes. A single click on an empty spot doesn’t finish: it only deselects the points. Each change is saved as its own step, so ⌘Z undoes them one at a time.

  • Double-click · ↩Start path editing
  • ↩ · Double-click an empty spotFinish
  • escDeselect the points · press again to finish
Start and finishDouble-clicking the path shows its points, and pressing ↩ ends editing. Video: Double-clicking the path shows corner points as squares and curve points as circles, and the sub-toolbar switches to the path editing buttons. Pressing Enter ends editing.

Select and move points

Click a point to select it, or drag from an empty spot to select every point inside the box. With Lasso Select on, a drag selects the points inside the shape you draw. Drag selected points to move them together. They snap where they line up horizontally or vertically with another point.

  • Click a point · ⇧+click a pointOne point · add or remove
  • Drag from an empty spotEvery point in the box
  • Drag with Lasso SelectEvery point inside the shape you draw
  • Drag a pointMove
  • ⇧+drag a pointOnly horizontally or vertically
  • Arrow keys1px at a time · 10px with ⇧
  • ⌘AEvery point
Select and move pointsDragging the top-right point pulls the lines along, and it snaps into place level with the left point. Video: In path editing, dragging the top-right point moves the lines on both sides with it, and a guide shows as it snaps level with the top-left point.

Bend with handles

With Select on, drag a line to bend it, and the handles at its two ends adjust to match. Select a curve point to see the handles on it and on its neighboring points. Drag the circle at a handle’s end to bend the line, and the opposite handle follows on the other side. If the two handles were the same length, their lengths change together. If they weren’t, the opposite handle keeps its own length. Hold ⌥ while you drag to move only that handle, for a curve with a sharp turn. After that, the turn stays sharp even when you drag a handle without ⌥.

  • Drag a line with SelectBend that line
  • Drag a handleBend · the other side follows
  • ⌥+drag a handleJust that handle · the turn stays sharp
  • ⇧+drag a handleIn 45° steps
  • Double-click a handleRemove that handle
Bend with handlesDragging a handle bends the curve, and holding ⌥ while dragging the opposite handle bends only that handle. Video: Selecting a curve point and dragging one handle bends the curve while the opposite handle mirrors it. Holding ⌥ and dragging the opposite handle moves only that handle, making a sharp turn in the curve.

Turn a corner into a curve

Hold ⌥ and drag a corner point to pull out handles on both sides and round it into a curve. Make Smooth (⇧C) and double-clicking the point add handles that run parallel to the line between the neighboring points, so the corner rounds off right away. To turn a curve point back into a corner, click Make Corner (⇧S) or double-click the point.

Turn a corner into a curveHolding ⌥ and dragging the bottom-right point of a square pulls out handles and rounds the corner. Video: In path editing, holding ⌥ and dragging the bottom-right corner point of a square pulls out handles on both sides and rounds the corner into a curve.

Add and delete points

With Add Anchor on, hover over a line to see a + sign, and click to add a point right there that you can drag at once. Press Delete or click Delete Anchor to delete the selected points. The points left join up across the gap following the original shape. A path always keeps at least two points.

  • Click a line with Add AnchorAdd a point there
  • +Add one in the middle of the line after the selected point
  • Delete · −Delete the selected points · the shape stays
Add and delete pointsWith Add Anchor on, clicking where the + sign shows on the line adds a point, and dragging that point changes the shape. Video: In path editing, with Add Anchor on, hovering over a line shows a + sign, and clicking and dragging there adds a new point that the line bends to follow.

Join, cut, and direction

Select both end points of an open path and click Join Path (⇧J) to close it. Select an end of each of two pieces, and the two pieces join into one. In the right-click menu, the same command is called Join Anchors. If the two ends are close, they merge into one point. If they’re far apart, a line joins them. With Scissors on, press a line or a point to cut the path there. A closed path opens there, and an open path breaks into two pieces. The two new ends stay selected, so Join Path joins them back right away. Split Path (⇧X) in the right-click menu cuts the same way at the one selected point. Reverse Direction (⇧R) in the right-click menu swaps the end the path starts from, so arrowheads and trim start from the other side.

Round corners and simplify

Select corner points and click Round Corners to turn those corners into round curves. How round is set to suit the shape’s size, and you can change it in Radius on the Path panel. A new value works from the original corners again. Click Simplify to cut down the points while keeping the shape, so a hand-drawn line turns smooth. Choose how far in Simplify on the Path panel, and 0 brings back the original shape.

Edit Anchor Points in the toolbar doesn’t edit a path’s points

Edit Anchor Points (A) in the toolbar moves the point an object rotates and scales around, so the path’s shape stays the same. To edit a path’s points, double-click the path with the Select tool.

Path panel

Anchor and simplify

While you edit a path, Anchor and Simplify appear at the top of the Path panel. Anchor shows the Position of the selected points in scene numbers, and you can type a value to move them. Select two or more points to see Size and Align too, and select corner points to see Radius. With no points selected, it says No anchors selected.

Path style

A new path has only a gray stroke and no fill. To fill it with color, go to the Path panel on the right, find Path Style, and click the + button next to Fills. Open paths don’t draw a fill, so join the ends of any shape you want to fill. Stroke styles covers stroke width and end shapes.

Path data

In the title row of the Path panel, click the Details button to open the Path Data window. It shows the number of points and the SVG path text. Turn on Closed to join every end of the path, and turn it off to open them all. Edit the text or paste in another SVG path, then click outside the box, and the path takes that shape. ↩ only starts a new line.

Quick ways to get a shape

Tip

If you need an icon. Pick one from Shape in the toolbar. A shape you add is a path too, so you can edit its points the same way. See Shapes and frames.

Tip

To animate one shape changing into another. Duplicate the scene, move the path’s points in the new scene, and turn on the first scene’s transition. When it plays, one shape changes smoothly into the other. See Your first transition.

Shortcuts on this page

Shortcuts on this page
Pen toolB
Path toolP
Start or finish path editing↩
Deselect the points · finish path editingesc
Pull handles out of a corner · move just one handle⌥+drag a point or handle
Delete the selected pointsDelete
Select every point (in path editing)⌘A
Was this page helpful?

Updated 10/15/2026 · The videos on this page were recorded in the current editor.

Popular