The top Vectornator's Tools for selecting objects, drawing, and creating shapes or texts. They can speed up your workflow by giving you a way to easily edit the vector elements across your designs.

Selection Tool

With the Selection Tool, you can select objects and groups by clicking or dragging over them.

Dimensions Indicator

When you select an object in Vectornator, the dimensions will be displayed at the bottom- center of the object in light blue color. But, please consider that the values displayed are rounded to the ones digit and won't display the decimal points.

It works on objects, multiple objects selected together, and groups.

Note: You can also hide the Dimension Indicator by switching off the button in the Settings.

Also when you rotate any shape, it will indicate the rotation degree.

Node Tool

The Node Tool, also called Direct Selction Tool, is used to create, select, move and edit anchor points.

Scissor Tool

The Scissor Tool can be used to split a existing shape or paths.

Pen Tool

The Pen Tool is used to define your own vector points and create custom paths with Bezier Curves.

Pencil Tool

It's used to draw freeform paths.

Brush Tool

It lets you draw freeform paths with variable widths.

To activate the Brush Tool, simply tap the Brush icon inside the Toolbar, or press B on the keyboard.

At the right of the Brush Tool, you’ll find the Brush Size slider. This slider will control the size of your brush. A lower value will make your brush thinner than using a higher value.

Once you select the Brush Tool, the new CAO Brush Editor button appears at the top of the Style Tab.

Tap this button to customize your brush as:

1 – Shape

Inside this section you find different sliders:

On the left you have a preview of your brush's shape.

You can change the Roundness of the brush stroke by either dragging the handles towards the center of the circle in the Preview, sliding on the slider or tap to manually enter a value. The values are from 100% (which represents a perfect circle) to 0% (which is a flat line).

You can also change the Angle of the brush stroke, which defines the rotation of the brush. The value 0˚ will create a horizontal brush and 90˚ will create a vertical brush.

You can set the Minimum Width of the brush according to the stroke width. This value will be also visible in the Preview (3).

2 – Contour

‍In this section you find the Contour graph: a path that represents the brush profile.

In Vectornator, you find 4 draggable handles that form the contour of the brush and they can be moved along the X and Y axis to reshape the brush contour. The default contour profile has both initial handles on the top of the graph creating a flat profile.

As soon as you move the handles in the graph, you’ll see a preview (3) of how the brush will look like at the bottom of the Brush Editor.

3 – Preview

In here you have a live preview window that shows the current brush profile resulting from the defined shape and contour options.

Note: The brush tool is sensitive to the pressure and speed of the Apple Pencil.
Soon you will also have the possibility to create your own Library of Brushes, Stay Tuned!

Text Tool

The Text Tool allows you to insert text elements.

As soon as you select the tool from the Toolbar, the Text Panel will appear at the top of the Style Tab.

Learn more about the Text Options in Vectornator.

Shape Tool

The Shape Tool allows you create pre-made geometric shapes as rectangles, circles, polygon, and straight lines too.

It can be found inside the Toolbar (left side of the canvas) and will give you access to different shapes' options in the context menu as:

A > Rectangle. When selected, you can immediately choose the roundness of the corners.

B > Polygon. Slide to choose the number of sides.

C > Circle. Holding a second finger on the canvas allows you draw a perfect cirle.

D > Star. Slide to choose the number of sides.

E > Line

F > Spiral. Slide up and down to choose the decay.

You can also use the keyboard shortcuts to add some pre-made shapes, this will speed up your workflow especially when working on Vectornator Pro on your Mac.

How to draw pre-made Shapes

To add any kind of pre-made Shape into your canvas, tap and drag anywhere.

Hold a second finger on the canvas or the button to make your shape's width and eight equal. This is pretty useful when you want to draw a perfect square or circle.

How to edit the Corner Radius

Any corner point in a vector tool can have sharp or rounded corners and in Vectornator there is a slider that allows you to adjust any individual corner’s radius of a shape.

Simply tap or click on a corner point using the Node Tool and then slide your finger on the "Corner Radius" button to adjust it.

Eraser Tool

It allows you to delete any area of an object along the path you pass with the eraser by simply tap and drag on them to erase.

Hand Tool

Tap and drag to hover around the canvas.

Note: it only appears on iOS 13.4 and Mac.

Zoom Tool

Tap and drag up to zoom in and drag down to zoom out.

Note: it only appears on iOS 13.4 and Mac.
You can also use the Navigational Shortcuts to speed up your workflow.

How to Rotate an object

In Vectornator, there are three different ways to rotate your shapes.

– Using the "Rotate" handle at the top of each shape

– Activate the "Rotation Tool" from the Toolbar

– Enter a value in degrees inside the Inspector

The Rotate Handle

It appears at the top center of any selected shape.

With this method you can rotate any shape by holding & dragging your finger/Pencil on the orange dot.

The Rotation Tool

Select your shape using the Selection or Node Tool, and tap the Rotation Tool (1). Then tap and drag anywhere on the canvas to rotate it.

With it, you can also change the pivot point (2) on which your shape rotates, simply tap on the canvas to move it.

Note: The pivot point is set by default at the center of your shape.

Enter a degree value

You can enter a value in degrees in the Arrange Tab. You can move your finger around the wheel or tap to open the keypad and enter a value numerically. This can be a positive or negative value to rotate clockwise or counter-clockwise but, please consider that the number dispalyed in the Rotate Arrange Tab will be always positive.

Note: In this case, the rotation consider the pivot point as the center of your shape.

How to Resize an object

In Vectornator, you can resize your shapes in many different ways:

– Using the "Resize Tool" from the Toolbar

– Dragging one of the Selection Handles

– Resizing keeping the Aspect Ratio

– Resizing from the centre

– Resizing the dimensions in the Inspector

The Resize Tool

Select your shape using the Selection Tool, and tap the Resize Tool (1). Then tap and drag (2) anywhere on the canvas, outside the shape, to adjust the size.

With it, you can also change the pivot point on which your shape gets risized, simply tap on the canvas to change it.

Note: The pivot point is set by default at the center of your shape.

Dragging to Resize

To resize any shape or image, select it, then tap (click) and drag on any of its selection handles (1). The handles on the sides of the shape will adjust the height or width, while handles on the corners will adjust the height and width together.

Resizing keeping the Aspect Ratio

Hold a second finger on the canvas (2) or the Shift key while dragging on any of its selection handles to keep its height and width at the same ratio.

Resizing from the center

To resize any shape from its center, instead of the edge you’re dragging from, hold the Option ⌥ key while dragging on any of its selection handles.

Resizing the object in the Inspector

You can also resize any element by selecting it and typing its dimensions in the Inspector > Arrange Tab. You can enter a value by tapping the Size Width and Height.

If the lock icon is closed, the object will resize proportionately, otherwise you can open it to change one single dimension.

Note: By default, this will resize the shape from their top-left corners.
Something went wrong while submitting the form. Try again.