Tools

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.

To activate the Pencil Tool, simply tap the Pencil icon inside the Toolbar.

At the right of the Pencil Tool, you’ll find a slider to control the Pencil Smoothness. If you want your path to be as you draw, you can simply set the value to 0%.

The smoothness of your path can also be adjusted after drawing. Select your path and the slider will appear inside the Style Tab.

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 content aware options for the brushes will appear at the top of the Style Tab to create new brushes or use the presets.

In the CAO, you will find the Brush Settings icon (1) and the Brush Selection pane panel (2).

The Brush Settings

Tap the icon to open the panel to customize your brush as:

  1. Shape
  2. Contour
  3. Preview & Save your custom brush

1 – Shape

On the left of this section, you have a preview (z axis) of your brush's shape while on the right you find 3 different sliders:

- 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 1% (which is a flat line).

- Change the Angle of the brush stroke, which defines the rotation of the brush. You can define any value in 360˚, 0˚ will create a horizontal brush and 90˚ will create a vertical brush.

- Set the Minimum Width of the brush according to the contour profile defined. The changes made of this value will be also visible in the Preview below (3).

2 – Contour

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

The draggable handles form the contour of the brush and they can be moved along the X and Y axis to reshape the brush contour.

- Add new handles by tapping on the graph.

- Double-tap to delete the handle.

As soon as you move the handles in the graph, you’ll see the changes in the preview below.

3 – Preview & Save

In here you have a live preview window that shows the current Brush profile resulting from the defined Shape and Contour options.

Below you can see 3 Brush examples:

To Save your custom brush, tap the <key>Save<key></key></key> button. You can find your saved brushes in the Selection Pane. If you are not happy with the current brush, tap the Reset button. The Reset will switch back to Default Settings, including shape and contour.

Note: The default Contour Profile has all initial handles in the same height creating a flat profile.

The Brush Selection Pane

When closed, the Brush Selection Pane shows a live preview of the current active brush.

By tapping this pane, it displays a list of the Preset brushes, which are built in the Brush Settings panel. The custom brushes can be directly used or take as the basis for your own brushes.

After you save your first brush in the Brush Editor, the Your Brushes section will appear at the top of this panel. You can save as many brushes as you want and they will be shared across all your documents in Vectornator.


To delete a custom brush just tap and hold the brush you want to delete in the list, the Delete option will pop up.

Note: Preset Brushes cannot be deleted.

Tip: you can use the saved brushes as a base for new brush shapes. In order to do that just choose a brush in the selection pane and open the editor, in the editor you will find the settings of the selected brush which you can further customize. To save the changes press save, a new brush will be stored.

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 spikes.

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.

Star Tool

Creating stars in Vectornator is pretty easy by using the Star Tool.

To activate it, simply tap the Shape icon inside the Toolbar (8th from the top) and then select the Star.

At the right of the Star Tool, you’ll find a slider that allows you to control the number of spikes of your star. The number displayed in the slider corresponds to the number of spikes.

When drawing with the Star Tool, you’ll activate a couple of gestures that will help you modify the spikes of your shape and the direction of it.

1. Hold & drag up and down to modify the direction of your star's spikes.

2. While drawing your star, hold a second finger or press the <key>⇧<key> key to edit the spikes radius by keep dragging your fingers.</key></key>

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.
Download the PDF version here.
Subscribed.
Something went wrong while submitting the form. Try again.