Become an affiliate. Earn 20% recurring commission on every referralEarn 20% recurring commissionEarn 20% recurringApply Today
AE

How to Make an Animated Travel Map in After Effects

The fastest way to make an animated travel map in After Effects is to let a plugin build the comp for you. Mapper, our map tool for After Effects and Premiere Pro, takes a list of real places, draws the route between them, styles the map, moves the camera along the trip, and then lays it all out as a native After Effects comp. The route is a shape layer, the markers and labels are real layers, and you can pull any of it apart afterwards.

Everything about it lives on the Mapper product page. It installs through Filmit Studio, our free desktop app, and comes with a 7-day trial. Here is the workflow from the demo below, from two stops in a search bar to a finished, layer-controlled comp.

Watch: Mapper for After Effects, the full demo

What does Mapper do in After Effects?

It turns three tabs into a comp. You work through Route, Style, and Motion, watch a live preview of the whole trip, and press Build Comp. Mapper builds a native comp inside a Filmit Mapper folder, and the build undoes in one step.

The same install runs in Premiere Pro, with one real difference: Premiere Pro gets a rendered clip at your playhead, and After Effects gets the layers. Reach for After Effects when a map needs to be art directed, not just placed.

How do you add the stops for your route?

Open Mapper from the Filmit Studio panel (Window, Extensions, Filmit Studio), start a new map, and type your places. In the demo that was New York City Hall and then Dallas, Texas. Each stop is named for you and gets a letter, A, B, C, down the route list.

Add stops however you have them

Search for a place, click directly on the map, or paste coordinates or a Google Maps or Apple Maps link.

Arrange the trip

Swap stops, drag points to move them, reorder a stop to make it a pit stop in the middle, reverse the route, or turn it into a round trip. Deleting a stop is just as quick, which is what happened to the extra stop in the demo.

Choose how each leg travels

Drive, Walk, and Cycle follow real streets. Fly draws an arcing flight path. Ship, Straight, and Curve go direct. Every leg can travel its own way, so one trip can drive to the airport and then fly.

Mapper also reads your active comp. In the demo the comp was switched to 1080 by 1920 in Composition Settings, and the panel preview redrew itself as a vertical map straight away.

How do you pick a map style?

From the Style tab, starting with one of 14 map styles. Each style sets the line, markers, and overlays to match, and every setting is yours to change after that. The demo flicks through Expedition, then settles on Tactical, and customizes it in three moves.

  • Route line. Tactical ships with a red line, which became white. The line can be solid, dashed, dotted, or travel dashes, with glow.
  • Vehicle. Vehicles ride the line: a plane, car, ship, arrow, dot, or any emoji. The demo picks an emoji helicopter. Auto vehicle can also choose per leg, a car for driving and a plane for flying.
  • Markers. Tactical uses crosshairs for its points. The other options are pin, dot, ring, flag, star, heart, or a per-stop emoji.

Tune a look you want again and save it to My styles, and it is there on every map.

How do you set the camera and timing?

On the Motion tab. In the demo the only change was the duration, typed in as 15 seconds to give the trip more room, and the preview played it through at the new length.

Camera

Cinematic starts wide, follows the journey, and pulls back at the end. Follow stays with the vehicle, Zoom in pushes toward the route, and Static holds the frame. Built-in motion presets like Quick social, Road trip, Chase cam, and Epic reveal set it up in one click.

Timing

Set the duration, holds at the start and end, and a pause at every stop. Pace legs by distance, evenly, or balanced between the two, with smooth, gentle, linear, ease in, or ease out motion. Save your camera and timing as your own preset.

What does Build Comp give you?

A real comp, not a flattened render. After pressing Build Comp in the demo, the result plays back as a 15 second animation: the helicopter leaves New York City Hall, travels the street route to Dallas, and the camera zooms back out at the end. All of it is layer controlled.

  • The route is a shape layer, with one group per leg.
  • Line width and route colour stay live on a Mapper Controls layer, so you can restyle the line without rebuilding.
  • Markers, labels, and the title are real layers and real text.
  • Every overlay is its own layer, from the compass to the grain.
  • Anything you switched off in the panel is still built, just hidden, ready to turn back on.

If you would rather have a single piece of footage, Mapper can also render the map as footage and place that one clip in a new comp.

How do you swap the vehicle for your own icon?

Pre-compose it, the kind of change a template rarely allows. In the demo, the vehicle layer is pre-composed with Leave all attributes, so it keeps riding the route. Open the pre-comp and the vehicle is just an icon inside it. Replace it with your own artwork or a logo, and it follows the same path.

One styling note from the demo: a helicopter driving down a road looks odd. Switch that leg to Fly on the Route tab and the vehicle follows an arcing flight path instead, which reads much more naturally for anything that flies.

Should you build your map in After Effects or Premiere Pro?

It depends on how much you want to touch the result.

  • After Effects when the map is a designed moment: you want to recolour the line to a brand palette, replace the vehicle, animate the title your own way, or add effects to individual overlays.
  • Premiere Pro when the map is a shot in an edit: Render to Timeline places the finished clip at your playhead, on the first free video track, at your sequence frame rate, with no trip out to After Effects. Our Premiere Pro guide walks through that version.

Both offer Overlay only: the route, vehicle, and markers on a transparent background, ready to lay over drone footage.

Can you still animate a travel map by hand?

Yes, and it is worth knowing how. A pen-tool path with trim paths, a camera to follow it, and a label for every stop will get you a clean map animation with nothing but After Effects. Our simple map animation tutorial covers that method step by step.

The trade-off is the rework. By hand, the route is traced over an image rather than real streets, and when a client adds a stop in the middle you redraw the path, retime the camera, and add another label. With Mapper you add the stop and build again.

What are the honest limits?

  • Timing and camera are not live in the comp. Line width and route colour are. To change the duration, pacing, or camera move, adjust it in the panel and build again.
  • It needs an internet connection to load the map, search places, and plot street routes. Map data comes from OpenStreetMap, and a small map credit sits in the corner of the frame.
  • Street routes are not guaranteed. If one cannot be found for a leg, Mapper tells you and draws that leg as a straight line.
  • It is a 1.0. We have a list of planned updates, including interface and workflow changes, and your feedback decides the order.

How do you get Mapper?

Head to the Mapper page, install Filmit Studio (free), and start the 7-day trial. Mapper is included with the Filmit Studio subscription at $20/month, alongside every other tool in the suite, and one install covers both After Effects and Premiere Pro. Build a map from a real trip, and tell us on Discord what you want it to do next.

Key takeaways

Route, Style, Motion, Build

Add real stops, pick one of 14 styles, set the camera and duration, and Build Comp lays out the animation for you.

A comp you can pull apart

The route is a shape layer, markers and labels are real layers, and line width and colour stay live on a controls layer.

Swap anything

Pre-compose the vehicle to replace it with your own icon, and switch a leg to Fly for a proper flight arc.

Layers here, a clip in Premiere Pro

After Effects gives you full layer control. Premiere Pro renders the same map straight to your timeline.

Frequently asked questions

Yes, for Drive, Walk, and Cycle legs, which follow real streets between your stops. Fly draws an arcing flight path, and Ship, Straight, and Curve go direct. You can mix modes on one trip. If a street route cannot be found for a leg, Mapper tells you and draws that leg as a straight line.

Yes. The route is a shape layer with one group per leg, the markers, labels, and title are real layers, and every overlay sits on its own layer. Line width and route colour stay live on a Mapper Controls layer. To change the timing or the camera, adjust it in the panel and build again.

The route, style, and motion tabs are the same in both. In After Effects, Build Comp lays out a native comp you can pull apart layer by layer. In Premiere Pro, Render to Timeline renders the finished animation and places it at your playhead as a clip.

Yes. It matches your active comp, so a 1080 by 1920 comp gives you a vertical map. You can also pick 9:16, 1:1, 4:5, 16:9, or 21:9 at sizes up to 2160 (4K).

Yes, to load the map, search for places, and plot street routes. Maps, place search, and street routes come from OpenStreetMap. What you have already loaded is kept on your computer, so reopening a saved map is quicker.

J
Written by
Jay · Filmit.io Customer Success Lead

Jay is the Customer Success Lead at Filmit.io. He helps editors and motion designers get more out of After Effects and Premiere Pro, with a focus on cutting the busywork out of everyday post-production.

Enjoyed this article?

Get new tutorials, tool updates, and filmmaking tips delivered to your inbox. No spam, unsubscribe anytime.

✦ 7-day free trial

Get Every Tool

Plugins, overlays, courses, and updates. All in one desktop app.

Download Filmit Studio