Layers

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.

TIP: In Vectornator, you can create as many layers as you would like!

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.


Locking Layer

Tap the Lock/Unlock icon to fix your objects in one place.

Hide / Show Layer

Tap the Hide/Show icon to see your layer’s elements and continue editing them.

Selecting Layer

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.

Layer Opacity

Tap a layer to select it and slide your finger on the Opacity slider to change the opacity of the elements instantly.

Export, Duplicate, Delete

On iPad, tap the "Edit" Button at the top of the Layer Tab to have access to the Layer Options as Delete, Duplicate, Export, Hide, Lock.

or you can swipe to the left on a single layer to quickly access three options: Export (1), Duplicate (2), Delete (3).

On Mac, simply right-click on a single layer to copy, delete, duplicate or export it in different formats.

Export single layer

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.

Duplicating layer

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.

Deleting layer

Delete any layer with a tap on the bin button, or simply swipe left on the layer.

But be careful because this is final!


Moving Layers

Tap and hold the layer or sub-layer you want to move. Hold your finger on the layer and drag it up or down to change the order.

Guides

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.

Note: The guides will be always displayed at the top of your design and the elements within the Guides Layer will be always locked when drawing on the other layers.

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.

Snap to Guides

Something super useful to speed your workflow and be as precise as you need will be activating the snapping options.

In Vectornator, open the Settings Bar (top left) and tap to open the Snapping Tab where you can switch on/off with a simple tap!

The illustration "Never Regular" used as an example for the Guides is from Scott Smoker.

Download the PDF version here.
Subscribed.
Something went wrong while submitting the form. Try again.