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!
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.
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.
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!
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.
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 ...
Thanks. Check out our other channel with updated videos. Here's how to create KML with Earth studio using a free script we developed: th-cam.com/video/g3uFrkKYPCg/w-d-xo.html
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?
*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
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.
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.
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 ;-)
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?
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 ?
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.
Super tutorial !! Hello, i'm trying to produce that kind of view after a fly-over the city with vertical data kml extension.. not easy.. Please, is it possible to find a vitual co-work space for a help ? Kind regards by advance.
Man, i'm having a terrible time in google studio when placing the keyframes... I coudn't create a smooth video without getting mad with the handles....
I must be doing something wrong - when I align my trackers, as soon as I move the footage on a couple of seconds to fine-tune, the route doesn't stay in place - would love to know what I'm doing incorrectly as this is perfect for a couple of projects
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!!!!
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 .... ;(
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?
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
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 :(
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.
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 🤣
Amazing Video first of all....Loved it...A quick question - as you used the google earth content with google attributes, are you able to monetize your video ....??? waiting for your answer...thanks in advance .. cheerrsss
Google Earth Studio does have a service agreement you need to abide by (different than other products - i.e.: Google Earth Pro). Generally, Google Earth Studio can be used for non-commercial (i.e. car commercial, feature length movie) projects under this agreement. For expanded use, you'll need to contact Google.
@@imagiscope hey i have one small question.. in illustrator when i am performing the join function its making a straight line between point A to Point B, in the video it was not there but its coming in mine .... kindly help ...!
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?
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.
I have encountered a problem processing svg in AI. when joining the path, it always connects the start and end points (so it becomes a loop instead of a path). I am not very familiar with AI, so looking for some help here. Thanks
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!
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.
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!
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.
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!
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.
A little complicated but neat if you can do it, thanks for sharing.
There is a new tool (easier) on our other channel. See it here. th-cam.com/video/g3uFrkKYPCg/w-d-xo.html
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.
Thank you so much for this video - exactly what I was looking for! :0)
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 ...
Thank you for your complete and comprehensive training. Very good!
Can't wait to see your other videos.
Cool tips, great addition to use google earth studio when making transitions between locations
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.
Thanks. Check out our other channel with updated videos. Here's how to create KML with Earth studio using a free script we developed: th-cam.com/video/g3uFrkKYPCg/w-d-xo.html
thank you very much friend, I urgently needed to update my drives and you saved me, THANK YOU SO MUCH
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?
Best tutorial ive evr seen bro ur d best!!!!!
Nice Tutorial, but when I use it for routes in the mountains, things got messed up. AE path lines deviates from actual path :(
*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
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.
Thank you so much, its the best tutorial which I saw
Thank you, it helped but i had a little bit of problems. Good Tutorial
I can´t paste the svg file in After Effects when i create the layer. Help Please!!!
Amazing!! Thanks for the video and guide
poxa te achar aqui sou um grande Fã do Segura PS e C4d .tks Segura
Great job! I'm trying to do something like this in davinci resolve.
Excellent tutorial, thanks for sharing! Definitely some great tips in here that will help me up my game.
Thanks mate. That is exactly what I needed!
Thank you so much for this. It was exactly what I was looking for.
Thanks mate!! Thanks for the great tutorial! Appreciated that mate!
Nice video ! Could you explain how you did the "Staple Center" title above the place ? Thanksss a lot
just what I need it, thanks a lot!
Thank you very much for sharing!
This is fantastic, I want to learn After Effects !
amazing. I event didnt know this exists. definitely going to implement for my own project
Thanks for your great Ideas
excellent work. Thank you
Thank you! It helped a lot.
great for this tutorial, thanks for this. have a nice day.
It works! Thanks a lot.
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.
Absolutely. Out of the box, Google Earth Studio is amazing.
Thank you so much! Saved the day!
Your so detailed ! SUBBED
Very very good. Thank you!
Nice video, it works!
Great tutorial! Congrats!
Wow. Many thanks for sharing!
thank u soo much it helped a lot
thank you so much , it worked :)
Thanks bro!
Thank you so much sir it is great help to me
Amazing, Thanks
Awesome video! thanks!
Excelent video.
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 ;-)
I love your video, thank you very much
Much appreciation.
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!
Thanks a lot .. how wonderful you are
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!
Thanks you bro. love you....
Really great
Got a new subscriber!
Great video ty!
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?
Same here.
same here. And when I try to align the path in AE the path starts rotating uncontrollably.
man. Thank you!
You are the GOAT
Amazing
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 ?
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.
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
@@DarViajar No new solution found... Remove the link and add it again and again...
Thank you very much, sir!
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
Thanks you ...
THANK YOUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUU
Thank you.
You're welcome. There is a new updated tool you can use (much easier). Check out: th-cam.com/video/g3uFrkKYPCg/w-d-xo.html
wow, thanks!
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
and what if we don't have illustrator?
thanks!!
NICE
Super tutorial !!
Hello, i'm trying to produce that kind of view after a fly-over the city with vertical data kml extension.. not easy..
Please, is it possible to find a vitual co-work space for a help ? Kind regards by advance.
hi I love to Make the rotating Circle on the ground ...
Man, i'm having a terrible time in google studio when placing the keyframes... I coudn't create a smooth video without getting mad with the handles....
I must be doing something wrong - when I align my trackers, as soon as I move the footage on a couple of seconds to fine-tune, the route doesn't stay in place - would love to know what I'm doing incorrectly as this is perfect for a couple of projects
@Nitheesh P Mohan Thank you!
same problem here, the route svg flies all over the place and rotates as I try to play the video in after effects, instead of remaining in place
I figured it out man, it's a Google Studio bug, just remake the project from scratch and simplify the animation until it works.
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!!!!
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 .... ;(
Click the feedback button in Earth Studio to connect with Google - they can help you with GES related questions
I LOVE YOU PLEASE HEART THIS COMMENT
I can feel you bro
Okay .Thenk you bey bey.
The idea is great, but sadly my track point not stay in its place properly after frame 0. How to fix that?
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?
Heey thank you for all
Great tutorial! I’m wondering if it’s possible to do the Ilustrator part in Photoshop instead. Thanks
I'd suspect, not. The path will need to be a vector. You may be able to do it in other vector programs.
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
Hi, how to make the same map effects like in Tour de France where they present a stage in a similar way?
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 :(
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.
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 🤣
Amazing Video first of all....Loved it...A quick question - as you used the google earth content with google attributes, are you able to monetize your video ....??? waiting for your answer...thanks in advance .. cheerrsss
Google Earth Studio does have a service agreement you need to abide by (different than other products - i.e.: Google Earth Pro). Generally, Google Earth Studio can be used for non-commercial (i.e. car commercial, feature length movie) projects under this agreement. For expanded use, you'll need to contact Google.
Imagiscope Travel & Tech thank you so much for your quick reply...will look into it...thanks again cheers 🥂
@@imagiscope hey i have one small question.. in illustrator when i am performing the join function its making a straight line between point A to Point B, in the video it was not there but its coming in mine .... kindly help ...!
How did you add the name tags for the places? You never mentioned that
will it work if a draw the path with pen tool instead of using gps visualizer, since I don't have adobe illustrator to copy the path?
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?
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.
@@jjrrccmm try to use 3d software like blender or cinema 4d extrusion property
@@indianpolitics759 Thanks!!
I have encountered a problem processing svg in AI. when joining the path, it always connects the start and end points (so it becomes a loop instead of a path). I am not very familiar with AI, so looking for some help here. Thanks
I don't have the answer, same problem though.
@@chifleming6132 hey guys, I've found that you don't really need to do the join for this to work, just copy paste the shape in AE.
Any alternatives for commercial purpose? I am looking for a route map from a point A to a product (A real estate plot)
Hi! Thank you so much! Info... 3d router in mountain not working... the track no support altitude... you has solve?
We've been working in 3D software (Blender) to access the full 3D workspace. A introduction tutorial coming this week.
Nice bro, does this work with KMZ files or do they have to be KML ?
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.