top of page
logo-2-color_2x.png

after effects map animation exercise

Points: 

Due By:

April 5, 2026 at 5:00:00 PM

Starting File

Please download and extract the exercise files from Dropbox.






Lesson Objectives


Mastering 3D Space and Camera Control

  • Objective: To transform 2D map assets into a 3D environment and navigate them using virtual cameras.

  • Why it matters: Understanding the Z-axis allows you to create a sense of scale and depth, turning a flat image into a cinematic journey.

  • Key Skills: * Converting layers to 3D.

    • Using a Null Object as a "rig" to control camera movement without complex parenting.

  • Additional Resources

Dynamic Callouts and Matte Techniques

  • Objective: To create animated UI elements (circles, triangles) and use Track Mattes to selectively reveal map regions (like the Antarctica coastline).

  • Why it matters: These techniques are the foundation of interactive-style storytelling. Track Mattes allow you to hide the "clutter" (like the ocean) and focus purely on the geography.

  • Key Skills:

    • Applying Trim Paths to shape layers to "draw" borders and circles.

    • Implementing Alpha and Luma Track Mattes (using the new Pick Whip method in CC 2025/2026).

  • Additional Resources

Path Tracing and Trim Paths Animations

  • Objective: To animate realistic travel routes and utilize text presets for rapid title creation.

  • Why it matters: Procedural animation tools like Trim Paths allow for infinitely adjustable routes, while presets ensure your typography looks polished with minimal manual keyframing.

  • Key Skills:

    • Drawing complex paths with the Pen Tool.

    • Syncing markers to follow a path's "End" percentage.

    • Applying and modifying Text Animation Presets.

  • Additional Resources









Exercise 1: Animating the Map

  1. Open and Import: Open After Effects. Go to File > Import > File to bring in your map image.

  2. Add to Timeline: Drag the map from the Project panel down into the Timeline panel.

  3. Enable 3D: In the Timeline, find the columns next to the layer name. Look for the little cube icon and click the empty box underneath it to make the map a 3D layer.

  4. Create Camera & Null: Go to Layer > New > Camera. Keep the default settings and click OK. Then go to Layer > New > Null Object.

  5. Parent to Null: In the Timeline, look for the 'Parent & Link' column for the Camera layer. Click the pick-whip icon (it looks like a spiral) and drag it onto the Null Object layer.

  6. Animate: Select the Null Object layer and press 'P' to open Position. Keyframe Position and Scale over time to create zooms and pans across the map.






Exercise 2: Adding Callouts & Masks (featuring Track Mattes)

  1. Draw a Shape: Select the Ellipse or Rectangle tool from the top menu bar. Draw a shape over a location on the map. This creates a Shape Layer.

  2. Add Trim Paths: In the Timeline, expand the Shape Layer properties. Click the 'Add' button and choose 'Trim Paths'.

  3. Animate Draw-on: Expand 'Trim Paths' and keyframe the 'End' value from 0% to 100%.

  4. Add Text: Select the Type tool and click in the Composition window to add text (e.g., location name). Place it near the shape.

  5. Prepare a Matte: Draw another shape just for the border, placed just above the map.

  6. Enable Track Matte: Click the 'Toggle Switches / Modes' button at the bottom of the Timeline until you see the 'TrkMat' column. On the Map layer, change this to 'Alpha Matte' selecting the shape layer above it.






Exercise 3: Tracing Routes & Using Presets

  1. Draw Path: Use the Pen tool from the top menu to draw a line route across the map.

  2. Animate Route: Add 'Trim Paths' to this line and animate the 'End' value from 0% to 100%.

  3. Animate Marker (Bonus): Parent a marker image to the Position of the path so it follows along.

  4. Add Text Presets: Select text, open the 'Effects & Presets' panel (Window > Effects & Presets), and find a Typewriter animation to drop onto your layer.






Submission Instructions & Deliverable

Export each animation as a mp4 using the H264 codec. Place this in your exports folder.


Place the After Effects project in your 05_After Effects folder.


Submit the link to your OneDrive.

Locked Message

bottom of page