Text Link

iPad

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.

Beta
Online Manual
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path d="M19.885 21H4.115C2.068 21 1 19.898 1 17.815V6.196C1 4.112 2.068 3 4.115 3h15.77C21.913 3 23 4.102 23 6.196v11.619C23 19.898 21.913 21 19.885 21zm-.167-2.073c.823 0 1.273-.425 1.273-1.325V6.398c0-.89-.451-1.325-1.273-1.325H4.272c-.813 0-1.273.435-1.273 1.325v11.204c0 .9.46 1.325 1.273 1.325h15.447zm-3.105-9.375c-.607 0-1.019-.425-1.019-1.072v-.96c0-.647.411-1.072 1.019-1.072h2.037c.607 0 1.019.425 1.019 1.072v.96c0 .647-.411 1.072-1.019 1.072h-2.037z" fill="currentColor"/></svg>
The Inspector

The Inspector

In the Inspector, you’ll find the controls for the tool you’re currently working with. You can also view and edit the properties of selected objects as well as layers, artboards, import options, and more.

The Inspector Bar

The Inspector Bar is always visible at the top right corner of your iPad screen and can be expanded or collapsed at any time by tapping on each of the five icons, which are, from left to right: Style (1), Arrange (2), Path (3), Layers (4), and Library (5).

inspector bar

Style Tab

The Style Tab is the main tab in Vectornator where you can find styling functions for your selected element. The options range from Fill (1), Stroke (2), and Shadow (3) to Blend Modes, Arrows, Blur, and more.

Context-Aware Options

The Style Tab is context-aware. This means that it adapts according to the currently selected object. For example, using the Pen Tool will reveal the Node Types options (A), while selecting an image will reveal Auto Trace settings, etc.

Arrange Tab

The Arrange Tab manages several tranform options.
At the top you will be able to Move (1) and Rotate (2) your objects by using the joysticks. You can also set the the Position (3) of any selected element and adjust its Size (4).

In this tab, you can Flip (5), Group (6), set the Order (7), Align (8), and Distribute (9) your objects, as well as several other Transformation (10) options.

Path Tab

The Path Tab is the go-to solution for editing and modifying paths. It contains options like Boolean operations (A), Masking (B), and even more complex functions (C) like outlining a path or defining anchor points.

Each button will activate when one or multiple objects are selected.

Layers Tab

The Layers Tab is the place for managing all your layers and objects within your document.

Additionally, the Layers Tab also allows you to manage your Artboards (B).

Here, you can create a new layer (A), select multiple layers, show/hide (1) certain layers, lock/unlock layers, duplicate a layer, and delete or rename your artboards, layers, and objects.

Library Tab

This tab is divided into five panels which are accessible via the icons at the bottom of the tab. They are, in order:

1) Templates, where you can create and store your own library of vector elements.

2) Photos, where you can import images from your camera roll.

3) SF Symbols, a library of over 2,400 free configurable symbols integrated with San Francisco Font, the system font for Apple platforms.

4) Iconator, a library offering more than 80k free icons to use in your designs.

5) Unsplash, a library with millions of free images provided by Unsplash.com.

The SF Symbols, Iconator, and Unsplash Tabs have a Search Bar (A) placed at the top to help you find the icon or image you need.

Short Video Recap

Get to know more the ins and outs of our powerful Inspector menu on iPad.

Sliders

In the Inspector you will find different sliders to control the Opacity (A) of an object, its Blur, the Stroke Width and others.

To use them, tap and hold anywhere on the slider and start sliding right or left with your finger or the mouse to change the value.

TIP: For greater precision while sliding, move your finger down, away from the slider to change the value more slowly.

Keypad

By tapping one time on a slider, a keypad (B) will open, allowing you to enter specific values. With the keypad, you can set any numerical slider in Vectornator to a specific value.

After entering your chosen number, tap the <key>↵<key> key to submit your value. Tap again outside of the keypad to close it.


Download
Download the PDF version here.
Last Updated on Aug 11, 2021
Was this useful?