Essential Properties in After Effects

Download Project Files here.

Adding Properties

The Essential Graphics panel in After Effects revolutionizes how motion designers work with pre-compositions. Instead of creating multiple versions of the same comp for slight variations, you can expose key parameters at the top level for dynamic control. Here's how to set up your essential properties systematically:

1. Double click on Bubbles 1 to enter the precomp environment.
2. Navigate to Window > Essential Graphics to open the control panel.
3. Select the circle layer in your layer stack.
4. Press S to reveal Scale properties.
5. Hold Shift and press T to add Opacity to your visible properties.
6. Hold Shift and press P to include Position controls.
7. Drag Scale directly into the Essential Graphics panel for instant exposure.
8. Drag Opacity into the Essential Graphics panel.
9. Drag Position into the Essential Graphics panel.
10. Expand and collapse the circle layer to access its Contents properties.
11. Navigate through Contents > Ellipse 1 > Fill 1 to locate color controls.
12. Drag Color into the Essential Graphics panel for dynamic color adjustment.
13. Press E to reveal all applied Effects on your layer.
14. Expand the Echo effect properties.
15. Drag Number of Echoes into the Essential Graphics panel.
16. Rename your Essential Graphics group to "Tube Bubbles" for clear project organization.

Editing Properties

With your essential properties configured, you can now create multiple variations of your bubble animation without duplicating entire compositions. This workflow dramatically improves project efficiency and maintains cleaner project structures:

1. Return to your Main Comp via the Project Window navigation.
2. Select the Bubbles 1 precomp in your timeline.
3. Press Cmd+D (Mac) or Ctrl+D (PC) twice to create two additional instances.
4. Click on Bubbles 2 to begin customization.
5. Expand Bubbles 2 > Essential Properties to access your exposed controls.
6. Double-click the Fill color property and adjust to pale blue for visual differentiation.
7. Modify Number of Echoes to 3 for a different trail effect.
8. Adjust Scale to 80 to create size variation.
9. Drag the final Opacity keyframe to timecode 0;00;02;05 for extended visibility.
10. Shift-click all existing Position keyframes and delete them to create a custom path.
11. Position your playhead at 0;00;00;10 for animation start.
12. Click the Position stopwatch to establish your first keyframe.
13. Set Position coordinates to 350,575 for the starting location.
14. Move the playhead to 0;01;00 for mid-point animation.
15. Update Position to 700,350 for trajectory control.
16. Advance to 0;02;00 for the final position.
17. Set final Position to 820,85 to complete the motion path.
18. Select all Position keyframes and apply Keyframe Assistant > Easy Ease for natural motion.

For your third bubble variation, continue this systematic approach:

1. Select Bubbles 3 for your final variation.
2. Open Bubbles 3 > Essential Properties (note: ensure you're editing the correct instance).
3. Double-click Fill color and select dark blue for maximum contrast.
4. Increase Number of Echoes to 4 for a more pronounced trail effect.
5. Reduce Scale to 65 for size hierarchy.
6. Clear existing Position keyframes with Shift-click and delete.
7. Return playhead to project origin (0;00;00;00).
8. Activate the Position stopwatch to begin custom animation.
9. Set initial Position to 580,370.
10. Advance playhead to 0;01;05 for timing variation.
11. Update Position to 750,220.
12. Move to 0;02;00 for final position.
13. Set end Position to 800,150.
14. Apply Easy Ease to all Position keyframes for consistent motion quality.

Video Transcription

Hey, this is Tziporah Zions from Noble Desktop. In this tutorial, I'm going to show you how to use Essential Properties in Adobe After Effects. We'll start by diving into this bubble precomp, then isolate key properties like scale, position, opacity, and effects in the Essential Graphics panel. Finally, we'll leverage these properties at the top level to create unique variations of our bubble animations.

Here's what our finished project looks like. This technique solves a fundamental problem in After Effects workflow: typically, when you copy and paste a precomp, you can't create individual variations because changing objects inside the precomp affects every instance. You lose the ability to customize each copy independently.

Let me demonstrate the typical limitations. Without Essential Properties, I can't easily change the animation path of individual bubbles, adjust opacity timing, or modify colors without affecting all instances. While workarounds exist, they're cumbersome and inefficient for professional workflows.

Essential Properties changes this completely. It allows us to create multiple copies of precomps while maintaining granular control over specific parameters at the composition level. This means we can have numerous instances, each with unique animations and properties, without creating entirely separate precomps for every variation. This approach dramatically streamlines production workflows, especially for projects requiring multiple similar elements with slight variations.

The only external asset we're using is this test tube graphic, which is included in the project files linked in the description below. Let's dive into the implementation.

First, we'll enter the bubbles precomp by double-clicking. Inside, you'll see our single bubble element with existing position and opacity animations, plus an Echo effect creating those trailing bubbles. The guide layer you see won't appear in the final render—it's purely for reference in our main composition.

To begin exposing properties, open Window > Essential Graphics. Adding properties is straightforward: simply drag and drop them into the panel. Alternatively, you can right-click on any property and select "Add Property to Essential Graphics." Both methods work with keyframed properties, meaning all animation data transfers to the top level for easy manipulation.

If you're unsure which properties can be exposed, click "Show Supported Properties" while selecting a layer. This displays every parameter that can be controlled through Essential Graphics—and there are quite a few options available.

For our bubble setup, we're exposing position, opacity, scale, and the Echo effect's "Number of Echoes" parameter. To access the fill color, we need to drill down through the layer's contents: expand Contents > Ellipse 1 > Fill 1, then drag the Color property into our panel.

The "Master" designation indicates which composition serves as the property source—in this case, our bubbles precomp. We could reference other compositions, but our bubble precomp contains the properties we want to control.

After naming our Essential Graphics group "Tube Bubbles," we return to the main composition where our Essential Properties are now accessible. The first bubble instance remains unchanged, serving as our baseline animation.

For our second bubble, we'll duplicate the precomp and customize its Essential Properties. I'm changing the fill color to near-white for visual differentiation, adjusting the scale to 80%, and modifying the Number of Echoes to 2. The real power becomes apparent when we customize the animation path by deleting existing position keyframes and creating entirely new motion paths.

Notice the push and pull icons in the Essential Graphics panel. The pull icon discards changes and reverts to the original precomp settings. The push icon applies your current changes back to the base precomp. This gives you flexibility to either standardize successful variations or quickly reset unsuccessful experiments.

For our third bubble, we'll apply the same techniques with different values: dark blue fill, scale of 65%, four echo instances, and a unique animation path with different timing. The result is three distinct bubble animations, each with unique properties, all derived from a single precomp.

This technique excels in scenarios requiring multiple similar elements with variations: animated vehicle fleets, crowds of walking characters, logo animations with different backgrounds, or any project where you need systematic variations of a core design. Essential Properties maintains project organization while providing the flexibility modern motion graphics demand.

That wraps up our Essential Properties tutorial. This workflow technique will significantly improve your After Effects efficiency and project organization. If you have questions about implementation or suggestions for future tutorials, let us know in the comments.

This has been Tziporah Zions for Noble Desktop.