Text Link
Beta
Mac
<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>
Mac Layers

Mac Layers

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

In the Mac App, the Layers Tab is displayed on the left side of the interface and is completely separated from the Inspector (unlike our iPadOS App). However, as you can see, it supports the same functionalities as in the iPad and iPhone versions of Vectornator.

Inside the Layers Tab, you can also manage the Artboards in your document ➞

Opening the Mac Layers Tab

To access the Layers in your document, click the <key>Sidebar<key> button in the Top Toolbar. Click the Sidebar icon again to close the Layers Tab.

You can also use the <key> \ <key> key to open and close it.

Resizing the Layers Tab

On Mac, the Layers Tab can be resized by clicking on the right border of this tab and dragging to reduce or expand it.

Creating a new Layer

To add a new layer, click the upper <key>+<key> button at the top right corner of the tab, and then click the New Layer button. The new Layer will be automatically inserted above the currently selected Layer.

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

Selecting Layers

To select a layer on your Mac App, simply click on it in the Layers Tab (A). The Layer's Title will change color into a darker grey.

To immediately highlight the layer's content, you can turn on the "Isolate Active Layer" feature by going to View > Isolate Active Layer in the Menu Bar.

Select a sub-layer

To select a sub-layer, click on the main Layer's thumbnail to expand it, and then click on a single element to select it. When you do this, you’ll see the selection handles appear around that specific element.

Selecting Multiple Layers

To select multiple layers, click on the first Layer or sub-layer's element and click the <key>⇧<key> key while clicking on another.

Moving Layers

To move a layer, click and hold the layer or sub-layer, then drag it up or down to change the order. A blue line will appear to help you visualize the new position where the layer will be placed.

Renaming a Layer

By default, Layers will be given sequentially numbered titles. To change a layer's title, double-click on a layer’s name, type the new title, and click Enter on your keyboard.

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

Locking Layer

Click on the Lock/Unlock icon to lock or unlock a Layer on the current Artboard. You can also right-click on a single Layer to Lock/Unlock it. If a Layer is locked, it can't be moved or edited.

Hide / Show Layer

Click on the Hide/Show icon to toggle the visibility of your selected Layer or Layer’s elements on the canvas. You can also right-click on a single Layer to hide/show it.

Layer Opacity

At the bottom of the Layers Tab, you find the Layer Opacity Slider which allows you to easily change the transparency of all the layer's elements at once. To do so, click on a layer to select it. Then click and slide along the Opacity slider to change the opacity of the elements within that Layer.

Export, Duplicate, Delete Layers

At the upper right corner of the Layers Tab, you'll find the <key>Edit<key> button (1). Click it to access Layer Options (3) such as:

Delete (A), Export (B), Duplicate (C), Hide (D), and Lock (E) layer.

By right-clicking on a Layer you will be able to access these same options, including Copy, Paste, Duplicate, Export a Single Layer, and Delete. These layer-based options help you work faster and more efficiently.‍

Pro Tip – This option allows you to quickly export a Single Layer (B) 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.
Download
Download the PDF version here.
Last Updated on Dec 02, 2021
Was this useful?
I like thisI don't like this
https://www.toptal.com/developers/javascript-minifier/