Offset + Effect

When the tool is hovered close to or over an art object that can accept an AG Offset effect (but does not currently have one), it will automatically preview the offset as it would generally appear using the current panel parameters. The art does not need to be selected. The type of preview depends on the tool preference settings; the default preview is a full one, showing a complete trace of each offset path in the specified color (red by default, but can be changed). Previews are based on the shape of the base artwork, and will not reflect any existing live effects that might change that shape.

AG Offset Tool Preview

By default, annotated text by the cursor will show the offset’s distance (abbreviated as “D:”, or “DT:” if the Total parameter is enabled) and the step count. Easing, if enabled, will also be indicated. These annotations can be temporarily hidden by holding down the Option/Alt key. Clicking will add the offset effect to the art object (always placing the live effect below all strokes and fills in the object’s appearance), or the offset can be dragged first to adjust it in the same way an existing offset would be edited (see Editing Existing Offsets).

AG Offset Tool Click Apply

By default, the AG Offset tool creates previews of shadows for any artwork it is over, selected or not,
so care should be taken not to pass it inadvertently over unlocked artwork with high numbers of path segments, such as large blocks of text or objects with expanded Phantasm Halftone or Stipple effects, because calculating the offsets for these objects can take some time. In addition to keeping such art on locked layers, the preference Operate On Selected Objects Only limits the hover preview to selected objects only (see AG Offset: Preferences). If the AG Offset cursor is passed over an unlocked text object containing many characters, a warning dialog will be displayed:

AG Offset Lengthy Text Object Warning

Click Abort unless you are sure you want to put the effect on the text object and are prepared to wait.

The AG Offset live effect does not have a modal parameters dialog, but is instead edited using either the AG Offset tool (for many parameters) or its panel (for complete control over all its parameters). The AG Offset panel can be shown and hidden using the menu item found in the main menu at Window > Astute Graphics > AG Offset. When at least one selected object has the AG Offset live effect applied, the panel controls will update to reflect the parameters of those effects, which can then be edited. A value field which is blank or (for checkboxes) with a dash indicates that the parameter has different values in the selection. These can be unified (made the same) by entering a new value.

AG Offset Panel

1. Flyout menu

See AG Offset Panel: Flyout Menu.

2. Panel banner

The help button on the right opens the help documentation in the Astute Manager. If this does not automatically appear, please ensure your Astute Manager is running first.

3. Distance

Specifies the base offset distance. When more than one offset is being created (i.e., the number of Steps is set to 2 or higher), the Total checkbox controls whether the value represents the total of all offsets or the value of each offset. Easing and Randomize Distance, if enabled, will affect the final actual offset distances. Positive values represent outwards offsets (for closed paths); or offsets to the righthand side of the path (for open paths, in relation to the direction of the path).

AG Offset Distance Example

4. Both Sides Button

When toggled to the enabled state (dark), the path(s) will be offset both inwards and outwards.

AG Offset Both Sides Example

5. Corner Type

The type of corner to use when offset outwards from a sharp corner on a path, from among the three standard Illustrator corner types (Mitered, Rounded, and Beveled). When set to Mitered, the Miter Limit may be specified.

AG Offset Corner Types

6. Positioning

Specifies the position of the offset paths in relation to the original path, from among Above Original, Replace Original, or Below Original.

7. Steps

The number of offsets to make, from 1 to 999 (if the Both Sides setting is enabled, the value applies to each side independently).

8. Loops

This setting is only applicable when there are loops in open paths into which the offset path cannot fit. It specifies the method used to deal with such loops. The default value is Invert, where the offset path runs on the opposite side of the loop, but can be changed to Cut, in which case the loop is “cut” from the path, essentially ignoring it.

AG Offset Loop Handling

9. Easing

When multiple steps are used, Easing causes them to become progressively larger (for values less than 50%) or progressively smaller (for values larger than 50%). In both cases, the Distance value applies to the first offset only.

AG Offset Easing Example

10. Randomize Distances

When enabled, distances between multiple offsets are randomly changed. The specified value (from 1 to 100) controls how much variation is allowed, where 100 is maximum variation.

AG Offset Randomize Example

11. Seed

Each random seed number leads to a different sequence of random values. Clicking the button picks a new seed, thereby changing the look of the artwork. To view or specify the seed number directly, Option/Alt-click the button. This lets you recreate a previously-generated look.

12. Alter Opacity

When enabled, the opacity of the offset path is changed to the specified value. If multiple offsets are being used, their opacities are linearly blended between the opacity of the original art and the specified value. For example, if the original art had 100% opacity and the Alter Opacity value was set to 50%, and Steps was set to 4, then the offset paths would have opacities of 88%, 75%, 63%, and 50%.

13. KO [Knockout] Group

When enabled, this setting keeps multiple, partially-transparent offset paths from being transparent to each other, just as the Knockout Group setting on the native Transparency panel does.

AG Offset Knockout Group Example

14. Stroke

When the AG Offset live effect is located below the fill and strokes of the artwork in the Appearance panel, this pulldown menu specifies how the stroke of the offset path should be handled:

Retain means the stroke (if any) will be simply be taken from the original path.

Remove means the offset paths will have no stroke, even if the original path had one.

AG Offset Stroke Retain and Remove

Alter Color means the offset path (if it has a stroke), will have its stroke color changed. There are two methods for doing so, specified by the pulldown menu that will become active. When set to Blend Original To, the last offset will have its color changed to the specified color (clicking the color chip allows changing the color using the standard Color Picker); if there are multiple offset paths, the paths will take colors which blend from the original stroke color to the specified color. When set to Pick From Gradient, the stroke colors of the offset paths will be taken from the specified gradient, with the first path corresponding to the color at the start of the gradient and the last offset path corresponding to the color at the end of the gradient.

AG Offset Stroke Alter Color

Alter Weight means the offset path (if it has a stroke), will have its stroke weight changed to the specified value. If there are multiple offset paths, the paths’ strokes will be assigned weights which blend from the original stroke weight to the specified weight.

Alter Both allows changing both the color (as per Alter Color) and weight (as per Alter Weight) of the offset paths’ strokes.

Force means the color and weight of the offset path’s stroke will be set to whatever is specified, regardless of the original path’s style. This is useful for adding a stroked outline to fill-only art without having to add a stroke to the art and moving the AG Offset live effect inside the stroke with the Positioning set to Replace Original.

15. Fill

When the AG Offset live effect is located below the fill and strokes of the artwork in the Appearance panel, this pulldown menu specifies how the fill of the offset path should be handled:

Retain means the fill (if any) will be simply be taken from the original path.

Remove means the offset paths will have no fill, even if the original path had one.

Alter Color means the offset path (if it has a fill), will have its fill color changed. There are two methods for doing so, specified by the pulldown menu that will become active. When set to Blend Original To, the last offset will have its color changed to the specified color (clicking the color chip allows changing the color using the standard Color Picker); if there are multiple offset paths, the paths will take colors which blend from the original fill color to the specified color. When set to Pick From Gradient, the fill colors of the offset paths will be taken from the specified gradient, with the first path corresponding to the color at the start of the gradient and the last offset path corresponding to the color at the end of the gradient.

Force means the color of the offset path’s fill color will be set to whatever is specified, regardless of the original path’s style.

AG Offset Fill Options

16. Treat Groups As Compound Shapes

When enabled, and the effect is applied to a group (or art that is internally expanded into a group within the effect stack, such as live text), the offset paths are created as if the members of the group were united into a single compound shape:

AG Offset Treat Groups as Compound Shapes

17. Apply Button

Click to apply the AG Offset live effect to the selected artwork, with the parameters set as they currently exist in the panel. If the button is not available, then either nothing is selected or the selection already contains at least one object with an AG Offset effect. If the button is clicked with Shift pressed, the offset paths will be added and immediately detached, essentially creating them as editable artwork rather than as a live effect. However, this loses the ability to preview the effect first.

As the AG Offset tool has many keypresses for certain operations, we suggest installing the free Astute Graphics plugin Astute Buddy, which creates a panel that dynamically updates to inform you of the various keys which can be pressed in the tool’s current context.

The AG Offset tool is works in conjunction with the associated AG Offset panel, which generally should be open and accessible. If you are using the free Astute Graphics plugin DirectPrefs, you can have the AG Offset panel automatically be shown when the AG Offset tool is selected.

The AG Offset tool offers a graphical method for both adding and editing AG Offset live effects.

The AG Offset tool appears in Illustrator’s main toolbar (which must be in Advanced mode: View > Toolbars > Advanced), stacked under the Stylism tool. As with other stacked tools, click and hold on the top tool icon to display the tools stacked under it.

AG Offset Tool Location

The AG Offset tool’s cursor is a crosshair, except when previewing a new offset or adjusting an existing offset, in which case it appears as an arrowhead with a small group of parallel lines:

AG Offset Tool Cursors

When the tool is hovered close to or over an existing offset path or the original object, the existing AG Offset live effect can be edited with the tool. By default, the cursor will show the distance/steps annotations, unless these have been disabled. Dragging with the tool changes the distance parameter. When the AG Offset has multiple steps, only one of the offset paths is kept under the cursor. When the Total parameter is enabled, the last offset is kept under the cursor; otherwise the first offset is kept under the cursor.

AG Offset Tool Drag Edit

While dragging to edit an AG Offset effect, a number of keypresses may be used:

Option/Alt: Constrains the distance parameter to “nice” values (integers, at 400% zoom or less).

Up Arrow/Down Arrow: Increments or decrements the Step parameter.

Left Arrow/Right Arrow: Changes the Easing parameter by 1%.

1–9: Sets the Easing parameter to 10% through 90% respectively.

A: Toggles the annotation readout on or off.

B: Toggles the Both Sides parameter on and off.

C: Changes the preview color, cycling through red, blue, magenta, green, black and grey.

D: Sets all parameters to their default values.

E: Toggles the Easing parameter on and off.

G: Toggles the Treat Groups As Compound Shapes parameter on and off.

L: Toggles the loops mode between Invert and Cut.

Q: Toggles the offset preview type between Full and Fast (see AG Offset: Preferences).

R: Available if the Step count is set to 2 or more. Toggles the Randomize Distances parameter on and off.

T: Available if the Step count is set to 2 or more. Toggles the Total parameter on and off.

U: Temporarily disables Smart Guides, if they were enabled when the drag started.

The AG Offset tool works on a single offset effect at a time, and at the highest group level. In other words, if an object is given an offset, and then grouped with another object, then normally the tool will not be able to edit the offset that is inside the group, but will instead offer to add a new offset at the group level. To edit the inner offset, either isolate the grouped object (in which case the tool can be used) or edit the offset numerically using the panel. To edit multiple offsets simultaneously, use the panel.

The interactive controls for the native Offset Path live effect consist of a relocatable distance widget and a dropdown menu. For many more options when offsetting a path, including proper offsetting of open paths, as well as multiple offsets, we suggest instead using the Astute Graphics’ AG Offset live effect, which has a dedicated tool and panel.

Stylism Offset Path Controls

A. Offset Distance

The length of the widget reflects the offset distance. The “ball” end can be dragged to change the offset value (to the right for positive amounts) or doubleclicked to numerically enter the value. By default, the widget is placed above the center circle. However, it can be repositioned by holding down Option/Alt and dragging the end without the ball. It will snap to the path, which can make adjusting the offset value easier because the widget will be rotated perpendicular to the path, with the offset path therefore passing directly through the ball:

Stylism Offset Path Widget Relocate

B. Corner Type

The dropdown menu specifies the types of corners used when offsetting the path, from among Miter, Round, and Bevel. The rarely-used Miter Limit parameter is not adjustable through the annotated UI.