Skip to main content
M
Macker202
Participant
January 15, 2019
Answered

Animated map zoom

  • January 15, 2019
  • 4 replies
  • 3947 views

Hey guys,

First post here!

I've got a client that wants to have the same kind of zoom/animated map that is shown within the first 45 seconds here: Video - Mountpark Warrington​

I've created a similar, but far more basic one many, many moons ago (I'm a 3D visualiser not compositor, etc).

What are the basics/best practices for doing this? I'm a bit lost so if anyone could say "well, best to start with x and then do y, etc" would be tremendously helpful. Or a link to a tutorial?

Any help is much appreciated.

This topic has been closed for replies.
Correct answer imeilfx

That earth zoom part was made based (and not to precise to be honnest) on old VC tutorial: VIDEO COPILOT  | After Effects Tutorials, Plug-ins and Stock Footage for Post Production Professionals 
As for animating lines on that 2D map there is several ways all depends on what kind of basic footage/images you have. That can be as simpe as masking another layer with yellow lines not blue, or draw shape layer  along paths that you wish to revealas different color and then using that shape as matte and with trim path  just animate in and out of that trim, or by using Write on, Stroke effect/plugin or paint. Here some examples:
How to Animate a Map Destination in After Effects in 2018 - YouTube

After Effects Tutorial: Stroke Logo Reveal Outline Effect - YouTube

The Handwriting Effect in After Effects CC - YouTube

4 replies

OussK
Community Expert
OussKCommunity Expert
Community Expert
January 16, 2019

also if you looking to create your own orb, this free plugin is very useful to get a high quality earth (texture included also)

https://www.videocopilot.net/blog/2018/09/new-tutorial-orb-plug-in-now-available/

M
Macker202Author
Participant
January 16, 2019

Thank you all,

I will have a look into all of this and see how far I get. Please don't be annoyed when I come back with some basic questions! Haha

Again, many thanks,

Chris

BartonGarrett256
BartonGarrett256
Inspiring
January 15, 2019

I use the GeoLayers plug in, available from AE Scripts.  That would work for a few of the shots.  I looked at some of the tools in Google Earth a few months ago for automating gps traces but it is clunky, and seems to have been abandoned.  The map tracing is pretty basic pen tool line animation stuff. 

The music on that clip is painful.  My view is the clip shows solid technical expertise but very poor storytelling, which is, I am sorry to say, is what is important.

Martin_Ritter
Martin_Ritter
Legend
January 15, 2019

Search for "earth zoom", there are plenty of tutorials out there.

M
Macker202Author
Participant
January 16, 2019

Thanks guys,

I think more than anything I'm wondering how to do the animated map - the zoom part I've done before. My apologies for not making that more clear.

I have done some basic work with lines that trace out before, but it was honestly just a line around a site - that's all. How would you go about creating these lines in the first place? I don't mind drawing them in by hand (or importing them from CAD? Is that even possible?).

Would the grey background they've used be done in AE or some kind of high res image imported from photoshop or something?

imeilfx
imeilfxCorrect answer
Inspiring
January 16, 2019

That earth zoom part was made based (and not to precise to be honnest) on old VC tutorial: VIDEO COPILOT  | After Effects Tutorials, Plug-ins and Stock Footage for Post Production Professionals 
As for animating lines on that 2D map there is several ways all depends on what kind of basic footage/images you have. That can be as simpe as masking another layer with yellow lines not blue, or draw shape layer  along paths that you wish to revealas different color and then using that shape as matte and with trim path  just animate in and out of that trim, or by using Write on, Stroke effect/plugin or paint. Here some examples:
How to Animate a Map Destination in After Effects in 2018 - YouTube

After Effects Tutorial: Stroke Logo Reveal Outline Effect - YouTube

The Handwriting Effect in After Effects CC - YouTube

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices