Nested Compositions: Free After Effects Tutorial

Topics Covered in This After Effects Tutorial:

Master advanced composition techniques by combining nested compositions, integrating professional audio workflows, and applying realistic motion blur effects to create polished animations.

Exercise Preview

Exercise Overview

In this comprehensive exercise, you'll learn the professional workflow of combining multiple compositions into a single, cohesive animation sequence. This technique—known as composition nesting—is fundamental to creating complex motion graphics projects while maintaining organized, manageable timelines. You'll also integrate synchronized audio and apply motion blur for realistic movement, skills essential for contemporary motion design work.

1. Let's examine the final output you'll be creating. If you're currently in After Effects, keep the application open but switch to your Desktop to view the reference material.
2. On the Desktop, navigate to Class Files > After Effects Class > Infographic Animation > Preview Movie and double–click infographic done.mp4 to launch the preview.
3. Observe how scene 1 plays through completely, then transitions seamlessly into scene 2 using a dynamic zoom and rotation effect, while the background music maintains continuity throughout the entire animation sequence.

Getting Started

Before diving into composition nesting, ensure your project file is properly set up and contains all the necessary elements from previous exercises.

1. You should still have Your Name—Infographic Animation.aep open in After Effects. If you've closed it, re-open it by navigating to File > Open Project then Desktop > Class Files > After Effects Class > Infographic Animation. We strongly recommend completing the previous exercises (3A–3C) before proceeding, as they establish the foundational compositions you'll be nesting. If you haven't completed them, follow the sidebar instructions below.

   Pre-Exercise Requirements

   0/3

   Complete exercises 3A-3C first

   These provide the foundation compositions needed for nesting

   Keep After Effects project open

   Your Name—Infographic Animation.aep should be active

   Verify file structure access

   Ensure you can navigate to Class Files folder on Desktop

Organizing the Project Panel

Professional motion graphics workflows demand meticulous project organization. As your compositions become more complex, proper file management becomes critical for efficient collaboration and project maintenance.

1. In the Project panel, locate and select infographic screen 1.
2. Hold Shift and click infographic screen 2 Layers to select all infographic screen elements simultaneously.
3. Drag the selected items to the new folder button at the bottom of the Project panel to create an organizational structure.
4. Name the new folder nested comps. If the name field is no longer active, select the folder, press Return (Mac) or Enter (Windows), and type the new name.
5. Expand the nested comps folder to verify its contents are properly organized.

Creating Nested Compositions

Composition nesting is a cornerstone technique in professional motion graphics, allowing you to build complex animations from simpler building blocks. This approach not only keeps your main timeline clean but also enables you to make global changes to individual scenes without affecting the overall composition structure. Modern motion graphics studios rely heavily on this workflow for scalable, maintainable projects.

1. In the Project panel, select infographic screen 1.

2. Hold Shift and select infographic screen 2 to select both compositions simultaneously.

3. With both compositions selected, CTRL–click (Mac) or Right–click (Windows) on either selected comp and choose New Comp from Selection from the contextual menu.

4. In the composition creation dialog, configure the following settings for optimal results:

   • Under Create, ensure Single Composition is selected to merge both scenes into one timeline.
   • In the Use Dimensions From menu, keep infographic screen 1 selected to maintain consistent canvas dimensions.
   • Check Sequence Layers to automatically arrange the compositions in chronological order.
   • Leave Overlap unchecked to maintain distinct scene boundaries.
5. Click OK. After Effects will intelligently create a new composition containing your nested compositions arranged in sequential order—this automation saves significant time in professional workflows.
6. In the Project panel, rename infographic screen 3 to infographic animation main to clearly identify this as your master composition.
7. Drag infographic animation main out of the folder to an empty area of the Project panel, positioning it as a top-level composition for easy access.

8. Double-click infographic animation main to open it in the Timeline panel and verify you're working with the correct composition.

9. Collapse the nested comps folder by clicking its arrow to maintain a clean project panel interface.

10. The automatically sequenced compositions include buffer time that needs trimming for precise timing. Move the playhead to 3;15 to mark the transition point.
11. Press Cmd–Shift–A (Mac) or CTRL–Shift–A (Windows) to deselect all layers before making precise edits.
12. Select the infographic screen 1 layer in the timeline.

13. Press Option–] (Mac) or ALT–] (Windows) to trim the layer's out point to the current playhead position.

    This creates a precise endpoint for the first scene, eliminating any unwanted overlap or dead time.

14. Select the infographic screen 2 layer to prepare it for timing adjustment.

15. Press [ to move the layer's in point to the playhead, ensuring seamless timing between your nested compositions.

Adding Audio

Professional motion graphics demand synchronized audio that enhances the visual narrative. In 2026's content landscape, audio integration is crucial for engagement across all platforms, from social media to broadcast television.

1. Import the audio track that will unify your animation sequence. Choose File > Import > File or use the keyboard shortcut Cmd–I (Mac) or CTRL–I (Windows).

2. Navigate to Desktop > After Effects Class > Infographic Animation > Media and follow these steps:

   • Click once on the audio folder to select the entire directory.
   • Ensure Create Composition is unchecked to import assets without generating unnecessary compositions.
   • Click Open (Mac) or Import Folder (Windows) to bring the audio assets into your project.
3. Click on any empty area in the Project panel to deselect all items before proceeding.
4. Expand the audio folder by clicking its arrow to access the imported sound files.
5. Drag electronica_sample.wav into the timeline, positioning it as the bottom layer to establish the audio foundation for your animation.

6. Press the Spacebar to preview the timeline with audio playback, ensuring the music synchronizes properly with your visual elements.

Adding a Transition Between the Scenes

The strategic design choice of matching text colors between scenes creates an opportunity for seamless visual continuity. By adding a transition animation, you'll bridge these scenes with professional polish that keeps viewers engaged throughout the sequence.

1. Position the playhead at 3;00 to establish the starting point for your transition effect.
2. Select the infographic screen 1 layer to prepare it for animation.
3. Change the layer's label color to Red in the timeline to improve anchor point visibility during the following adjustments.
4. In the Tools panel, select the Pan Behind tool or press Y to access anchor point adjustment capabilities.
5. Verify that Snapping is unchecked in the toolbar to allow for precise, manual positioning.

6. Locate the layer's anchor point in the center of the Composition panel. Drag it to the right edge of the letter O as shown below to create the optimal rotation center:

   

7. Return to the Selection tool by pressing V to resume normal layer manipulation.
8. Press S to reveal the Scale property for the selected layer in the Timeline panel.

9. Click the Scale stopwatch to enable keyframe animation and create the initial scale keyframe.

10. Press O to jump the playhead directly to the out point of the selected layer, positioning it for the final keyframe.

11. Set the Scale value to 1000 to create a dramatic zoom effect that fills the frame and provides visual impact for the transition.

12. Press the Spacebar to preview the timeline and observe the scaling transition effect.

    The transition now provides visual continuity between scenes, but adding rotation will create more dynamic movement that's characteristic of contemporary motion graphics.

13. With the infographic screen 1 layer still selected, hold Shift and press R to add Rotation to the visible properties without hiding Scale.

14. Move the playhead back to 3;00 to set the starting rotation keyframe.

15. Click the Rotation stopwatch to enable rotation animation.

16. Press K to jump the playhead to the next visible keyframe, automatically positioning it at the layer's out point.

17. Set the Rotation value to 0x+60 to add a 60-degree clockwise rotation that complements the scaling effect.

18. Press the Spacebar to preview the complete transition, observing how the combined scale and rotation creates engaging visual movement.

19. Press Cmd–Tilde (Mac) or CTRL–Tilde (Windows) to hide the layer properties and clean up the timeline interface.

Adding Motion Blur

Motion blur is essential for creating realistic movement that mirrors how human vision perceives fast-moving objects. In today's high-refresh-rate display environment, adding motion blur helps maintain cinematic quality and prevents the sterile, artificial look that can plague digital animations.

1. Position the playhead at 3;01 to observe the motion blur effect during the transition animation.

2. Near the top of the Timeline panel, locate and click the Motion Blur composition switch to enable motion blur rendering for the entire composition.

   

3. Note that enabling composition-level motion blur is only the first step. Each layer requiring motion blur must have its individual motion blur switch activated.

   Each layer displays a motion blur switch that controls whether that specific layer renders with motion blur. If the switches column isn't visible and you see blend modes instead, click the Toggle Switches / Modes button at the bottom of the Timeline panel.

4. Activate the motion blur switch for the infographic screen 1 layer to apply realistic blur to its animated movement.

5. Press the Spacebar to preview the timeline with motion blur active.

   Observe how the motion blur adds naturalistic movement to the scaling and rotating text, creating a more polished, professional appearance that enhances the transition's visual impact.

6. Save your progress by choosing File > Save or pressing Cmd–S (Mac) or CTRL–S (Windows) to preserve your work.

7. Complete the exercise by choosing File > Close Project to properly close the composition and free up system resources.