How to Use Offset Paths in Adobe After Effects

The Offset Paths shape modifier in Adobe After Effects is a vector tool that expands, contracts, and duplicates path boundaries without altering the original anchor points. This article explains what the Offset Paths modifier is, how it differs from standard scaling, its core settings, and practical ways motion designers use it to create dynamic strokes, concentric outlines, and geometric animations.

What Is the Offset Paths Modifier?

Offset Paths is a procedural shape modifier found inside After Effects shape layers. Rather than resizing a shape relative to a central anchor point, Offset Paths pushes the edges of a path uniformly inward or outward along its perpendicular normal vectors. This keeps the distance between the original path and the new boundary completely uniform across all sides.

Offset Paths vs. Standard Transform Scaling

Standard scaling resizes an object from an anchor point, which can cause non-uniform spacing, distortion on complex or asymmetrical shapes, and stretching on rounded corners.

In contrast, Offset Paths calculates distance based on the geometry of the path itself:

  • Uniform Spacing: Every edge moves by the exact same pixel value, maintaining consistent margins regardless of the shape's complexity.
  • Preserved Stroke Proportions: Strokes and corner radiuses maintain their visual integrity rather than stretching unevenly.

Key Properties of Offset Paths

When you add Offset Paths to a shape layer, you have control over three main properties:

  • Amount: Dictates how far the path offsets from its source. A positive value expands the path outward, while a negative value contracts it inward. Animating this parameter creates expanding pulse or ripple effects.
  • Line Join: Determines the appearance of the corners where two path segments meet. You can set this to Miter Join (sharp, pointed corners), Round Join (smooth, curved corners), or Bevel Join (flattened, squared-off corners).
  • Miter Limit: Available when using Miter Joins, this setting sets the threshold at which a sharp corner automatically bevels to prevent extreme, unwanted spikes on acute angles.

Common Motion Design Use Cases

  • Concentric Echoes and Topographic Lines: By duplicating paths or combining Offset Paths with the Repeater modifier, you can create concentric contour lines, topographic maps, and radar pulses.
  • Chiseled and Beveled 2D Art: Offsetting paths inward allows you to generate internal shading layers, giving flat vector shapes a multi-layered or isometric feel.
  • Text Outlines and Badges: When applied to converted text outlines, Offset Paths can generate perfectly spaced badge borders, sticker outlines, or stroke silhouettes.
  • Dynamic Revealing and Mattes: Offsetting a path from a negative value (invisible/collapsed) to zero creates organic expansion transitions that function as track mattes.

How to Apply Offset Paths

  1. Select your Shape Layer in the After Effects timeline.
  2. Twirl open the layer's properties to locate the Contents section.
  3. Click the Add button (the small play-style arrow next to "Contents").
  4. Select Offset Paths from the dropdown menu.
  5. Adjust the Amount and Line Join settings to achieve your desired look.