Skip to main content

Combine and cut shapes

Complex outlines, such as a tank with a cut-out or a building plan, are easier to build from simple shapes. The shape operations combine or cut the selected shapes into new custom shapes.

OperationResultNeeds
UnionOne shape along the outer outline2 or more shapes
CombineOne shape; overlapping areas become holes2 or more shapes
FragmentEvery region becomes a separate shape1 or more
IntersectOnly the area the shapes have in common2 or more shapes
SubtractThe other shapes are cut out of the first selected one2 or more shapes
JoinLines that touch end to end become one path2 or more lines
TrimPaths are split where they cross1 or more
Offset…Outlines on both sides at an equal distance; the originals stay1 or more

Rectangles, circles, pentagons, hexagons, polygons and custom shapes take part as areas; lines, polylines, pen strokes and arrows as lines. Other objects and groups cannot be used; ungroup first.

Before you begin​

  • The page has the shapes to combine.

Steps​

1. Select the shapes​

Select the shapes, the one that keeps its style first, here the rectangle, then the circle with Shift.

A rectangle and an overlapping circle, both selected.

Click Shape Operations in the toolbar (or in the context menu). The menu shows the operations; operations that are not possible for the selection are grey, and their tooltip says why, for example Select at least two shapes.

Shape Operations menu with Result style: rectangle_1, Format First selected / Own source and the operations Union to Offset….

Result style says whose style the result takes; Format decides for Fragment and Union whether all pieces take the style of the first selected shape (First selected) or each keeps its own (Own source).

3. Subtract​

Click Subtract. The circle is cut out of the rectangle. The result is one custom shape that keeps the name, the actions and the scripts of the first selected shape, here rectangle_1; the original shapes are removed. The whole operation is one undo step.

The rectangle with a round cut-out where the circle was.

4. Offset​

Choose Shape Operations › Offset…, enter the Distance (px), here 20, and click Apply. Outlines are drawn on both sides of the shape at that distance; the shape itself stays.

The shape path_1 selected after Offset, with a new outline 20 px outside it.

Good to know​

  • Results of operations with several pieces, such as Fragment, are named path_1, path_2 …
  • If the shapes do not overlap, Intersect reports Selected shapes do not intersect and nothing changes.
  • The first operation after opening the editor can take a moment while the geometry engine loads.