Paths and design

Edit Bézier nodes in VectorPaint: smooth curves without adding anchors

Use a leaf outline to practise moving anchors, orienting handles and checking corners, separating whole-object distortion from local curve correction.

English translation of the Chinese original, translated on . The article body uses automated translation; app descriptions, historical reading notes and video subtitles receive separate editorial checks. Original publication dates, attribution, code and version notes are retained.

Use a leaf outline to practise moving anchors, orienting handles and checking corners, separating whole-object distortion from local curve correction.

Prepare a path you can understand

Use a pen-drawn leaf or an open path with two or three curve segments. Keep a copy, disable complex fills temporarily and inspect with a clear thin stroke. Avoid beginning with thousands of traced-photo nodes, which mixes selection and curve problems. Learn one path before complex multi-contour shapes.

Distinguish object selection from node selection

Selection tools move the whole object; node tools edit anchors inside a path. If the whole leaf moves, you are still at object level. Select one clear node and inspect adjacent segments. If none appear, check for an image, group or text object rather than assuming every visible element is a path.

Move anchors to fix position

If the leaf’s rightmost point extends too far, move that anchor left a little, perhaps about 10 canvas units, then inspect proportions. Anchor movement changes where the outline passes; it does not replace all handle work. Adjust one location at a time and repeatedly return from zoomed selection to the whole view.

Adjust handles to fix curvature

If the anchor is well placed but the curve bulges, keep it fixed and shorten one handle. Direction controls how the curve enters or leaves the node; coordinated tangents support a smooth join. Do not round an intentionally sharp leaf tip. Different nodes serve different visual purposes.

Identify redundant nodes and local kinks

A tiny segment often means two nodes are too close; repeated ripples may combine excessive nodes and handle directions. Record the desired contour, remove obvious redundancies in a copy and compare. Deleting changes connections, not just visible dots. Undo if a curve crosses an important edge and adjust a smaller area.

Check from whole to detail

Check leaf proportions, widest points, tip and base before small curves. Inspect open endpoints for accidental reversals and closed paths for smooth joins and self-intersections. A tiny wobble at 800% may matter less than poor balance at normal size.

Compare local changes to judge effectiveness

Enlarge one troublesome turn in a copy and note its anchor and handle directions. First change only handle length, then direction, and finally anchor position. This isolates their effects. Moving everything at once makes even a successful result hard to reproduce.

At a smooth transition, inspect sudden direction changes near the node. At an intended corner, inspect sharpness and unwanted hooks. These have different criteria. Making every node round can erase a leaf’s, icon’s or letterform’s defining features.

After editing, inspect a flat silhouette. Smoother local curves can still make a leaf too heavy or narrow. Local quality and overall proportions must both work. If they conflict, return to the composition’s purpose and choose the important turn rather than endlessly tweaking at high zoom.

Finish checks and keep comparison versions

Save before-and-after practice copies labelled “before nodes” and “after nodes” and compare at equal display size. A good revision clarifies intent rather than merely reducing node count. Inspect exported SVG paths in the target workflow, retain the original and reopen it to verify the latest edit saved.

Further exercise: diagnose three local problems

  1. Duplicate a curve, deliberately lengthen its middle handle to make a bulge, then restore it by shortening the handle without moving the anchor.

  2. In another copy, move the anchor slightly outward and compare the width change with the result of lengthening a handle.

  3. Choose a corner that should remain sharp instead of smoothing both sides. Check clarity and remove unwanted tiny nearby segments.

Frequently asked questions

Why does text lack draggable Bézier nodes?

Editable text differs from paths. Editing glyph outlines usually requires converting text to outlines, after which normal text-content editing is lost. Keep a text copy before deciding.

Is converting every node to smooth better?

No. Icon corners, leaf tips and letterform points may need clear corners. Choose node types for the intended outline; smoothness describes a local connection, not a universal quality ranking.

Why does changing one point affect its neighbour?

Adjacent anchors and handles jointly determine a Bézier segment, so local changes normally affect related curves. Inspect both affected segments before adjusting the opposite handle.

Read next

Sources and scope

This article is based on VectorPaint App Store description and the available feature entry points; Apple’s public release information Checked on October 22, 2026, for version 1.0.7, requiring iOS / iPadOS 17.0 or later. The interface may vary by device and version. Dimensions, colours and wording are exercise suggestions; confirm the requirements for your actual use.