Metlivi Blog

How to Cut an Opening Through a Thick Vector Stroke

To cut a clean opening through a thick vector stroke, convert the stroke into a filled shape, place a closed cutting shape across it, and subtract that shape. In Adobe Illustrator, the key commands are Outline Stroke and Minus Front. This method gives you direct control over the opening’s width and angle. Adobe: Convert strokes to compound paths, Adobe: Pathfinder panel overview

This guide is for someone editing vector character artwork—for example, adding a deliberate gap to a thick circular detail or curved outline. The main walkthrough uses Illustrator on desktop, with an Inkscape equivalent below. The task is to create an actual opening in the artwork that reveals whatever sits behind it.

October 29, 20267 min readBy Metlivi Editorial Team
Section 1

Why convert the stroke before making the opening?

A thick stroke has an editable path and a visible width. Converting it to an outline turns the stroke’s appearance into geometry you can reshape. Adobe specifically documents stroke conversion as a way to modify the stroke’s outline or divide it into pieces. Adobe: Convert strokes to compound paths

For this task, think of the converted stroke as a ribbon. The cutting shape defines the piece of ribbon you want to remove. Its two side edges determine the opening’s boundaries, while its length determines whether it reaches all the way across the ribbon.

That distinction helps when choosing a method. Use subtraction when you want a rectangular, angled, or custom-shaped opening. If you want to preserve a stroke’s editable centerline and simply remove a segment, node editing may be more suitable. Inkscape, for example, documents a command that deletes the segment between two non-end nodes and leaves a gap. Inkscape Beginners’ Guide: Node Tool Options

Section 2

Prepare the character detail and choose the gap

Save an editable copy before converting the stroke. Keep the original on a separate, hidden layer so you can return to its width and curve later. Work on one detail at a time; selecting an entire character makes it harder to see which objects a subtraction will affect.

For a first attempt, use a simple curve or circle with a solid stroke and no fill. If the existing character detail also has a fill, decide whether that fill should remain intact. Adobe notes that outlining a stroke can leave the resulting compound path grouped with the filled object, so inspect the selection before proceeding. Adobe: Convert strokes to compound paths

Decide three things before drawing the cutter:

  • Location: where the opening belongs on the curve.
  • Width: the visible space you want between its edges.
  • Direction: whether the opening should run straight across the stroke or at an angle.

Start with a rectangle for a straight opening. Position it so it extends beyond both visible edges of the thick stroke. A cutter that stops inside the stroke produces a notch; a cutter that crosses its full thickness produces an opening. This follows directly from subtracting only the overlapping area.

Section 3

Cut the opening in Adobe Illustrator

Use the following sequence for a simple stroked detail:

  1. Select only the stroke you want to modify.
  2. Choose Object > Path > Outline Stroke.
  3. Inspect the result and select the outlined stroke separately from any original fill.
  4. Draw a rectangle with a visible fill and no stroke across the intended opening.
  5. Place the rectangle in front of the outlined stroke.
  6. Select the rectangle and the outlined stroke together.
  7. Open Window > Pathfinder and choose Minus Front.

Adobe documents Outline Stroke as the conversion command and Minus Front as the operation that removes the front objects and subtracts their overlapping areas from the backmost object. The order matters: the character detail goes behind the cutter. Adobe: Convert strokes to compound paths, Adobe: Pathfinder panel overview

Deselect the result and inspect both edges of the opening. If its position or width needs adjustment, undo the subtraction and change the rectangle. For an initial edit, adjusting a simple cutter is easier to reason about than moving several newly created boundary points.

Avoid confusing Outline Stroke with Outline in the Pathfinder panel. Adobe describes Pathfinder Outline as producing paths without stroke or fill; it serves a different purpose from converting a thick stroke into a shape for subtraction. Adobe: Pathfinder panel overview

Section 4

Size the cutter with a worked example

Consider an illustrative character detail: a horizontal portion of a curve with a 20 px thick stroke, where you want a 12 px opening. These dimensions are sample inputs, not a prescribed design standard.

For a perpendicular cut through that locally horizontal section, start with a rectangle 12 px wide and 30 px tall. Center it across the stroke’s thickness. The extra 10 px of height provides 5 px of overhang on each side, so the cutter clearly crosses the full ribbon.

The two dimensions have separate jobs:

Cutter dimension Purpose in this example
12 px width Sets the horizontal opening between the remaining edges
30 px height Crosses the 20 px stroke with additional overhang
Position Sets where the opening appears
Rotation Sets the direction of the cut

This construction assumes the stroke is locally horizontal and the rectangle is perpendicular to it. On a curved section, or after rotating the rectangle, inspect the entire overlap again. Increase the cutter’s length if needed, and check that it does not also overlap a neighboring part of the character.

For an angled opening, rotate the cutter before subtracting it. Its width is then measured across the rotated rectangle, so it should not be interpreted as the same horizontal gap measurement. Judge the result against the specific direction in which you need clearance.

Section 5

Use the equivalent workflow in Inkscape

Inkscape provides the same underlying operations: converting a stroke into an object and subtracting one path from another. Its documentation also emphasizes that stacking order affects Boolean operations. Inkscape Beginners’ Guide: Node Tool Options, Inkscape Beginners’ Guide: Boolean Operations

Select the character’s stroke and use Path > Stroke to Path. Inspect the converted object, then draw a filled rectangle without a stroke over the desired gap. Keep the rectangle above the converted stroke, select those two objects, and choose Path > Difference. Difference subtracts one path from another; the lower object is the one you intend to modify. Inkscape Beginners’ Guide: Boolean Operations

If the operation produces no result, read the message in Inkscape’s status bar before changing other settings. The manual identifies that message as the place to find the reason a Boolean operation failed. Inkscape Beginners’ Guide: Boolean Operations

Section 6

Diagnose an opening that looks wrong

Check the geometry and selection in a consistent order. The following checks are practical deductions from the documented conversion and subtraction behavior.

What you see What to check Next action
A shallow notch Cutter stops within the thick outline Extend it beyond both edges
The wrong object remains Cutter is behind the character detail Undo and reverse their stacking order
Too much artwork disappears Cutter overlaps another section or extra objects are selected Narrow the selection and reposition the cutter
The opening is still covered An original fill or duplicate remains behind the edited outline Inspect those objects separately
Newly cut edges have an unwanted border The result has an additional stroke Inspect its fill and stroke settings
The opening looks correct only on white A white object may be covering the area Test against a contrasting background

Also distinguish a shape cut from a gap between live stroke endpoints. Illustrator’s cap settings apply to open lines: butt caps create squared ends, round caps create semicircular ends, and projecting caps extend beyond the endpoint by half the line width. These settings affect the visible ends when you retain an editable stroke. Adobe: Apply stroke on an object

After converting and subtracting, inspect the resulting shape boundaries directly. If you want different boundary angles, undo and adjust the cutter. If you want ordinary rounded stroke ends with continuing width control, reconsider the segment-editing approach before finalizing the shape.

Section 7

Verify the opening in the finished character artwork

Place a temporary contrasting rectangle behind the edited detail. It should show through the entire opening. Move that rectangle slightly so you can confirm that you are seeing the background through the gap, rather than seeing a covering object that happens to match it.

Then inspect the character at its intended display size. A gap that is obvious at high magnification may be too narrow for the visual detail you want. Adjust the opening based on that intended size, and check both cut edges for small leftover slivers or accidental overlaps.

Keep the editable original alongside the completed version. The finished detail should have the opening you chose, reveal the artwork behind it, and preserve the surrounding curve. Once those checks pass, remove the temporary background and save the edited character artwork.

Section 8

Sources

Related reading

Keep exploring this topic