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.

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.

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.

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.


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, 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!

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.

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.

Never miss an update!

Subscribed.
Something went wrong while submitting the form. Try again.