Combining Shapes

Combining Shapes

Complex shapes can be created from geometric primitives or freely drawn curves using the various boolean shape operations. The commands, used to create these combinations, can be found in the Object - Combine and Object - Composite menu. Complex shapes containing multiple paths can be broken apart using the Break Apart command to create individual objects from each path. The Object menu contains a number of additional commands to help with the shape and curve creation and editing process.

Boolean Shape Operations

The following composition operations are available to combine shapes and paths:

  • Combine - combine the selected paths into a single complex path. Winding or even-odd fill modes will determine how overlapping parts of the paths are painted. The original paths will become sub-paths of the new object shape.
  • Intersect - Creates an intersection of all shapes.
  • Union - Creates a union of all shapes.
  • Exclude - Exclude all shapes from the last shape.
  • Cut Out - Cut a shape into two or more parts using other shapes.
  • Inside - Cut out parts that are inside the first shape.
  • Outside - Cut out parts that are outside the first shape.
  • Remove Overlaps - Remove overlapping parts.
  • Exclude Back - Exclude all shapes from the first shape.
  • Divide - Divide shapes by separating overlapping and non-overlapping parts.
  • Trim - Trim (exclude) objects from objects below in the stacking order.
  • Merge - Merge objects with similar style, while excluding them from objects below with other style.

When combining shapes with the boolean operators, the user may choose between destructive or non-destructive combination modes. In destructive combination mode, the selected objects are replaced by a single object with a shape resulting from the composition. The original shapes and paths cannot be changed, unless the whole operation is undone (using the Undo command).

To combine shapes using destructive operations, select the objects whose shapes are to be combined. It is important to note that for some of the combination modes, the selection order is important. Select one of the shape composition commands from the Object - Combine menu. The selected objects are removed and replaced with objects containing the resulting shapes.

When combining in a destructive mode, the shapes are converted to curves and the resulting curves are combined into one or more objects.

In non-destructive mode, a new shape is created that will contain all the selected shapes and paths. This new shape is a Composite Shape, and its result is a composition of its member shapes. The member shapes remain editable, can be selected and edited using the Shape selector mode of the Pointer tool. The non-destructive Composite Shape mode has the advantage that the original shapes are retained and can be modified, saved as styles and presets, or replaced at any time.

To combine shapes in a non-destructive mode, select the objects whose shapes are to be combined, considering that the object order matters. Select one of the operations in the Object - Composite menu. The selected objects are removed and replaced with a single object having the composite shape. The members of this composite shape can be edited and modified at any time.

When combining in a non-destructive mode, a single composite shape type is created. The composite shape consists of the original shapes and a combination operator. Since they are just like regular shapes, composite shapes can also be used as clipping shapes on groups or layers.

A second non-destructive shape combination mode is to use groups of objects, and select a group composition mode from the Object - Composite menu. When a group of multiple objects is selected, applying a non-destructive shape composition will result in the creation of a single virtual object inside the group, with the style picked from the first object of the group, and a shape resulting from the combination of the grouped shapes.

To combine shapes using the grouping mode, select the objects and group them using the Object - Group command. The stacking order of objects can be important, depending on the combination operator. Having the group of objects selected, select one of the combination commands from the Object - Composite menu. The group content is replaced with a single object containing the resulting shape. The original members of the group are available for editing and changes at any time, and the combined shape will be remade after those changes are performed.

Using Composite Shapes

Composite Shapes are created using the combination operations from the Object - Composite menu, as described in the previous section. A composite shape (like any other shape) can be saved as a preset or style, and can be reused on other objects. This allows both editing and reusing of complex composite shapes created from geometric primitives or other shapes.

Shape panel with composite shape selection.

The combination operation used in a composite shape can be changed at any time. Select the object with the composite shape and open the Shape panel. When a composite shape is selected the shape panel contains a Mode field showing the current combination operation used in the composite shape. Use the drop-box of the Mode field to select another operation for the composite shape.

The member shapes of a composite shape can be selected and modified using the Shape Selector mode of the Pointer tool, available in the context panel. The shape selector mode can select individual shapes inside a composite shape and move, scale, rotate or skew these shapes. The selected member shape attributes can be edited from the Shape panel.

The Node tool can be used to interactively edit the properties of geometric shapes or the nodes of paths also for member shapes of a composite shape.

Modifying Shapes and Paths

The Object menu contains a number of commands that can be used to modify shapes of selected objects. These commands may be required when working on complex shapes and creating complex artwork.

The Break Apart command breaks a composite shape or a path containing multiple sub-paths into separate objects. A path may contain multiple sub-paths (from example after a Combine combination), filled using the winding or even-odd filling rule. The Break Apart command will separate these sub-paths into different objects. If a composite shape is selected, the Break Apart command creates separate objects using the member shapes of the composite shape. The original shape is removed in both cases.

The Shape menu from the Objects menu contains additional object shape adjustment commands.

Offsetting Paths

The *Offset Path* view.

The Offset Path command from the Objects - Shape menu, can be used to create new objects by offsetting the shape of the selected object. The following options are available.

  • Distance - Edit the shape offsetting distance. Positive distances will offset closed shapes outwards. Negative distances will offset closed shapes inwards.
  • Steps - Set the number of offsets to create using the distance as spacing.
  • Adjust - Select a distance distribution function when more than one offset steps are used. The distance distribution function can be used to decrease or increase the distance variation of multiple offsets.
  • Precision - Edit the precision used to calculate the shape offsets. The precision value is used to select between approximating the ideal shape offset or using as few new shape nodes as possible.
  • Miter Limit - Set the miter limit angle when expanding sharp angles. Angles below this limit always result in round or bevel corners when expanded.
  • Join - Select the offsetting mode of sharp corners. The offsetting modes are the same as the stroke corner modes for sharp corners.
  • Combining - Select the path combination phase used when there multiple paths in the offset. This can be:
    • None - offsetting each path separately.
    • Before - create a union of the multiple paths first, and then an offset of the union.
    • After - create an offset of each path, and then an union of the resulting offsets.
  • Profile - Select the variable width profile preset or style, used in the shape offsetting. The variable width profile controls the variation of the distance of the offset shape. To set custom variable width profiles, click on the button, or use the primary shape effect editor tool.
  • Cap - Select or edit the stroke cap shape used when expanding open paths. The editing and selection of stroke caps is described in more detail in the Stroke Caps section.
  • Inner Offset - Create the offset on the other side of the shape. For closed shapes, this can be the inner side, for positive offset distances.
  • Closed Open - Create closed offsets for open shapes, by turning around the endings.
  • Double Open - Create offsets on both sides of the shape.
  • Offset in Group - Create separate offsets for objects inside groups.

The Offset Path command creates one or more new objects, behind or above the selected object, with shapes that are offsets of the original selection. The style of these offset objects can be selected individually, using the common object styling tools. To create style transitions with offsets, that are dynamically linked to the original object, use the Contour effect, from the Panels -> Effects -> Contour panel.

Reversing the Path Direction

The Reverse Path Direction command reverses the direction of paths. This command is available when the selected object shape is a path of curve and line segments. The path direction may determine the filled area if the winding fill rule is used. The Reverse Path Direction command also works with the Node tool, when the reversing is restricted to the selected sub-path of the edited path.

Converting to Curves

The Convert to Curves and Convert Shapes to Curves commands convert the selected parametric shapes to curves.

In VectorStyler, drawing a rectangle, ellipse, polygon, star or other shapes will result in a parametric shape. This shape can be edited by editing its parameters, either interactively (with the Node tool) or from the Shape panel. The internal curves and lines making up the parametric shape are not immediately available for editing.

To convert a parametric shape to a path (sequence of curves and lines) use Convert to Curves command. The resulting shape will be a freely editable path consisting of curves and lines. If corners were used in the shape, the Convert to Curves command will also convert these corners to curves and lines.

To keep the corner attributes and shape effects editable, use the Convert Shapes to Curves command. In this case the parametric shape is converted to curves, but the corner attributes are kept and remain editable using the Corner or Node tools.

Simplifying Paths

The basic mode of the *Simplify Path* view.

The Simplify Path command is used to remove nodes from the selected path by further smoothing out curves. The Simplify Path command opens a view containing the smoothness slider and other options. This view is persistent and will remain open to allow other objects to be selected and adjusted.

  • The smoothness of the new path following the original path can be set using the slider .
  • Higher values mean a larger difference and less nodes of the simplified path from the original path.
  • Smaller values of Smoothness result in a simplified path that is closer to the original path, but less nodes are removed.
  • Additional options can be accessed by clicking the button.
  • Stabilize - select the path stabilization mode.
  • Extent - set the length of the stabilization window over the path.
  • Strength - set the strength of the stabilization.

The detailed mode of the *Simplify Path* view.

Normalizing Winding Mode

The Normalize Winding command rearranges a path along its self-intersecting points, so that the winding and even-odd fill modes will result in the same filled region.

The Intersection Points command finds self intersection points in a path (may contain multiple sub-paths), and adds these as nodes to the path. The nodes created by the Intersection Points command can be then edited using the Node tool to rearrange the path.

Removing the Shape

The Clear Object Shape command removes the shape from the selected object. This command is available only if the selected object contains a content that allows the removal of the shape. The typical use of this command is to remove the (clipping) shape from a group object.