Beta
Learning Hub
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path d="M13.219 21.584l6.685-3.926c.749-.434 1.096-.831 1.096-1.423 0-.601-.347-.989-1.096-1.432l-1.059-.628 1.059-.628c.749-.443 1.096-.831 1.096-1.432 0-.591-.347-.979-1.096-1.423l-1.26-.748 1.26-.739C20.653 8.762 21 8.374 21 7.774s-.347-.988-1.096-1.432l-6.685-3.917c-.475-.277-.84-.425-1.215-.425-.384 0-.74.148-1.215.425L4.096 6.342C3.347 6.785 3 7.173 3 7.774s.347.988 1.096 1.432l1.269.739-1.269.748C3.347 11.136 3 11.524 3 12.116c0 .6.347.988 1.096 1.432l1.068.628-1.068.628C3.347 15.247 3 15.635 3 16.236c0 .591.347.988 1.096 1.423l6.694 3.926c.475.277.831.416 1.215.416.374 0 .74-.139 1.215-.416zm-1.215-8.037c.374 0 .74-.139 1.215-.416l3.589-2.106 1.763 1.007c.037.028.055.046.055.083 0 .046-.018.065-.055.092l-6.237 3.575c-.128.074-.219.111-.329.111a.66.66 0 0 1-.338-.111l-6.228-3.575c-.037-.028-.064-.046-.064-.092 0-.037.027-.056.064-.083l1.763-1.007 3.589 2.106c.475.277.831.416 1.215.416zm-.338 6.346l-6.228-3.575c-.037-.028-.064-.046-.064-.083 0-.046.027-.065.064-.083L7 15.256l3.79 2.217c.475.277.831.416 1.215.416.374 0 .74-.139 1.215-.416L17 15.256l1.571.896c.037.018.055.037.055.083 0 .037-.018.055-.055.083l-6.237 3.575c-.128.074-.219.111-.329.111a.66.66 0 0 1-.338-.111z" fill="currentColor"/></svg>
Layers

Layers

Layers are the building blocks for creating designs in Vectornator. Any Path, Shape, or Group is stored within a Layer.

The Layers Tab is the fourth tab from the left in the Inspector.

From this tab you can access, create and organize all your Layers <key>A<key> and Artboards <key>B<key>.

In Vectornator on macOS, this tab is separated and displayed on the left of the interface but it supports the same functions as in the iPad and iPhone version.

The Layers Tab on Mac
Inside the Layers Tab, you can also manage the Artboards within your document ➞

Opening the Layer Tab

To access the Layers within your document, tap on the Layers icon inside the Inspector.

On Mac, you can use the <key> \ <key> key to open or close the Layers Tab.

Creating a new Layer

Inside the header section of the Layers Tab, tap the first icon from the right to create a new Layer. The new Layer will be inserted directly above the currently selected Layer.

TIP: In Vectornator, you can create as many Layers as you need!

Renaming a Layer

By default, Layers will be given sequentially numbered titles. To change this, just tap on a layer’s name to rename it.

When you import any image, Vectornator also recognizes any image Layers in the file, thanks to Apple’s machine learning framework CoreML. It also auto-renames the Layer to what it thinks the content depicts.

Locking Layer

Tap the Lock/Unlock icon to lock or unlock a Layer on the current Artboard. If a Layer is locked, it can't be moved or edited.

Hide / Show Layer

Tap the Hide/Show icon to toggle the visibility of your selected Layer’s elements on the canvas.

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 tap on a single element to select it.

Swipe right along a layer's name in the Layers Tab to select more than one layer at once. An <key>x<key> (1) will appear while after you've swiped it, indicating that it is selected.


Multiple Layer Selection

Swipe from left to right to select a Layer, then repeat this action on any additional 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. Slide your finger along the Opacity slider to change the opacity of the elements within that Layer instantly.

Export, Duplicate, Delete

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

Access to the Layers Options by swiping left

Swipe left along any layer's name in the Layers Tab to quickly access three options: Export (1), Duplicate (2), and 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 a single Layer with one 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 Layer.

Deleting layer

Delete any Layer by tapping on the bin button, or simply swipe left on the Layer.

But be careful, because this cannot be undone!

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 defined for your project. 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 lines will become visible, and will help guide you during your design process. To delete a Guide, simply tap and hold the Guide to move it, and drop it 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 a line, square, circle, polygon, or spiral.

Never Regular by Scott Smoker.
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 in the same way that you would 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 on the right of each sublayer inside the Guides Layer.

Snap to Guides

You can also activate the snapping options for your Guides. This option is very useful for speeding up your workflow and helping you be as precise as possible.

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

Download
Download the PDF version here.
Last Updated on Jun 17, 2021
Was this useful?