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 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.
The Flipping buttons allow you to:
A > flip the selected object horizontally.
B > mirror the selected object vertically.
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.
In this section you can properly align your objects in a tap.
By simply tapping this buttons, you can place three or more elements in equal distance from each other horizontally (A) or vertically (B).
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 –
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.
Applying a mask to an image in Vectornator can be really useful to give it a beautiful texture or pattern.
But, what is a Mask in a vector software?
Masks are used to show parts of an object within a specific shape.
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.