{"course":{"slug":"vector-and-print","title":"Vectors, Logos and Things That Get Printed","url":"https://addaly.com/learn/vector-and-print","level":"beginner","track":"create"},"lesson":{"slug":"the-pen-tool-in-four-moves","title":"The pen tool is four gestures","url":"https://addaly.com/learn/vector-and-print/the-pen-tool-in-four-moves","position":11,"of":73,"minutes":8,"answer":"The pen tool has exactly four gestures (click, click-drag, Alt-drag to break the handle pair, and click-to-close) and the one that goes wrong is dragging towards the bend instead of along the direction of travel.","keyIdea":"The pen tool has exactly four gestures (click, click-drag, Alt-drag to break the handle pair, and click-to-close) and the one that goes wrong is dragging towards the bend instead of along the direction of travel."},"body":{"format":"markdown","text":"## Everything the tool does\n\nPeople avoid the pen tool because they think it has a hundred behaviours. It has four, and they are the same in Illustrator, Inkscape, CorelDRAW, Affinity, Figma and Blender.\n\n1. **Click.** Places a corner anchor with no handles. The segment arriving at it is straight.\n2. **Click and drag.** Places a smooth anchor and pulls out two handles at once, mirror-image, along the direction you dragged. The segment arriving curves into that direction; the segment leaving continues it.\n3. **Click and drag, then hold Alt and drag again** (before releasing, or on the handle afterwards). Breaks the mirror, so the outgoing handle points somewhere the incoming one does not. This is how you get a curve that arrives smoothly and leaves at an angle: a petal tip, the join of a bowl to a stem.\n4. **Click the first anchor again.** Closes the path. Your cursor shows a small circle when you are over it.\n\nThat is the tool. Everything else is editing afterwards.\n\n## The gesture that trips everyone up\n\nDrag *in the direction the curve is going*, not towards the shape. Beginners drag towards where they want the line to bend, which points the tangent the wrong way and produces a loop or an S where they wanted an arc.\n\nA useful mental model: the handle is a speedometer and a compass. Direction says which way the pen is travelling as it leaves. Length says how long it keeps going that way before it starts turning.\n\n## Getting out of the path\n\nTwo problems everybody has in their first hour.\n\n**\"I can't stop drawing.\"** Press **Escape** (Illustrator, Affinity), **Enter** or double-click the last point (Inkscape), or **Space** then Escape (CorelDRAW). Some programs also end a path when you switch tools.\n\n**\"I started a new shape and it joined onto the old one.\"** You did not deselect. Press Escape first, every time, before starting a new path. Make it reflex.\n\n## Continuing and joining\n\n- **Continue an open path**: hover the pen over an end anchor until the cursor shows a small slash or a plus, then click.\n- **Join two open paths**: select both end anchors and press **Ctrl+J** in Illustrator or **Ctrl+J** in Inkscape (Path ▸ Join nodes). CorelDRAW: select both nodes with the Shape tool and press the *Join two nodes* button.\n- **Cut a path**: Illustrator's Scissors (**C**), Inkscape's node tool *Break path at selected nodes*, CorelDRAW's *Break curve*.\n\n## The drill that works\n\nTake a leaf, a comma and a heart, in that order.\n\n- **Leaf**: two anchors. One at the tip, one at the base, both cusp. Two curves bulging opposite ways. If you use four, you will see the flat spots.\n- **Comma**: three anchors: top, the outside of the curve, the tail. The tail is the Alt-drag case.\n- **Heart**: four anchors: the two lobes at their outermost points, the dip at the top centre, the point at the bottom. The dip and the point are cusps; the lobes are smooth.\n\nDo each one five times. On the fifth attempt you will place the anchors before you click, which is the whole skill.\n\n## Two modifiers worth learning immediately\n\n- **Shift** while dragging a handle locks it to horizontal, vertical or 45°. At an extreme point (top, bottom, left, right of a curve) the correct handle is exactly horizontal or exactly vertical, so Shift is not a convenience here, it is correctness.\n- **Space** while placing an anchor (Illustrator, Affinity) lets you reposition it before you commit. Saves the undo.\n\n## The tool nobody mentions: the pencil\n\nInkscape's pencil (**P**) and Illustrator's pencil draw a freehand path and fit curves to it, with a smoothing tolerance you can set. For an organic shape drawn on a graphics tablet (a brush mark, a signature, a hand-lettered flourish) it is faster than the pen and produces a better result, because the tangents follow an actual gesture.\n\nIt gives you more nodes than a hand-placed path, so simplify afterwards and check the count. For anything geometric it is the wrong tool; for anything gestural it is the right one. Most people never try it and draw wobbly organic shapes with the pen for years."},"check":{"question":"A learner drawing a simple arc clicks the start point, then clicks and drags at the end point towards the middle of the intended curve. The result is an S-shape rather than an arc. What did the drag actually do?","options":[{"text":"It placed a cusp node instead of a smooth one, and cusp nodes always produce an inflection between segments.","correct":false,"tempting":"Cusp nodes allow an inflection; they do not cause one. The node type here was smooth, and the shape came from where the handle pointed."},{"text":"It set the incoming tangent to point back towards the middle, so the curve reverses direction before arriving.","correct":true},{"text":"It lengthened the handle beyond the distance between anchors, which forces the curve to overshoot and loop back.","correct":false,"tempting":"An over-long handle produces a bulge or a loop at one end, not a symmetrical S; the direction was wrong before the length mattered."},{"text":"It applied the drag to the previous anchor rather than the new one, because the pen tool always edits the last committed point.","correct":false,"tempting":"Click-and-drag sets the handles of the anchor being placed. The previous anchor's outgoing handle was already fixed by its own gesture."}]},"prev":{"slug":"build-marks-from-shapes","title":"Most good logos are circles and rectangles cut into each other","url":"https://addaly.com/learn/vector-and-print/build-marks-from-shapes"},"next":{"slug":"continuity-and-the-kink","title":"The kink you can see but cannot find","url":"https://addaly.com/learn/vector-and-print/continuity-and-the-kink"},"authorship":"Founder and series editor: Dr Mustafa Mun. Written by AI models to a written standard. Exam keys checked blind by a second model: 3,665 of 3,666 agreed. Academic review invited.","review":{"status":"Draft, open for academic review"},"cite":"Addaly (2026) 'The pen tool is four gestures', in Vectors, Logos and Things That Get Printed. Edited by M. Mun. Addaly. Available at: https://addaly.com/learn/vector-and-print/the-pen-tool-in-four-moves (Accessed: 13 October 2026).","licence":{"name":"CC BY-NC-SA 4.0","url":"https://creativecommons.org/licenses/by-nc-sa/4.0/"},"reader":{"schema":1,"title":"The pen tool is four gestures","courseTitle":"Vectors, Logos and Things That Get Printed","module":{"index":2,"slug":"drawing-curves","title":"Drawing curves people will pay for"},"answer":null,"keyIdea":"The pen tool has exactly four gestures (click, click-drag, Alt-drag to break the handle pair, and click-to-close) and the one that goes wrong is dragging towards the bend instead of along the direction of travel.","hero":{"kind":"plate","image":null,"alt":null,"caption":null},"blocks":[{"t":"h2","id":"everything-the-tool-does","runs":[{"text":"Everything the tool does"}]},{"t":"p","runs":[{"text":"People avoid the pen tool because they think it has a hundred behaviours. It has four, and they are the same in Illustrator, Inkscape, CorelDRAW, Affinity, Figma and Blender."}]},{"t":"ol","start":1,"items":[[{"text":"Click.","b":true},{"text":" Places a corner anchor with no handles. The segment arriving at it is straight."}],[{"text":"Click and drag.","b":true},{"text":" Places a smooth anchor and pulls out two handles at once, mirror-image, along the direction you dragged. The segment arriving curves into that direction; the segment leaving continues it."}],[{"text":"Click and drag, then hold Alt and drag again","b":true},{"text":" (before releasing, or on the handle afterwards). Breaks the mirror, so the outgoing handle points somewhere the incoming one does not. This is how you get a curve that arrives smoothly and leaves at an angle: a petal tip, the join of a bowl to a stem."}],[{"text":"Click the first anchor again.","b":true},{"text":" Closes the path. Your cursor shows a small circle when you are over it."}]]},{"t":"p","runs":[{"text":"That is the tool. Everything else is editing afterwards."}]},{"t":"h2","id":"the-gesture-that-trips-everyone-up","runs":[{"text":"The gesture that trips everyone up"}]},{"t":"p","runs":[{"text":"Drag "},{"text":"in the direction the curve is going","i":true},{"text":", not towards the shape. Beginners drag towards where they want the line to bend, which points the tangent the wrong way and produces a loop or an S where they wanted an arc."}]},{"t":"p","runs":[{"text":"A useful mental model: the handle is a speedometer and a compass. Direction says which way the pen is travelling as it leaves. Length says how long it keeps going that way before it starts turning."}]},{"t":"h2","id":"getting-out-of-the-path","runs":[{"text":"Getting out of the path"}]},{"t":"p","runs":[{"text":"Two problems everybody has in their first hour."}]},{"t":"p","runs":[{"text":"”I can’t stop drawing.”","b":true},{"text":" Press "},{"text":"Escape","b":true},{"text":" (Illustrator, Affinity), "},{"text":"Enter","b":true},{"text":" or double-click the last point (Inkscape), or "},{"text":"Space","b":true},{"text":" then Escape (CorelDRAW). Some programs also end a path when you switch tools."}]},{"t":"p","runs":[{"text":"”I started a new shape and it joined onto the old one.”","b":true},{"text":" You did not deselect. Press Escape first, every time, before starting a new path. Make it reflex."}]},{"t":"h2","id":"continuing-and-joining","runs":[{"text":"Continuing and joining"}]},{"t":"ul","items":[[{"text":"Continue an open path","b":true},{"text":": hover the pen over an end anchor until the cursor shows a small slash or a plus, then click."}],[{"text":"Join two open paths","b":true},{"text":": select both end anchors and press "},{"text":"Ctrl+J","b":true},{"text":" in Illustrator or "},{"text":"Ctrl+J","b":true},{"text":" in Inkscape (Path ▸ Join nodes). CorelDRAW: select both nodes with the Shape tool and press the "},{"text":"Join two nodes","i":true},{"text":" button."}],[{"text":"Cut a path","b":true},{"text":": Illustrator’s Scissors ("},{"text":"C","b":true},{"text":"), Inkscape’s node tool "},{"text":"Break path at selected nodes","i":true},{"text":", CorelDRAW’s "},{"text":"Break curve","i":true},{"text":"."}]]},{"t":"h2","id":"the-drill-that-works","runs":[{"text":"The drill that works"}]},{"t":"p","runs":[{"text":"Take a leaf, a comma and a heart, in that order."}]},{"t":"ul","items":[[{"text":"Leaf","b":true},{"text":": two anchors. One at the tip, one at the base, both cusp. Two curves bulging opposite ways. If you use four, you will see the flat spots."}],[{"text":"Comma","b":true},{"text":": three anchors: top, the outside of the curve, the tail. The tail is the Alt-drag case."}],[{"text":"Heart","b":true},{"text":": four anchors: the two lobes at their outermost points, the dip at the top centre, the point at the bottom. The dip and the point are cusps; the lobes are smooth."}]]},{"t":"p","runs":[{"text":"Do each one five times. On the fifth attempt you will place the anchors before you click, which is the whole skill."}]},{"t":"h2","id":"two-modifiers-worth-learning-immediately","runs":[{"text":"Two modifiers worth learning immediately"}]},{"t":"ul","items":[[{"text":"Shift","b":true},{"text":" while dragging a handle locks it to horizontal, vertical or 45°. At an extreme point (top, bottom, left, right of a curve) the correct handle is exactly horizontal or exactly vertical, so Shift is not a convenience here, it is correctness."}],[{"text":"Space","b":true},{"text":" while placing an anchor (Illustrator, Affinity) lets you reposition it before you commit. Saves the undo."}]]},{"t":"h2","id":"the-tool-nobody-mentions-the-pencil","runs":[{"text":"The tool nobody mentions: the pencil"}]},{"t":"p","runs":[{"text":"Inkscape’s pencil ("},{"text":"P","b":true},{"text":") and Illustrator’s pencil draw a freehand path and fit curves to it, with a smoothing tolerance you can set. For an organic shape drawn on a graphics tablet (a brush mark, a signature, a hand-lettered flourish) it is faster than the pen and produces a better result, because the tangents follow an actual gesture."}]},{"t":"p","runs":[{"text":"It gives you more nodes than a hand-placed path, so simplify afterwards and check the count. For anything geometric it is the wrong tool; for anything gestural it is the right one. Most people never try it and draw wobbly organic shapes with the pen for years."}]}],"check":{"question":[{"text":"A learner drawing a simple arc clicks the start point, then clicks and drags at the end point towards the middle of the intended curve. The result is an S-shape rather than an arc. What did the drag actually do?"}],"options":[{"text":[{"text":"It placed a cusp node instead of a smooth one, and cusp nodes always produce an inflection between segments."}],"correct":false,"tempting":[{"text":"Cusp nodes allow an inflection; they do not cause one. The node type here was smooth, and the shape came from where the handle pointed."}]},{"text":[{"text":"It set the incoming tangent to point back towards the middle, so the curve reverses direction before arriving."}],"correct":true,"tempting":null},{"text":[{"text":"It lengthened the handle beyond the distance between anchors, which forces the curve to overshoot and loop back."}],"correct":false,"tempting":[{"text":"An over-long handle produces a bulge or a loop at one end, not a symmetrical S; the direction was wrong before the length mattered."}]},{"text":[{"text":"It applied the drag to the previous anchor rather than the new one, because the pen tool always edits the last committed point."}],"correct":false,"tempting":[{"text":"Click-and-drag sets the handles of the anchor being placed. The previous anchor’s outgoing handle was already fixed by its own gesture."}]}],"order":[0,2,3,1],"why":null},"prev":{"slug":"build-marks-from-shapes","title":"Most good logos are circles and rectangles cut into each other","minutes":9},"next":{"slug":"continuity-and-the-kink","title":"The kink you can see but cannot find","minutes":9}}}