Overlap

Prev Next

The OVERLAP CONTROL section gives you powerful tools to create complex interactions between your fills. By controlling how fills intersect and cut through each other, you can achieve sophisticated artistic effects with precise control.

image.png

Compatibility Note: This feature works only with fills based on lines or curves. Text, Halftone, Trace, Wireframe, Fractals, and Scribble fills cannot use overlap controls.

Core Properties

Every fill can have two fundamental overlap properties:
image.png

cut other fills Cutting Property: Enables this fill to cut through other fills beneath it (if those fills have their "cuttable" property enabled).

cut by another fill Cuttable Property: Allows this fill to be cut by other fills positioned above it (if those fills have their "cutting" property enabled).

How Overlap Works: A Visual Example

image.png

In this demonstration:

  1. The red linear fill has cutting enabled:

    image.png

  2. The black linear fill has cuttable enabled:

    image.png

  3. We add a blue linear fill (parallel to the black one with 50% offset) and configure it as follows:

    • Enable cutting property on the blue fill
    • Enable cuttable property on the red fill (giving the red fill both properties)

    image.png

  4. Final result: The blue fill cuts through the red one, while the red one cuts through the black one:

    image.png

Try it yourself: Download this example here.

Advanced Options

Each overlap property offers additional customization options for precise control.

Scope

Options Cutting scope: Define how far the cutting effect reaches:

image.png

  • Layer: Restricts cutting to affect only fills within the same layer
  • Document: Extends cutting to affect all compatible fills throughout the entire document

Dash and Gap

Options Dash and Gap: Control how segments appear between cut points:

image.png

  • Dash: Controls the length of visible line segments between cut points
  • Gap: Controls the length of empty spaces between dash segments

Visual examples of different dash and gap combinations:

Dash: 40, Gap: 80 Dash: 13, Gap: 95 Dash: 80, Gap: 55
image.png image.png image.png

Stroke Orientation

Orientation determines how dash segments are rotated between cut points, offering various artistic possibilities:

image.png

  • Normal: Keeps dashes aligned to the original fill line's direction
  • Auto: Automatically orients dashes along the longest diagonal path
  • Diagonal A: Forces dashes to align with the first diagonal path
  • Diagonal B: Forces dashes to align with the second diagonal path

Visual comparison of orientation options:

Normal Auto Diagonal A Diagonal B
image.png image.png image.png image.png

Here's our example with diagonal orientation applied:

image.png

Try it yourself: Download this example here.

Synchronizing with Dashed Lines

The Threshold property in the DASHED LINE panel can be used to coordinate cuts with regular dashed lines. This allows you to create consistent patterns throughout your artwork.

image.png

By enabling the dashed line option on your cutting fill and setting similar threshold values across all fills, you can achieve harmonized patterns like this:

image.png

Try it yourself: Download this example here.

Quick Controls in the Layers Panel

For efficient workflow, the LAYERS panel includes quick access to overlap controls:

image.png

  • Global cutting is indicated by a horizontal line to the left of the scissors icon:

    image.png

  • Local cutting is indicated by a vertical line above the scissors icon:

    image.png

  • If a fill has both cutting and cuttable properties enabled, a combined icon appears.

You can toggle these properties directly by clicking the icon or the lightly highlighted area that indicates available but inactive properties.

Example File

For a comprehensive demonstration of all these techniques, download the example file: UM3-Overlap-Control-4.lines.