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.
Draw
Pen
Shortcut BDrag 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
Path
Shortcut PPlace 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
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.
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
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
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
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.
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
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
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.
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
| Pen tool | B |
|---|---|
| Path tool | P |
| Start or finish path editing | ↩ |
| Deselect the points · finish path editing | esc |
| Pull handles out of a corner · move just one handle | ⌥+drag a point or handle |
| Delete the selected points | Delete |
| Select every point (in path editing) | ⌘A |
Updated 10/15/2026 · The videos on this page were recorded in the current editor.