Layers are the building blocks for creating designs in Vectornator. Any Path, Shape, or Group is stored within Layers.
The Layers Tab is the fourth tab from the left in the Inspector Bar.
In Vectornator Pro, this tab is instead separated and displayed on the left of the interface.
Inside the Layers Tab, you can also manage the different Artboards of your document.
Opening the Layer Tab
To access the layers, tap on the “Layers” icon inside the Inspector Bar.
On Mac, simply click on the same icon but at the top left corner of the entire interface to open or close the Layers Tab.
Creating a new Layer
Inside the header section of the Layer Tab, tap the first icon from the right to create a new layer. The new layer will be inserted above the current layer.
Renaming a Layer
Usually, layers will be given sequentially numbered titles as you can see above, so tap again on the layer’s name to rename it to your choosing.
When you import any image, Vectornator also recognizes image layers thanks to Apple’s machine learning framework CoreML and it auto-renames the layer to what it thinks the content depicts.
Tap the Lock/Unlock icon to fix your objects in one place.
Tap the Hide/Show icon to see your layer’s elements and continue editing them.
Tap a layer to select it or swipe from left to right for multi selection.
To select a sublayer, tap on the main Layer to open it and then simply tap on every single element to select it.
Multiple Layer Selection
Swipe from left to right to select a layer and repeat it for any layer you want to select.
Swipe again on the selected layer to deselect it.
TIP: This action can be applied to the sublayers as well.
Tap a layer to select it and slide your finger on the Opacity slider to change the opacity of the elements instantly.
Deleting a Layer
Swipe to the left on a layer to access three options: Export, Duplicate, Delete.
Export single layer
With Vectornator X, you can export one single layer with a tap without leaving your canvas or having to copy-paste your objects into a new document. You can export your single layer as .jpg, .png, .svg, and .pdf.
Tap the icon to duplicate this layer immediately above the original one. This is a great option to consider for new changes without affecting the original.
Delete any layer with a tap, or simply swipe left on the layer.
But be careful because this is final!
Moving Layers / Layers Distribution
Tap and hold the layer you want to move. Drag it up or down to change the order of your illustration’s layers. You can also easily move more than one layer at once.
TIP: In Vectornator, you can create as many layers as you would like!
The guides in Vectornator are always displayed at the top of your design to help you follow the structure you designed.
There are two types of guides in Vectornator: Guides & Smart Guides.
How to access the Guides Layer
At the bottom of the Layer Tab inside the Inspector, you can find a fixed Guides Layer.
Simply tapping on this layer will enable the Guides and activate a specific Action Bar (left side).
TIP: By tapping the Guides Layer Name, you can easily close the dropdown menu.
Creating a new Smart Guide
To add a guide, tap on the Ruler and drag it to set the Guide. The helpful blue colored lines will become visible which will guide you in your design. To delete, simply swipe and drop the Smart Guide outside the canvas.
Note: Adding Smart Guides is only possible when the Rulers is activated.
Creating a new Guide
Pick one tool from the Guides Action Bar and tap it to start to draw your guide.
Your guide shapes can be lines, square, circle, polygon or spiral.
TIP: Holding a second finger on the canvas while using the Line Tool (sixth icon from the top) will allow you to create horizontal or vertical lines.
Duplicating a Guide
Select the guide you want to duplicate and tap the Duplicate tool inside the Toolbar, then drag and drop your guide as you do for any object inside Vectornator.
Hide / Show Guides
Tap the button near the layer’s title to hide or show all the guides at once.
Tap the button on each guide’s sublayer to hide or show the selected guide.
Lock the Guides
Any elements within the Guides Layer will be always locked when drawing on the other layers but when you’re creating your guides structure and want to lock a specific guide, you can do it by tapping the “Lock” button placed at the right of each sublayer inside the Guides Layers.