Free

Free coded apps to suit all. No sign up, no email, usable offline, updates when I can, feedback welcome. Send feedback

Behind the scenes

Offset path and outline stroke in Vectornation by Zaweba

Offset path, Outline object and Outline stroke in Vectornation by Zaweba work as live effects or path commands, turning strokes into filled shapes.

Offset path and outline stroke in Vectornation by Zaweba

A stroke is a line with a width, and a fill is an area. Much of the time that difference does not matter, but some jobs need everything to be an area: cutting vinyl, making a logo that scales without its line weights changing, building shapes from lines, or handing artwork to a program that treats strokes differently. Vectornation by Zaweba has three tools for crossing that line: Offset path, Outline object and Outline stroke.

What makes them flexible is that each exists in two forms. They are live effects in the Effect menu, and they are path commands. That choice is worth understanding.

Offset path

Offset path makes a new outline a set distance outside or inside the original. The uses are everywhere: a cut line around a sticker, a white border round a logo on a dark background, a keyline, a thicker version of a shape for a shadow, or a slimmer version for an inline.

Outline object and Outline stroke

Outline stroke turns a stroke into a filled shape, so a stroke can become a filled shape that keeps exactly the look of the line. Outline object does a similar job for an object as a whole. After outlining, what was a line of a given weight is now a closed area with its own edges, which you can fill, combine with other shapes, edit with the point tools or send to a cutter.

Live effect or command

As a live effect in the Effect menu, the result is calculated from the original each time. Change the original path, or the stroke width, or the offset distance, and the result updates. Nothing is lost, and you can switch the effect off again.

As a path command, the change is made once. You get real paths you can edit point by point, and the original is replaced.

The rule of thumb is to work live and commit late. While you are still designing, use the live effects so you can keep adjusting. When the design is settled and the next step needs real paths, such as a cutter file or a shape you want to edit by hand, use the commands.

Jobs that need it

Sign and vinyl work needs filled shapes, because a cutter follows edges. Text and line art in a sign file are usually outlined before cutting. Logos benefit too: outlining strokes means the line weights stay in proportion when the logo is scaled up or down.

Building shapes from lines is another use. Draw a design with simple strokes, which is quick and easy to adjust, then outline the strokes and merge the result into one solid shape with the shape builder. Icons and monoline lettering are often made this way.

Things to watch

Outlined strokes cannot be changed back to strokes with a simple setting, so keep a copy of the stroked version on a hidden layer if you might want to adjust line weights later. Offsets on very detailed shapes can produce lots of points, so a refit or simplify afterwards may help. Corners on an offset may come out rounded or pointed depending on the shape, so check them, especially on lettering.

When you send work to print, live effects are part of the artwork and will output as they look, but a printer receiving an editable file may prefer them expanded. Committing to paths before handing off avoids surprises.

Between the live and fixed versions, Vectornation by Zaweba lets you keep options open for as long as possible and still deliver clean, filled artwork at the end.