How to import and animate KML routes with After Effects and Google Earth Studio

IMPORTANT: NEW IMPORT KML SCRIPT FOR AFTER EFFECT
• KML in After Effects/G...
Create videos with 3D paths/routes to show animated directions using KML files + Google Earth Studio + After Effect.
An easy way to use Google maps (or Google Earth pro) to create directions by using the kml/kmz files in After Effects (using a quick trick to import the directional data).
www.google.com/mymaps (create KML files)
earth.google.com/studio
www.gpsvisualizer.com (convert KML to SVG)
Uses:
Adobe After Effects
Adobe Illustrator
#GoogleEarth #AfterEffects #kml

[@JimShankle]

This is terrific. I'm new with GES and AE so, of course, what you've done is overwhelming. Thankfully, your step-by-step approach here will allow me to watch each of your moves so I can practice with this...applied to a project that's somewhat similar. Of course I'll be devotimg the next 2-3 months understanding what you did in less than 18 minutes. Thanks.

[@miguelmuelle]

Thank you so much for this video - exactly what I was looking for! :0)

[@asliabdi2550]

Thank you for your complete and comprehensive training. Very good!

[@kyliemackayfineart]

I learnt so much about google studio which I probably should have known years ago, I work in news graphics so this is certainly going to speed up the bespoke map making and with more accurate results thank you so much for this tutorial.

[@ildefonsosegura]

Amazing!! Thanks for the video and guide

[@pescamaravilhosa8595]

poxa te achar aqui sou um grande Fã do Segura PS e C4d .tks Segura

[@shikhasharma1484]

Watched 100 of videos and then I found this....this is what I exactly want ...Thank you so much for explaining it great and I'm going to subscribe for sure ...

[@editwithrune3732]

Cool tips, great addition to use google earth studio when making transitions between locations

[@bluebirdski]

I'm considering buying AFs so I can do just this. Seems like a lot of work, but people really appreciate this in ski videos. Thank you!

[@bluebirdski]

Spent a couple nights playing around with studio, and am now trying to use your tutorial. I have the route pasted into AE, but I can't seem to get it to fit. I've learned a lot, but think I'm going to have to figure out a plan B. May give it one more try another night... Thanks for the tutorial.

[@melanieflores8491]

Can't wait to see your other videos.

[@2ToneTimBoston]

Thank you so much for this. It was exactly what I was looking for.

[@laproduction6783]

Thanks mate!! Thanks for the great tutorial! Appreciated that mate!

[@rickmoore419]

Thanks mate. That is exactly what I needed!

[@GeoscienceImaging]

Excellent tutorial, thanks for sharing! Definitely some great tips in here that will help me up my game.

[@999k_views]

Thanks for all of your tips! I've just been getting into producing myself for my artists and mannnnn. It's like science lmao. Thanks a ton!

[@GustavoGhisleni]

Amazing! Thanks for the tutorial.

[@InsectMan2023]

Thanks for this video, the most useful I found on the subject! I didn't see the need to join the path in Illustrator, but I used Path/Simplify to reduce significantly the number of points. Also, I obtained acceptable 'close to 3D' results with mountains or hills by cutting the paths at strategic places in Illustrator and setting additional track points accordingly in Google Earth Studio where the path is cut (this helps zeroing anchor point to one end of the path). Then, fine tuning in After Effects with XYZ orientation and sometimes modifying individual points (but this later action will only work with limited camera movements). However, it's a time consuming process, and junctions are visible when joining several strokes of different width and color as in your example. So I'm stuck with using only one color stroke. I can't wait to see your solution with Blender + After Effects!

[@imagiscope]

Great work. We are putting the finishing touches on the Blender tutorial and script. Expect it to be out in a day or two. Thanks for watching.

[@RodrigoLobosChile]

Wow. Many thanks for sharing!

[@Porfavornoseenoje]

I can´t paste the svg file in After Effects when i create the layer. Help Please!!!

[@SoupRS]

Great video ty!

[@henintsoagabriel8206]

thank you very much friend, I urgently needed to update my drives and you saved me, THANK YOU SO MUCH

[@hemantabhare]

amazing. I event didnt know this exists. definitely going to implement for my own project

[@abrahanmanuelromanyturriza8184]

Best tutorial ive evr seen bro ur d best!!!!!

[@guiarnon]

Thank you so much! Saved the day!

[@xhopito]

just what I need it, thanks a lot!

[@Marshal10000]

Thank you so much, its the best tutorial which I saw

[@fernando_lemos]

Great tutorial! Congrats!

[@onecyclistinlisbon]

Very very good. Thank you!

[@danieldaniel100]

Thanks for a very detailed guide on this! A few things i stumbled upon: * If you render the video with 60p from Google Earth Studio the tracking points will get wacky in AE due to AE interpreting it as 30p, to fix this: " So all you needed to do was right-click the image sequence in the project panel, Interpret Footage, then set the frame rate to 60fps" Another thing i had a problem with was that it still didnt track correctly, this got fixed if i turned of 3D on the Shape layer and turned it on again, (i had to put the SVG file in correct position again after doing this) Thanks!

[@nio28]

Thank you! It helped a lot.

[@insightreveal]

great for this tutorial, thanks for this. have a nice day.

[@Julius_Malta]

This is fantastic, I want to learn After Effects !

[@user-nw8wh2ji7g]

excellent work. Thank you

[@DeltadronesBr]

Awesome video! thanks!

[@chaodong7769]

I love your video, thank you very much

[@moulsopheak8599]

Really great

[@mantse1tv864]

It works! Thanks a lot.

[@pbl-if21]

Thanks for your great Ideas

[@paxvid]

Thanks bro!

[@elmraghy]

You are the GOAT

[@JorgeHernanArcilaA]

Excelent video.

[@FrancJT]

Thank you very much, sir!

[@albypowblo8863]

man. Thank you!

[@abdulelahalofui]

Thanks a lot .. how wonderful you are

[@mr.starktech6399]

thank you so much , it worked :)

[@kuval3057]

Thanks you bro. love you....

[@jelenamilosevic7884]

Nice video, it works!

[@sumanthcrazy1688]

Your so detailed ! SUBBED

[@Ivan-ru1hx]

Thank you, it helped but i had a little bit of problems. Good Tutorial

[@arlanticoangellou945]

Much appreciation.

[@rpfsldharan7525]

thank u soo much it helped a lot

[@edwardperez893]

Amazing, Thanks

[@cq7415]

A little complicated but neat if you can do it, thanks for sharing.

[@imagiscope]

There is a new tool (easier) on our other channel. See it here. kzbin.info/www/bejne/nWTYd6WhgL6Deck

[@paul-emiledefaix3242]

Nice video ! Could you explain how you did the "Staple Center" title above the place ? Thanksss a lot

[@MassimoSantiniHelymax]

Wonderfoul tutorial, i found function on google studio that I did not know!! KEYFRAME ON MAP (like Ae)! Keyframe of speed (like Ae)! All good!

[@martybaggenmusic]

Echoing many of the comments already posted.... a really great tutorial on an essential process. In Illustrator, how do you deal with the "Join" function when it closes the path with a direct line between the start and ending points in addition to the mapped path created in MyMaps?

[@WDP3ATejas]

Thank you so much sir it is great help to me

[@nimaforoud]

I've been looking for this for a week and watched it within one hour of uploading so you read my mind. Great tutorial, how can you wave a flag overlaying a country while panning?

[@itsvepazy6915]

wow, thanks!

[@Abuzar0012]

Got a new subscriber!

[@ahm1331]

Amazing

[@studiojohn8243]

NICE

[@gametechgames3043]

Thanks you ...

[@Delffigg]

i think i love you, i watched all tutorials on youtube about this subject. This is the only one that really allow me to do my job. Thanks you.

[@imagiscope]

Thanks. Check out our other channel with updated videos. Here's how to create KML with Earth studio using a free script we developed: kzbin.info/www/bejne/nWTYd6WhgL6Deck

[@rhitchelfritzlopez]

Goat

[@zedventure]

Nice Tutorial, but when I use it for routes in the mountains, things got messed up. AE path lines deviates from actual path :(

[@willianlopez1633]

Okay .Thenk you bey bey.

[@salarchoopoon5992]

thanks!!

[@anasfarghaly]

I can feel you bro

[@mesillahills]

One thing to know. Adobe After Effects is used to render something called "tracking points" in the final video. Tracking points are usually something which is not part of the base layer such as text, etc. They track the overlying content correctly with the base layer. Most people do not even use tracking points. So the GES output content will import into Photoshop CC and other free video editors to render a high quality final .mp4 video. They just won't have extra layer tracking point content. I make mine with Photoshop. If I need text, I add it there on another layer. It doesn't track with the base layer but in most cases that is fine. You could even have that text move with Photoshop's built in animation key frame system if you wanted to. The point... Don't avoid GES because you think you need After Effects. That simply is not true. You do need some kind of a quality editor for final render however.

[@imagiscope]

Absolutely. Out of the box, Google Earth Studio is amazing.

[@rilosvideos877]

This really looks like a cumbersome process! Wouldn't it be easier in this case to just draw the path in AE? In 3D-Software like cinema 4d or 3d max or blender you can use splines, give them 3d on top and animate the splines - so easy :-) In my opinion there are still some bugs in the keyframing in GE Studio. I play with it for some time now and still have problems to let it look smooth. When you add keyframes, esp. camera targets everything can get crumbled up before. I know cam target overwrites cam angle and tilt - you have to think what to animate first and what to keyframe first ;-)

[@Tekintrust]

Thank you.

[@imagiscope]

You're welcome. There is a new updated tool you can use (much easier). Check out: kzbin.info/www/bejne/nWTYd6WhgL6Deck

[@laproduction6783]

Thanks for the great tutorial! The newer version (current) when i switch off all the overlays, it only render me black screen, i guess i did something wrong here

[@nozomiperez8580]

THANK YOUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUU

[@DHedges2009]

great work, is there a way to manual create a route on google maps/earth, im trying to undertake a route around a race track

[@mrprfect]

I LOVE YOU PLEASE HEART THIS COMMENT

[@devilgameplay9593]

Heey thank you for all

[@gadgraphicstips]

wow

[@hashanfernando]

hi I love to Make the rotating Circle on the ground ...

[@matteobaratella]

Thank you really cool method. My only advice is do not try with very long paths, I've tried with some 100km long path and it is literally impossible to match the path on the map once in AE. So I will just reduce the km of my path and make smaller bits.

[@dgm_productions]

*ROUTE MOVING OUT OF SYNC - SOLVED* Firstly, thanks for this video, it was extremely helpful. The issue I had, was when I began to line/scale up the route to the map render, the line was going out of sync and alignment with the video. I was working in 25fps, and when importing the files into after effects there is a bug where it changes the frame rate to 30. You need to right click the file in the project, interpret footage and change to your desired frame rate

[@alejandrodanielestrellaesc1722]

Thanks for the video! I would like to know if there is a similar way to achieve this effects but with an already existing video scene, not a 3d model. So I have a scene with my camera going across a street and showing parts of a square and I want to add a line that follows the path of the street and gets into the square. How could I achieve that? Any suggestions, tutorials, etc.? Thank you very much!!!!

[@palaciosluis.3]

Great tutorial! I’m wondering if it’s possible to do the Ilustrator part in Photoshop instead. Thanks

[@imagiscope]

I'd suspect, not. The path will need to be a vector. You may be able to do it in other vector programs.

[@thierrybeghin1]

Excellent ! Congratulations ! I have the same issue than Fady : I follow the steps exactly many times, but once I get inside After Effects and make my shape layer 3D and parent it to my first track point, my path doesn't match the movement of the camera as in the tutorial. Please note in the overlay, I have only the "direction from Staple Center to Santa Monica" : I do not have the 2 single overlays "Santa Monica" & "Staple Center" because I used a GPX files from a device, but of course I add the 2 Track Points (Start & End). Any idea ?

[@thierrybeghin1]

I have found the solution. It is weird, but when I link the path to the video in the shape layer, it does not work the first time. I need to remove the link, and link it again to get it working. As it was weird; I tried several times, and sometimes it works at once, sometimes I need to make the link twice or three times.

[@DarViajar]

Did you ever find a solution for this? I'm having the same problem. the camera movement and the shape layer's movement are not in sync

[@thierrybeghin1]

@@DarViajar No new solution found... Remove the link and add it again and again...

[@ukuleo99]

How did you add the name tags for the places? You never mentioned that

[@wallygil]

Hi in the minute 9:26 how connect the lines, you use a shorcuts and am lost, (not work in illustrator) can you explain me the steps in ilustrator, thx

[@Trial4life]

Really interesting video, I've been looking for something like this for years! I have just one question, in reference to the comment at 12:30. Is it possible to create a 3D path in After Effects in order to tune its altitude to better fit the Google Earth map altitude? It would be really useful to create trekking maps, where mountains create huge altitude shifts. Can you also tell me how can I get access to Google Earth Studio?

[@jjrrccmm]

Hello, I know it was 2 years ago this question.. hahaha but im wondering if by any chance did you found a solution to your query? Im presenting exactly the same issue, and would be great if there is a way to fix it.

[@motionedit759]

@@jjrrccmm try to use 3d software like blender or cinema 4d extrusion property

[@jjrrccmm]

@@motionedit759 Thanks!!

[@MischuWeingart]

When i zero out the position of the shape layer, the line is disappearing. What i am doing wrong?

[@AlexYem]

Hello! I was attempting to make an animation of a route across a state (San Francisco to LA) but the KML file doesn't seem to line up correctly. What could be some of the issues? Thank you!

[@imagiscope]

The plane that the KML information is on is flat - the earth is a globe and curved (😉). I suspect that the distance between LA and SF will be affected by the curvature of the earth and thus the distances will be off.

[@shimongal3242]

Thank you for the tutorial, it is very helpful. I have only one problem, I don't get the world coordinate system in AE when loading the scrip. Is there something I'm missing?

[@THATGREEKGUY_]

Same here.

[@cliftontaylor7570]

same here. And when I try to align the path in AE the path starts rotating uncontrollably.

[@npaidas]

awesome tutorial thanks , im very excited to complete this project BUT once in AE my JAVA script file did not include my start and end location.... any idea why not ? cant attach route to anything without it .... ;(

[@imagiscope]

Click the feedback button in Earth Studio to connect with Google - they can help you with GES related questions

[@narakdk]

Hi, how to make the same map effects like in Tour de France where they present a stage in a similar way?

[@b.sujatha7227]

I am unable to understand the way u did the maping in adobe after effects

[@rkensil]

The idea is great, but sadly my track point not stay in its place properly after frame 0. How to fix that?

[@edituniverse4679]

Any alternatives for commercial purpose? I am looking for a route map from a point A to a product (A real estate plot)

[@y0bo3000]

Nice bro, does this work with KMZ files or do they have to be KML ?

[@imagiscope]

Just KML. A KMZ is just a zip file with KML file(s) inside. You can change extension to .zip and the extract the KML file contained within.

[@michelecomandini9754]

Hi! Thank you so much! Info... 3d router in mountain not working... the track no support altitude... you has solve?

[@imagiscope]

We've been working in 3D software (Blender) to access the full 3D workspace. A introduction tutorial coming this week.

[@BenRankin]

and what if we don't have illustrator?

[@JonnyMoleChannel]

thank's!! this tutorial is amazing, but I have a huge problem because when the route across the mountains or hills, after effect lose the right position of the spline :(

[@imagiscope]

Unfortunately, After Effects doesn't have a 3D spline/path (only plane based). We've been working with some 3D techniques in Blender and Cinema 4D and we'll publish the results when they are available.

[@ericantonmoberg1912]

Would it be possible to start by rendering out a brightly colored KML route on the GES output, and then key it in AE and make an alpha mask? Next, bringing in the path from Illustrator and lining it up so that it floats right above. And then kind of "projecting" the animated properties of the path straight onto the mask, acting as a placeholder. Maybe making the path slightly wider than the alpha, for the sake of sanity when adding it in. The alpha should cut any visible excess width anyway. I might not make any sense, and I don't know if something kind of similar to this would be possible, but I just really want the route to be flush against the ground, while also keeping full control over it's animation and shading, without having to go back and forth between AE and C4D. My weak ass laptop ain't playing games 🤣

[@avaerials837]

can we overlay kml file like this in a drone video ?

[@10daniel16]

Dude. are you Andy from the office? Cornell guy?