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