Text Link
Beta
Learning Hub
<path d="M14.1036 16.098L19.168 16.3373C19.9896 16.3793 20.3772 15.5388 19.7855 14.9716L7.58303 3.2577C7.04068 2.73681 6.20871 3.03255 6.20058 3.7661L6.09657 20.1597C6.08883 20.9631 7.03461 21.2838 7.5829 20.687L10.8002 17.2692C10.8002 17.2692 11.7339 16.2828 12.1799 16.1088C12.6259 15.9348 14.1036 16.098 14.1036 16.098Z" fill="currentColor"/>
Node Tool

Node Tool

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 anchor points.

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.

Selecting Nodes

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.
Download
Download the PDF version here.
Last Updated on Aug 04, 2021
Was this useful?