Knockout Blending Mode in After Effects Guide

This article provides an overview of the Knockout blending mode options in Adobe After Effects, explaining what the feature does, how its specific settings operate, and when to use it in your motion design projects. You will learn the mechanical differences between the Off, Shallow, and Deep settings, how they interact with layer hierarchies and precompositions, and how this feature can streamline masking and transparency workflows without the need for complex track mattes.

What Is the Knockout Feature in After Effects?

In Adobe After Effects, the Knockout setting is an advanced blending control found within the Layer Styles menu. It allows a layer to "punch through" or cut out underlying layers to reveal what lies further down the layer stack or the composition background itself.

Rather than manually creating track mattes or adjusting multiple alpha channels across dozens of layers, Knockout uses the layer's transparency and fill opacity to dictate which lower layers remain visible and which are hidden.

Where to Find Knockout Settings

To access the Knockout settings on any layer:

  1. Select the layer in your timeline.
  2. Go to the top menu and select Layer > Layer Styles > Blending Options.
  3. Twirl open Layer Styles on your timeline layer, then open Blending Options, and locate the Advanced Blending group.
  4. Locate the Knockout dropdown menu.

For the Knockout effect to be visibly apparent, the Fill Opacity (also located under Advanced Blending) is typically reduced from 100% toward 0%, allowing the knockout area to reveal what lies beneath it according to your chosen setting.

The Knockout Options Explained

The Knockout dropdown provides three settings: Off, Shallow, and Deep.

1. Off

  • Behavior: This is the default state.
  • Result: No layers are punched through. The layer behaves normally within the composition stack, blending its pixels and layer styles directly onto the layers beneath it based on standard opacity and blending modes.

2. Shallow

  • Behavior: Knocks out underlying layers only up to the boundary of the containing group or precomposition.
  • Result: When used inside a nested composition (precomp) or a layer group, "Shallow" will punch through the layers immediately below it inside that same group, stopping at the group's boundary. It leaves any layers situated outside or below that precomp in the main composition untouched.
  • Best Used For: Isolated cutouts within complex multi-layer assets, ensuring elements outside the active group remain unaffected.

3. Deep

  • Behavior: Knocks out all underlying layers all the way down to the base background of the main composition.
  • Result: Regardless of precomposition hierarchies, grouping, or layer nesting, "Deep" punches through all intervening visual information until it reaches the transparent composition background or the lowest background layer.
  • Best Used For: Creating global cutout windows or stencils across deeply nested compositions without manually carrying mattes across multiple levels.

Practical Use Cases for Knockout Blending

  • Dynamic Text Cutouts: Create animated typography that cleanly punches a hole through solid graphic elements, badges, or lower thirds while preserving outer strokes or drop shadows on the text itself.
  • Streamlined Layer Stacks: Replace multiple inverted Alpha Mattes or Silhouette Alpha blending modes with a single non-destructive setting inside the layer's properties.
  • Complex UI and HUD Design: Punch out circular or geometric gauges across intricate multi-layered interface elements without breaking precomp structures.