The Node Tool allows you to select individual points in your shapes and paths. It's also known as the Direct Selection Tool.
The Node Tool allows you to create, select, move, and edit Bèzier nodes.
All lines or shapes in a vector-based design platform are made up of points connected by paths, which create the outlines of shapes. In Vectornator, it’s very easy to select and edit these points to modify and polish your design. By selecting the Node Tool, you will be able to clearly see these points, also known as Bezier Nodes.
Color-Coded Bezier Nodes
Beginning with the 4.2 update, Vectornator's Bezier Nodes are now highlighted using different colors. This new color-coding system makes it easier to understand what’s going on with your vector paths.
Bezier Nodes are now color-coded:
- Green Node = The path's Start Point
- Blue Node = The path's standard nodes
- Red Node = The path's End Point
The adjustment handles of each node will have the same color when the node is selected.
Node Tool Content-Aware Options
When you activate the Node Tool and select a node, the Node Tool Content-Aware Options will appear at the top of the Style Tab.
These options allow you to change the Node Type (1) or easily Close a Path (2).
Pro Tip - The supported Node Types you can find in Vectornator are: Single, Mirrored, Asymmetrical, and Disconnected.
The Node Tool is the go-to tool for selecting all the points that compose your vector path. It's the second tool you find in the Toolbar. To activate it, simply tap on it.
Selecting One Node
To select one single point, simply tap on it. Now you can move it around or edit it.
Selecting Multiple Nodes
To select more than one point at the same time, you need to activate the Multi Select Mode by tapping the first button (2) next to the Node Tool (1).
Adding Bezier Nodes
To add a new point to your path, tap any space between two nodes directly on the vector path.
Read more: Editing Path in Vectornator ➞
Changing Node Type
When using the Node Tool, you can easily change the node type by tapping the buttons in the Content-Aware Options at the top of the Style Tab.
In case you want to switch node type from Asymmetrical (C) to Single (A) or vice-versa, you can simply double-tap on any node of your path. This action basically break the handles of that specific node.
Open / Close a Path
While in the Node Tool, you can easily open a shape by simply tapping on the button Open Path inside the Content Aware Options.
Pro Tip – Thanks to the new Nodes Color System, when you select any shape with the Node Tool you know exactly where it will open or close when tapping the Open / Close Path button.