Stroke Layer Style in Adobe After Effects

This article provides an overview of the Stroke layer style in Adobe After Effects, detailing what it is, how it functions, and the practical steps to apply it to your projects. You will learn the key differences between a Layer Style stroke and a standard shape stroke, understand the essential parameter settings, and discover common workflows where this tool is most effective.

What Is the Stroke Layer Style?

In Adobe After Effects, the Stroke layer style is a non-destructive aesthetic property borrowed from Adobe Photoshop that adds an outline along the visible edges or alpha boundaries of a layer. Unlike shape layer vector strokes—which are tied strictly to path definitions—the Stroke layer style evaluates the overall alpha channel of the layer, including text, footage with transparency, solid masks, and nested compositions (pre-comps).

Because it acts as a post-render effect within the layer's rendering order, it automatically traces the outer contours of complex or animating forms without requiring individual path manipulation.

How to Apply a Stroke Layer Style

Applying a Stroke layer style to any layer with transparency involves a few simple steps:

  1. Select your target layer (such as a text layer, masked solid, or transparent graphic) in the Timeline or Composition panel.
  2. Go to the top menu and select Layer > Layer Styles > Stroke, or right-click the layer in the Timeline panel and choose Layer Styles > Stroke.
  3. Twirl open the layer's properties in the Timeline panel, expand Layer Styles, and locate the Stroke subgroup to adjust the parameters.

Key Stroke Properties

Once applied, the Stroke layer style provides several customizable settings:

  • Color: Sets the color of the outline.
  • Size: Controls the thickness of the stroke in pixels.
  • Position: Determines where the outline falls relative to the alpha edge:
    • Outside: Extends outward from the edge of the content, preserving original layer details.
    • Inside: Extends inward, overlaying and potentially shrinking the visible interior of the graphic.
    • Center: Splits the stroke thickness evenly across the inner and outer boundaries.
  • Opacity: Sets the transparency percentage of the stroke independently of the main layer opacity.
  • Blend Mode: Dictates how the stroke interacts visually with the pixels beneath it.

Stroke Layer Style vs. Shape Layer Strokes

Understanding the difference between the Stroke layer style and standard vector strokes is crucial for efficient compositing:

  • Render Pipeline: Vector strokes on shape layers are calculated early in the layer hierarchy, before layer transforms and effects. Layer styles are calculated at the very end of the layer's internal pipeline, meaning the stroke adapts dynamically after masks, effects, and text animators are processed.
  • Source Versatility: Shape strokes require vector paths. The Stroke layer style works on any rasterized artwork, video with an alpha channel, 3D text, or pre-rendered elements.
  • Performance: Layer styles can occasionally bypass certain GPU acceleration pipelines and affect composition caching, so they are best used when their specific rendering position or edge-wrapping behavior is required.

Common Use Cases

The Stroke layer style is widely used for:

  • Sticker Effects: Adding a thick, uniform white border around cut-out images or keyed footage.
  • Text Readability: Placing a high-contrast outer stroke around subtitles or motion graphics to ensure legibility over busy video backgrounds.
  • Logo Accents: Applying quick outlines to complex imported PNG or vector logos without having to trace manual vector paths.