Text Link


If you're trying to learn how to use Vectornator, then this page is for you! Here, you'll find everything you need to know how to use tools, gestures, and other hidden features.

Online Manual
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.0827 3.34932C19.0427 3.37669 18.9664 3.42794 18.8584 3.50043C17.8038 4.20842 13.7304 6.94303 11.0117 9.25999C13.1645 9.97221 14.8193 11.5768 15.5538 13.6562C17.9498 11.0042 20.7955 7.02975 21.5061 6.0374C21.5742 5.94227 21.6227 5.87454 21.6493 5.83801C22.8397 4.15979 20.7543 2.18683 19.0827 3.34932ZM10.919 13.7375C11.6451 14.4415 12.1432 15.3011 12.3205 16.1116C12.8946 15.9969 13.3843 15.7514 13.8739 15.3338C13.9668 15.2602 14.0597 15.1783 14.1441 15.0964C13.8655 12.8533 11.8646 10.8804 9.52602 10.6184C9.44159 10.7003 9.35716 10.7821 9.28962 10.864C8.84217 11.3552 8.58046 11.8464 8.4707 12.4031C9.30652 12.5668 10.2014 13.0416 10.919 13.7375ZM9.73764 19.9424C7.66922 21.6534 4.29222 21.2031 2.51929 19.2056C1.99584 18.6244 1.79322 18.0513 2.266 17.6502C2.50226 17.4522 2.7822 17.4254 3.07969 17.397C3.40942 17.3655 3.76073 17.3319 4.09803 17.0608C4.37888 16.8367 4.45315 16.4994 4.53956 16.107C4.65837 15.5674 4.80013 14.9236 5.53326 14.3265C6.90096 13.1722 8.91028 13.4587 10.1767 14.8995C11.5781 16.4877 11.4346 18.5425 9.73764 19.9424Z" fill="currentColor"/>
Brush Tool

Brush Tool

The Brush Tool lets you easily draw freeform paths with variable widths.

Activate the Brush Tool

To activate the Brush Tool, simply tap the Brush icon in the Toolbar, or press <key>B<key> on the keyboard.

Once you select the Brush Tool, the content-aware options for your brush will appear at the top of the Style Tab. You can use these settings to create new brushes, use the Preset Brush Options and change the Brush Mode.

How to Set the Brush Size

To the right of the Brush Tool, you’ll find a slider labeled Brush Size. This slider will control the size of your brush. A lower value will make your brush thinner, while a higher value makes it wider.

The Brush Editor

The Brush Editor is content-aware, which means it will automatically appear once you activate the tool. Here, you will find the Brush Settings icon (1), the Brush Selection panel (2) and the Brush Mode (3).

The Brush Settings

Tap the Brush Settings icon to open its panel. These settings allow you to customize your brush's Shape (1) and Contour (2), and to Preview (3) , Save or Reset (4) your custom brush.

How to Set the Shape of your Brush

In Vectornator is really easy to set your brush's shape inside the Brush Settings.

<key>A<key> – At the top of the panel, you'll see a preview of your brush's shape (viewed along the Z-axis).

Below, you'll find three brush shape settings sliders, which will allow you to:

<key>B<key> – Change the Roundness of your brush's stroke by either:

  • Dragging the handles towards the center of the brush shape circle in the Preview
  • Using the slider
  • Tapping the slider to manually enter a value
    The values range from 100% (which represents a perfect circle) to 1% (which is a flat line).

<key>C<key> – Change the Angle of the brushstroke, which defines the rotation of the brush. You can define any value within 360˚. A rotation of 0˚ will create a horizontal brush, and 90˚ will create a vertical brush.

<key>D<key> – Set the Minimum Width of the brush according to the contour profile defined. Any changes made to this value will be also visible in the Preview below.

How to Change the Brush Contour

In this section you'll find the Contour graph; a path which 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's contour. You can:

  • Add new handles by tapping on the graph.
  • Double-tap to delete the handle.

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

Preview & Save your Brushes

In this section, you'll find a live preview window that shows the current Brush profile that reflects your currently defined Shape and Contour options.

Here are three Brush examples:

To save your custom brush, tap the Save button. You can find your saved brushes in the Brush Selection Pane. If you are not happy with the current brush, tap the Reset button. This will switch your brush settings back to default, including shape and contour.

⚠️ The default Contour Profile has all initial handles at 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 into the Brush Settings panel. These preset brushes can be used as they are or used as the jumping-off point for your own custom 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. Your brushes are saved locally to the device on which you created them.

Pro Tip – You can use the saved preset 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 for the selected brush, which you can then further customize.
To save your changes, press "SAVE", and your settings will be saved as a new brush.

How to Delete Your Brushes

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

⚠️ Preset Brushes cannot be deleted.

Pressure Sensitivity

All Vectornator brushes on iOS are pressure-sensitive. Pressure sensitivity determines the width of the brushstroke you are about to draw. This means that the more pressure you put on your stylus pen, the thicker your line becomes. This is achieved by applying different pressure on the surface of your iPad or even Bamboo Slate.

Tap on Brush Mode in the Style Tab to enable or disable this feature. Choosing "Pressure Only" will cause your brush to follow the pressure of your Pencil.

Choosing "Fixed Width" will cause your brush to follow the brush characteristics you set in the Brush Settings.

Download the PDF version here.
Last Updated on Sep 02, 2021
Was this useful?