Advanced shape operations
Capital X Panel Designer contains really powerful tools normally not seen on web applications, that enable you to make amazingly complex shapes with just a few simple operations.
Grouping shapes
To group shapes:
- Select multiple shapes using the pointer tool
- Right click, select Operations | Group or use the keyboard and press Ctrl + G
![Grouping shapes in Capital X Panel Designer Grouping shapes in Capital X Panel Designer](/help/advanced-shape-operations/grouping-shapes.20c7494cf5.gif)
Ungrouping shapes
To ungroup shapes:
- Select a grouped shape
- Right click and select Operations | Ungroup or press Ctrl + Shift + G
Grouped shapes with text
Each grouped shape can have their own text, in addition to text on sub shapes.
![Example of grouped shape having their own text Example of grouped shape having their own text](/help/advanced-shape-operations/grouped-shape-text.ca29681a86.gif)
Flip vertical
To flip a shape vertically:
- Select the shape, right click and select Operations | Flip vertical
Flip horizontal
To flip a shape horizontally:
- Select the shape, right click and select Operations | Flip horizontal
Fragment shapes
To fragment shapes:
- Select 2 or more shapes, then right click and select Operations | Fragment
![How to fragment shapes How to fragment shapes](/help/advanced-shape-operations/fragment-example.012d9a0974.gif)
Union shapes
- Select 2 or more shapes, then right click and select Operations | Union
![How to union shapes How to union shapes](/help/advanced-shape-operations/union-example.a1d87b5e62.gif)
Difference shapes
- Select 2 or more shapes, then right click and select Operations | Difference
![How to difference shapes How to difference shapes](/help/advanced-shape-operations/difference-example.e14c1a3d7a.gif)
Intersect shapes
- Select 2 or more shapes, then right click and select Operations | Intersect
![How to intersect shapes How to intersect shapes](/help/advanced-shape-operations/intersect-example.93005a96b1.gif)
Flatten shapes
Flattening operations removes shapes that is under another shape.
![How to flatten shapes How to flatten shapes](/help/advanced-shape-operations/flatten-example.ebad0d4025.gif)
Flattening is useful to produce SVG drawings suitable for plotters and laser cutters that detects paths and cut according to these paths. By flattening shapes, we ensure that paths that is hidden under another shape is not generated.
How flattening works
Flattening removes shapes and paths underneath filled shapes (irrespective of their filled color and opacity).
Flattening will not remove shapes if the shape that is on top is not filled.
Trimming shapes
Trimming shapes essentially split a shape into its strokes.
To trim shapes:
- Select multiple shapes, then right click and select Operations | Trim
Joining paths
Join essentially joins multiple paths into a single path and is the reverse of a trim operation. Paths must have a begin or end point that is at the same position as another begin or end point, to be joined.
To join paths:
- Select multiple paths, then right click and select Operations | Join
![Example of trimming and joining Example of trimming and joining](/help/advanced-shape-operations/joining-example.46108b4ae7.gif)
Outline text
See also
Converting shapes to path
Rectangles, ellipses and circles can be converted to paths for easier scaling.
To convert to paths:
- Select rectangles or ellipses, then right click and select Operations || Convert to paths
Why convert to path?
If you have a rectangle with rounded corners, resizing the rectangle does not resize the rounded corners.
![Resizing a rounded rectangle Resizing a rounded rectangle](/help/advanced-shape-operations/resize-rounded-rectangle.678ffe7506.gif)
If converted to paths, the rounded corners will also get resize proportionally.
![Resizing a rounded rectangle which is converted to path Resizing a rounded rectangle which is converted to path](/help/advanced-shape-operations/resize-path.c3ad9a851d.gif)