Using Pre-Compositions in After Effects

In this tutorial, you’ll learn how to use Pre-Comps in Adobe After Effects. Pre-Composing helps you group layers into their own composition, keeping your timeline organized and giving you more control over animation and effects. We’ll walk through how to create a Pre-Comp, when to use one, and how it fits into a clean and efficient workflow. By the end, you’ll understand how Pre-Comps can simplify your projects and speed up your process.

As your animations grow, so do your timelines. More layers, more effects, more keyframes. Pre-composing helps you stay organized by grouping multiple layers into a single composition. This keeps your main timeline clean and makes your project easier to manage.

What Is a Pre-Comp?

A pre-comp, or pre-composition, is a composition inside another composition. It’s like nesting a scene within your main project. You can animate, adjust, or apply effects to the pre-comp as if it were a single layer.

This is especially useful when:

  • You want to group related layers

  • You want to reuse an animation in different places

  • You want to apply an effect to multiple layers at once

How to Pre-Compose

To create a pre-comp:

  1. Select the layers you want to group.
  2. Go to Layer > Pre-compose.
  3. Name your new comp something clear, like Logo_Bounce_Comp or LowerThirds_Group.
  4. Choose one of the two options:

    • Move all attributes into the new composition (most common)

    • Leave all attributes in [this comp] (used when you still want effects or transformations to apply in the main comp)

Click OK, and a single pre-comp layer in your timeline replaces the selected layers.

Editing a Pre-Comp

Double-click the pre-comp layer to open it. You’ll see all the original layers inside, exactly how they were before.

You can:

  • Add or adjust animations

  • Change layer order

  • Insert new layers

  • Tweak effects or masks

Any changes you make inside the pre-comp will automatically reflect in the main composition.

Why Use Pre-Comps?

Pre-comps are helpful for:

  • Simplifying the timeline: Too many layers in one comp can get messy. Pre-comps reduce clutter.

  • Applying effects: Add one effect to the pre-comp, affecting all the layers inside.

  • Timing control: You can trim or time-shift the pre-comp layer just like any other.

  • Reusing animations: Copy a pre-comp into multiple places without rebuilding it each time.

Tips for Working with Pre-Comps

  • Always name your pre-comps clearly. Avoid generic names like “Comp 1” or “Pre-comp 2.”

  • Keep a consistent folder system in the Project panel to stay organized.

  • Don’t go too deep with nesting. A few levels are fine, but if you’re going 5+ comps deep, it’s worth asking if there’s a simpler way.

  • You can pre-comp a pre-comp. This is fine as long as you can still follow the structure.

Common Uses

  • Text animation with background elements

  • Logo builds

  • Grouped UI components

  • Repeating animated assets

  • Motion-tracked elements

Once you get comfortable with pre-comps, you’ll start to see how they open up possibilities while keeping your workflow cleaner.

Wrap-Up

Pre-comps let you build complex animations in manageable chunks. Think of them as containers that help keep your project flexible and organized. Don’t be afraid to use them—you can always go back in and make changes later.

Next, we’ll look at track mattes, a simple but powerful way to reveal and mask layers using other layers.