Academy

Vector Editing

In this section, you`ll find an overview of the tools and features that allow you to Flip, Group, Order, Align, and Distribute objects and how to Repeat an Action.

You have many options in Linearity Curve (formerly Vectornator) to arrange objects on the canvas. Most options are accessible from the Inspector, specifically in the Arrange and Path section.

Group

Grouping combines multiple objects into a single adjustable element while keeping the singular shapes intact.

You'll find the Group ic-group icon (1) and Ungroup ic-ungroup icon (2) buttons in the Arrange Section of the Inspector. Alternatively, you can use the ⌘G shortcut to Group or ⇧⌘G to Ungroup.

To group and ungroup

Creating a Group

Select the objects you want to group by dragging a window around them with your cursor or using the Multi Select Mode. Then, click the Group Button.

Once the shapes are grouped, the letter G appears in the selected group's bottom right corner. Additionally, you can access the Group Operations in the Top Toolbar under Arrange.

How to group objects

Editing a Group

Double-click on a group to enter the Isolate State. You can edit your elements by resizing them or changing their color. Everything outside the isolated object will appear dimmed out. Double-click anywhere on the empty canvas to exit the Isolate State.

Align

You can align objects using the six alignment buttons in the top row of the Inspector.

You have two options available to align your selected objects:

If you select one object and then click the button “Align to the left” ic-align-left icon, the object will align to the left side of your Artboard ic-artboard icon.

If you select multiple objects and then click the button “Align to the left”, the selected objects will all align to the object that is positioned the closest to the left side.

Align options visual

Move

To move a shape, simply click and drag it.

If you want to restrict movement to a particular axis, hold as you drag.

If you want to move an object on the canvas to the top, down, left, or right, you can select it and use the arrow keys. By holding shift ⇧ and using the arrow ← ↑ → ↓, you can move selected elements or objects by 10 px to the top, down, left, or right. This operation is called "nudge".

Order

To change the stacking order of your shape, click on the Order Buttons in the Arrange Section of the Inspector.

You can change the order of your objects in four different ways:

  • Move Forward ic-bring-forward icon - Move the selected object towards the top of the stacking order.
  • Move Backward ic-bring-backward icon - Move the selected object towards the bottom of the stacking order.
  • Move to Front ic-bring-to-front icon - Move the selected object to the top position of the stacking order.
  • Move to Back ic-bring-to-back icon - Move the selected object to the bottom position of the stacking order.
Objects order options

Distribute

By clicking the Distribute buttons, you can set three or more selected elements to be distributed at an equal distance from each other horizontally or vertically.

Distribute setting visual

Repeat Action

In the Arrange section, you can find the following two buttons:

A – The Transform Again button will repeat your last transformative action, i.e., constantly rotating the selected object to the same rotation value you set. You rotate your shape 90° clockwise before you click Transform Again, and the shape will be rotated 90° clockwise again. If you scaled the object bigger or smaller before, the same percentage of scaling and scaling direction would be applied to your shape again.

B – Duplicate and Transform Again ic-duplicate-repeat icon will duplicate your selected object and will simultaneously repeat the last transformative action you took on the original shape on the duplicated shape again.

Using this tool will speed up your workflow significantly when creating vector patterns.

The shortcut ⌘D will perform the same operation as Duplicate and Transform Again.

Repeat Action visual
Would you recommend this tutorial?
Get started with Linearity today.

Get Started for free
illus-1