Options

All the different actions you can do in Vectornator through the Inspector, whether you want to edit or create new complex paths.

By navigating the different Tabs inside the Inspector, you can manage everything related to your objects.

The Arrange Tab –

Grouping Objects

Grouping combines multiple objects into a single element but keeping them as singular shapes.

In Vectornator, the Group / Ungroup button can be found in the Arrange Tab inside the Inspector.

Creating a Group

Select the objects you want to group together by dragging on the canvas or using the Multi Selection Tool. Then, tap the Group button (1) inside the Arrange Tab.

In Vectornator, any grouped objects will have a letter G that shows up at the bottom right corner of the selected group.

The illustration "LineArt" is from @martas_reveries.

Flipping

The Flipping buttons allow you to:

A > flip the selected object horizontally.

B > mirror the selected object vertically.

Order

In this section you can set the order of your objects in four different ways:

A Move Forward > It allows you to move the selected object towards the top of the stacking order.

B Move Backward > It allows you to move the selected object towards the bottom of the stacking order.

C Move to Front > It allows you to move an object to the top position of the stacking order.

D Move to Back > It allows you to move an object to the bottom position of the stacking order.

Alignment

In this section you can properly align your objects in a tap.

Distribute

By simply tapping this buttons, you can place three or more elements in equal distance from each other horizontally (A) or vertically (B).

Transform

Located at the bottom of the Arrange Tab, you will find these two buttons:

1 > Transform again will basically repeat the last action you did in Vectornator, i.e. it will always rotate the selected object to the same rotation value you set before.

2 > Duplicate and Transform again, as it says, allows you to duplicate your selected object and repeat the last action simultaneously. Using this tool will speed your workflow when creating vector patterns.


The Path Tab –

Boolean Operations

The term “Boolean”, in computer programming, is a data type which can be either “true” or “false”. But, in terms of graphics softwares like Vectornator, we refer to “boolean” to describe how shapes are combined between them. Those operations are often used in Icon and Logo Design.

In Vectornator, you can find these options at the very top of the Path Tab and will allow you create new complex paths with a tap.

There are five types of boolean operations:

1 > Unite merges two shapes into one.

2 > Subtract removes one shape from another. As you can see from the image below, the area of the top path is removed from the one underneath.

3 > Intersect shows only the part where the shapes overlap.

4 > Divide separate the parts of the overlapped shapes

5 > Difference The area where the shapes don’t meet is retained. It's basically the opposite of Intersect, leaving the parts where the original paths don’t overlap.

Watch the video.

Masking Objects

Applying a mask to an image in Vectornator can be really useful to give it a beautiful texture or pattern.

created with the masking tool of vectornator
Ill. by @maddastic

But, what is a Mask in a vector software?

Masks are used to show parts of an object within a specific shape.

what is a mask

In Vectornator, the Mask / Unmask button can be found in the Path Tab inside the Inspector.

Creating a Mask

Any closed shape can be turned into a mask.

To do so, select the element you want to mask plus the shape you want to have as a mask using the Multi Selection Tool (1). Then, tap the Mask button (2) inside the Path Tab.

Note: The top object will be always the Mask Shape.

How to know if an object has been masked?

In Vectornator, you will immediately recognize if there’s a mask thanks to a letter M that shows up at the bottom corner of your masked object.

When you see the Unmask button (3) highlighted, it means that the object selected is under a mask.

Editing a Mask

To edit the Mask Shape, you simply have to double-tap on it.

Then double-tap again an empty area to exit from the isolated state.

Note: Everything outside the Mask Shape will be obscured by a transparent layer.
The illustration "Paris" is from @maddastic.

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