To make the car move along the path: 1 Don't remove the polyline from the path. 2 Go to the transform node of the car, right click on center and select animate. It will create a modifier. 3 Go to the modifiers tab. 4 Right click where it says 'Right-click here for shape animation' and select Connect to > Polygon > Polyline. The car should now be at the beginning of the path. If it's not, make sure there is no resolution mismatch between the nodes. 5 Go to path Polygon node. 6 Right click on length and select 'Publish'. 7 Go to the car transform node and go to the modifiers tab once again. 8 Remove the keyframe that is already set on Displacement. 9 Right click on Displacement and select Connect to > Polygon > Length. Now when you change the length of the path, the car should move with it. It is a little glitchy. If the car seems to be stuck at the beginning of the path and doesn't move with the length slider, nudge one of the corners of the path just a little. This fixes it for me.
I tried this method with a simple 4 point polygon and instead of an image, I placed a hollow circle on the path, and for some reason there is something wrong with the scale in the middle of the path as the circle seemed to run ahead a bit - the position matched fine for the beginning and the end of the path.. any ideas? PS: Casey, you forgot to link to that video roughly 10 minutes in
PPS: for a straight line, there are no issues. It's only when there are 'detour points' on the path that the drawing of the path falls behind the movement of the object I put on the path
I recommend to look into QGIS for any map animation that shall be based on proper geodata (e.g. from naturalearth). As a specialized tool for geospatial analysis it comes with an intial hurdle and learning curve, but the result speaks is just so much better: Different details per zoom level, selection of e.g. cities in a buffer around a route, capable coloring, geo features like capitals, airports or mountain range. At minimum only 3-5 features of QGIS are really needed, and a bunch of png files can be exported in 10-15 minutes. Don't get me wrong, I am as much of a DaVinci Resolve fan as anybody watching this channel. DVR is just not the right tool.
@@Despacitoporelmundo I am not good at putting out tutorials, but feel free to reach out to me (my channel will have my email on display for a few weeks). Also have a few map animations on display there (the channel is otherwise rather empty), the maps animations are just the sequence of exported png files, and a bit of speed ramping would further spice them up. Datasource is "naturalearth" plus a bicycle GPX track.
@@OutOfHomeOffice Thank you for the offer @OutOfHomeOffice👏👏I will definetly check it out and might even reach you when I start playing with this map program. I see that even as a simple map source it will be useful for me right away. I will dive in it in between editing projects for sure. Very much appreciated your offer and idea👏👏
@itoporelmundo I started* to write up my workflow in a GitHub repo, and added the URL as a link to my channel. As the most recent version of QGIS now exports not just pngs but optionally a video container I want to update my workflow as well. My biggest motivation has always been: In the style of middle-age explorer maps I want to have map details close to the route, and almost no details further away from the route. Such maps practically do not exist in the digital domain, rather a track is slapped on top of whatever basemap was there. Which makes them hard to read and distracting. "We" in the digital age will never reach the quality of printed books again, but at least can strive for that level. Biggest side effect when using data from NaturalEarth (licenced under the public domain): Full ownership of the map. FULL +++ OWNERSHIP! (If you ever tried to include a map in any proper publication you know the importance.) *) just placeholder files for the moment. "Stay tuned".
Sorry, but this example is not good video map animation (with some basic mistakes ). On YT there are a lot of much better ones with better explanation.
WoW, this video is fantastic like all the other fusion animation videos! After learning Fusion zero to hero, these videos help me open my mind even more... Thank you, dr. Fusion!😄
Soooo, I'm the knucklehead that reads a bunch of comments before commenting myself. I have watched MANY of your videos young man and enjoy your spirit of throw it out there and see how it works! Unless of course I am mistaken. Regardless, after watching as many as I have, I am beginning to grasp the concept of order. Muchas Gracias!!!!!!!!! 👍
AWESOME. I like to first think and figure it out how was done. More or less as I thought, the only problem is I don't know all the tools, nuts & bolts, variable settings available for every component, so it probably would take me several months to do this that only takes minutes 😂 Great helpful video as always Casey! 👍
I do a lot of cycling and try to make cycling videos. In cycling we use GPX files to plot a route, it's just a text file with GPS coordinates. Would be very cool if you could import that into DR.
th-cam.com/video/obTABTsWMlU/w-d-xo.html Check out the video titled Create A Travel Map Animation with Real Data | QGIS for a method. Its pretty involved but looks like it would get you want you are looking for.
The key is to overlay the data in your GPX file onto the map. Use whatever mapping software you normally use (Google Maps works fine). Load/import your GPX file, then zoom to the area of interest. Now do a screen capture or image export to obtain a map image (Route_Map_MI) showing your route. This image will be the reference you use to draw the mask on the background node. Then hide your route, and do another screen capture or image export to obtain another map image WITHOUT your route (Map_MI). This image should be identical in size and view of your Route_Map_MI, and will be used for the actual animation. These images have no transparency layer, so you would not be able to do the Ocean_Colour_BG trick. Follow Casey's tutorial, but first connect Route_Map_MI to the ColorCorrector, then draw your mask following your route. Once you are happy with your mask, break the connection for Route_Map_MI, and instead connect Map_MI to ColorCorrector. And Bob's your uncle.
You continue to AMAZE me. So many little secret nuggets of information in each video. I have a playlist of what I call "reference videos" and guess what - it's the Casey Faris Show.
Thanks for this video - perfect for what I need. First time in Fusion and got right to having the car animated working well. Did something so I had to start again and for the life of me I can't now get the Journey Line to appear onto of the map. Yikes. Any chance of posting the nodes up until where the yellow line is working? Yes, I have now activated back-ups!!!
Isn't there a way to use the yellow line path and map this to the car movement? That would be pretty dope and I feel like Fusion is definitely powerful enough for this to be a thing.
It's actually kinda hard to make dotted lines in Fusion. Weird I know. One way would be to make a dotted line in a graphics program and bring that in as art then reveal the line with a mask.
It's actually very easy make dotted line in fusion. You write the route path with paint node and in section "stroke controls" you shift the position "spacing" slider to the right and Voilà -done. You can change the size, colors etc.
Thanks Casey. I sent you an email asking for this a little while ago. I don’t know if this is in response to that email or not, but it’s super helpful.
FINALLY FIXED - phew. I did manage to get the yellow line to work and even had the car working, when I did something wrong and had to start again. Since then I haven’t been able to get the yellow line to appear on the map. Frustrating. Yes, and now I have enabled back-ups.
It's easy. At 8:04 in the video, Casey says you should remove 'polygon1polyline'. If you don't remove it, you can actually use that datapoint to make animating along a path easier. Just get a transform node, left-click the centre button > connect to > polygon1polyline. This will add it as a modifier to your node. Go to the modifiers tab and you'll see controls for it. I believe the control to move your element along the path is called 'position' but I'm not sure. Keyframe that yourself and voila, you saved a couple minutes. There's even a way to rotate your element based on the path to make the motion more fluid. Plenty of videos on TH-cam for how to do that. Edit: I also just thought of a way to make it even easier with expressions. If you left-click the 'length' control on the polygon node and export it, you can use that in an expression on the polyline modifier. It's pretty easy and useful in-case your polyline has some fancy easing.
I really, REALLY want to learn how they do the animation where a page from a document dropped down onto a desk, then they highlight text within that document. Sometimes they even animate some of the diagrams on the document. THEN, they drop more pages on top, slightly askew, and do it all again. I know they use the transform tool. But HOW do they use transformations and animations to make it look like a real-ish page, with slight curves on the edges, shadows, etcetera. You could make a 20 video series on this, with lots of details for each step, and i would watch every one. There has to be a long list of things that one would learn (for use elsewhere) just by learning this.
I for the life of me cannot find a tutorial for a similar instance, but the center of the view is on the camera. and would be cool if you could edit the line and the view moved with it, so the view movement should not be done with key frames
I do a lot of map animations, but I’m always frustrated by resolution. It’s purely my own ignorance, but I’ve never been able to figure it out. I want to use a large satellite view (like from Google Earth) and still maintain visual clarity when zooming-in to the travel path. The TH-cam channel GeographyNow uses motion graphics that are similar to what I’m trying for, as an example. I just can’t seem to understand the concept enough to make it work. Anybody have any suggestions?
I appreciate the video, but it's hard to see the nodes they are not clear and when i drag the car on to the node section like you did you get a merge 3, i don't get that i have to add one then there is no way to connect that merge 3 to merge 2 it does not work at that point for me version 19 STUDIO anyways. Not sure why i can't get the car to show over the map like you have, i tried for over 1hr to fix it but it won't work In your video it would be super helpful if you put up a full screen cap of your NODES when you do something or explain a bit more as it seems so odd that part will not work no matter what for me. Many thanks for the video i enjoy then and have picked up a lot from you already
@@CaseyFaris Thank you for the reply, yes i did that i have tried to put the additional merge node where you have yours and after merge 2, but no joy it does not show or work. As soon as that is connected the animation line then stops and no image of the car. on your video it clearly works
Lol ... now I know the truth about Dr Fusion, for a few videos that I've seen him I thought it was a b-roll from some show or something... feel so dumb now >_
Are you serious ? Some people have the life . This map animation should be in Google Maps , loooong ! time ago . Please , send it to Google IT department . Thank you !
I appreciate your tutorials, but for you to say that this is simpler than After effects... Well, I have to disagree. Seems awfully convoluted. I'll stick with it, but I am being pulled back to AE ( A similar map animation I did 8 years agio took all of 5 minutes in AE. I'm a big fan of Layers... )...I'll take your world for it that this gets easier, but I'm skeptical. Thank you for the effort.
Check out the FREE 9 Nodes course: www.groundcontrol.film/9-nodes-workshop
To make the car move along the path:
1 Don't remove the polyline from the path.
2 Go to the transform node of the car, right click on center and select animate. It will create a modifier.
3 Go to the modifiers tab.
4 Right click where it says 'Right-click here for shape animation' and select Connect to > Polygon > Polyline. The car should now be at the beginning of the path. If it's not, make sure there is no resolution mismatch between the nodes.
5 Go to path Polygon node.
6 Right click on length and select 'Publish'.
7 Go to the car transform node and go to the modifiers tab once again.
8 Remove the keyframe that is already set on Displacement.
9 Right click on Displacement and select Connect to > Polygon > Length.
Now when you change the length of the path, the car should move with it.
It is a little glitchy. If the car seems to be stuck at the beginning of the path and doesn't move with the length slider, nudge one of the corners of the path just a little. This fixes it for me.
oooh great suggestion! I'll have to try that!
I tried this method with a simple 4 point polygon and instead of an image, I placed a hollow circle on the path, and for some reason there is something wrong with the scale in the middle of the path as the circle seemed to run ahead a bit - the position matched fine for the beginning and the end of the path.. any ideas?
PS: Casey, you forgot to link to that video roughly 10 minutes in
PPS: for a straight line, there are no issues. It's only when there are 'detour points' on the path that the drawing of the path falls behind the movement of the object I put on the path
Hey Casey just so you know we folks in FL think that y'all in Oregon are crazy. Love your tutorials man!
I have no idea how you do this. You always show up with exactly what I need!! Your like my personal IT guy, haha.
Casey, once again you explain things so incredibly clearly. Thanks again for gifting us all this knowledge.
I recommend to look into QGIS for any map animation that shall be based on proper geodata (e.g. from naturalearth). As a specialized tool for geospatial analysis it comes with an intial hurdle and learning curve, but the result speaks is just so much better: Different details per zoom level, selection of e.g. cities in a buffer around a route, capable coloring, geo features like capitals, airports or mountain range. At minimum only 3-5 features of QGIS are really needed, and a bunch of png files can be exported in 10-15 minutes. Don't get me wrong, I am as much of a DaVinci Resolve fan as anybody watching this channel. DVR is just not the right tool.
THIS.
Thank you for the info. I will definetly check it out. The little I just read after your comment, it sounds a great idea👍👍👍👋
@@Despacitoporelmundo I am not good at putting out tutorials, but feel free to reach out to me (my channel will have my email on display for a few weeks). Also have a few map animations on display there (the channel is otherwise rather empty), the maps animations are just the sequence of exported png files, and a bit of speed ramping would further spice them up. Datasource is "naturalearth" plus a bicycle GPX track.
@@OutOfHomeOffice Thank you for the offer @OutOfHomeOffice👏👏I will definetly check it out and might even reach you when I start playing with this map program. I see that even as a simple map source it will be useful for me right away. I will dive in it in between editing projects for sure. Very much appreciated your offer and idea👏👏
@itoporelmundo I started* to write up my workflow in a GitHub repo, and added the URL as a link to my channel. As the most recent version of QGIS now exports not just pngs but optionally a video container I want to update my workflow as well.
My biggest motivation has always been: In the style of middle-age explorer maps I want to have map details close to the route, and almost no details further away from the route. Such maps practically do not exist in the digital domain, rather a track is slapped on top of whatever basemap was there. Which makes them hard to read and distracting. "We" in the digital age will never reach the quality of printed books again, but at least can strive for that level.
Biggest side effect when using data from NaturalEarth (licenced under the public domain): Full ownership of the map. FULL +++ OWNERSHIP! (If you ever tried to include a map in any proper publication you know the importance.)
*) just placeholder files for the moment. "Stay tuned".
I WAS FRUSTATED SEARCHING GOOD VIDEO ON MAP ANIMATION,I WASTED LOT OF TIME FINALLY BEST CREATOR CAME TO RESCUE.....
Sorry, but this example is not good video map animation (with some basic mistakes ). On YT there are a lot of much better ones with better explanation.
The personal touches really add to this vid. Well done.
Perfect timing was just working on a video where I needed something like this
WoW, this video is fantastic like all the other fusion animation videos! After learning Fusion zero to hero, these videos help me open my mind even more... Thank you, dr. Fusion!😄
I love watching your videos and try to see how I can apply these lessons to my comics.
Soooo, I'm the knucklehead that reads a bunch of comments before commenting myself. I have watched MANY of your videos young man and enjoy your spirit of throw it out there and see how it works! Unless of course I am mistaken. Regardless, after watching as many as I have, I am beginning to grasp the concept of order. Muchas Gracias!!!!!!!!! 👍
Thanks for this
I’ve always wanted to add this to my travel vacation videos. It explains the itinerary way better than a volume of words. Thanks👍👍😄
Great!! Thanks! This is what I have been looking for for a while. 👍
AWESOME. I like to first think and figure it out how was done. More or less as I thought, the only problem is I don't know all the tools, nuts & bolts, variable settings available for every component, so it probably would take me several months to do this that only takes minutes 😂
Great helpful video as always Casey! 👍
Thank you for this. I've always wondered how these map animations are done!
Thank you very much for listening to dr Fusion, when he told you that you have to come out, with more fun content, very good, thank you!!.
Casey you're a nut like me. Really enjoying the mad scientist outtakes 😅
Thanks for this, really helped me out. Hopefully it will improve the production quality of our next video.
I do a lot of cycling and try to make cycling videos. In cycling we use GPX files to plot a route, it's just a text file with GPS coordinates. Would be very cool if you could import that into DR.
th-cam.com/video/obTABTsWMlU/w-d-xo.html Check out the video titled Create A Travel Map Animation with Real Data | QGIS
for a method. Its pretty involved but looks like it would get you want you are looking for.
The key is to overlay the data in your GPX file onto the map.
Use whatever mapping software you normally use (Google Maps works fine). Load/import your GPX file, then zoom to the area of interest. Now do a screen capture or image export to obtain a map image (Route_Map_MI) showing your route. This image will be the reference you use to draw the mask on the background node.
Then hide your route, and do another screen capture or image export to obtain another map image WITHOUT your route (Map_MI). This image should be identical in size and view of your Route_Map_MI, and will be used for the actual animation.
These images have no transparency layer, so you would not be able to do the Ocean_Colour_BG trick.
Follow Casey's tutorial, but first connect Route_Map_MI to the ColorCorrector, then draw your mask following your route. Once you are happy with your mask, break the connection for Route_Map_MI, and instead connect Map_MI to ColorCorrector. And Bob's your uncle.
@@t3chrs Exactly what I was looking for! Thank you
@@tinthefatty Thank you!
@@t3chrsThis was my first thought. QGIS offers far more control over the map generated, but as you said it's pretty involved.
This video is absolutely amazing
Nice thanks!
Thanks for making this! I always learn something new in each video. I am also in Florida and can confirm we are all crazy!!😂
so amazing, i love it!!
Gotta love the humour!!! 😂
Great tutorial! Thank you very much!
I get lots of great tips from you. I am working on a related topic. And I want to know if I can rotate the images as the route makes turns?
The video is helpful and I have an idea to try now.
You continue to AMAZE me. So many little secret nuggets of information in each video. I have a playlist of what I call "reference videos" and guess what - it's the Casey Faris Show.
Will we ever get a compilation of Dr. Fusion? Maybe a Dr. Fusion show? Maybe some BTS Dr. Fusion footage?
Love it 😅
I feel like you did an animation with a bee going along a line at some point?
Know which vid i mean? I can't find it video!
Fun video. Thanks. To make it just that extra bit more realistic, how could you 😊change Canada to its authentic white instead of green?
I was hoping you'd share this with us. Thanks
Thank you. That is exactly what I wanted.
So good, thanks!👋
Nice job bud
Thanks for this video - perfect for what I need. First time in Fusion and got right to having the car animated working well. Did something so I had to start again and for the life of me I can't now get the Journey Line to appear onto of the map. Yikes. Any chance of posting the nodes up until where the yellow line is working? Yes, I have now activated back-ups!!!
Yup, a funer way to do simple map animation! I think I'ma use it in my map demonstrating the trajectory of Kevin the Weiner dog.
Great tutorial! Thanks!
This is so valuable…Thank you so much!!
Hello Casey...I don't know if this would be possible, but would you make a video showing how to make motion graphics like MagnatesMedia does?
Isn't there a way to use the yellow line path and map this to the car movement? That would be pretty dope and I feel like Fusion is definitely powerful enough for this to be a thing.
Yes there's a way to publish the path and move the car along with it. It's a lil complicated tho. Jake Wipp has a video on it I believe.
Thanks for the tutorial Casey. I did have one question, how would we make the line a dotted line instead of solid?
It's actually kinda hard to make dotted lines in Fusion. Weird I know. One way would be to make a dotted line in a graphics program and bring that in as art then reveal the line with a mask.
th-cam.com/video/ksVtRk9eSv4/w-d-xo.html
It's actually very easy make dotted line in fusion. You write the route path with paint node and in section "stroke controls" you shift the position "spacing" slider to the right and Voilà -done. You can change the size, colors etc.
Thanks Casey. I sent you an email asking for this a little while ago. I don’t know if this is in response to that email or not, but it’s super helpful.
Question, could you motion-track the end of the Path line and then throw the car ontop of it somehow?
7:35 Casey makes the mask smaller, what are the inputs for doing this?
Tried to do what you did but once I add the Yellow box and the Polygon I cannot get the route to appear on the map.
Same and I tried twice lol
Check arrow colors I had one wrong but there is also a simpler video I found easier for a first attempt. Hope that helps someone :)
We cannot see the nodes property in the demo.
FINALLY FIXED - phew. I did manage to get the yellow line to work and even had the car working, when I did something wrong and had to start again. Since then I haven’t been able to get the yellow line to appear on the map. Frustrating. Yes, and now I have enabled back-ups.
Want a tutorial, how to animate text for perfect lyrics and subtitles in sync...
Definitely turning Dr Fusion appearances into a drinking game for the next one
It's possível to do that with camera 3d? No use transform, but camera3D to follow this line?
Casey's kids when they watch this in 2034 and see him dressed up as a scientist: Awwwwwww Daaadd!
Dr Fusion ‼️ 👍
So there's no way to copy polyline path to "motion path" of a transform node??😢
Right-click + „connect to“ as keywords for further search :)
It is possible
It's easy. At 8:04 in the video, Casey says you should remove 'polygon1polyline'. If you don't remove it, you can actually use that datapoint to make animating along a path easier. Just get a transform node, left-click the centre button > connect to > polygon1polyline. This will add it as a modifier to your node. Go to the modifiers tab and you'll see controls for it. I believe the control to move your element along the path is called 'position' but I'm not sure. Keyframe that yourself and voila, you saved a couple minutes. There's even a way to rotate your element based on the path to make the motion more fluid. Plenty of videos on TH-cam for how to do that.
Edit: I also just thought of a way to make it even easier with expressions. If you left-click the 'length' control on the polygon node and export it, you can use that in an expression on the polyline modifier. It's pretty easy and useful in-case your polyline has some fancy easing.
Why such complications with the animation of the car movement? After all, you can just publish a path and connect the car to it?
I really, REALLY want to learn how they do the animation where a page from a document dropped down onto a desk, then they highlight text within that document. Sometimes they even animate some of the diagrams on the document. THEN, they drop more pages on top, slightly askew, and do it all again.
I know they use the transform tool. But HOW do they use transformations and animations to make it look like a real-ish page, with slight curves on the edges, shadows, etcetera.
You could make a 20 video series on this, with lots of details for each step, and i would watch every one. There has to be a long list of things that one would learn (for use elsewhere) just by learning this.
Is there another way to follow the line? cause is kinda tedious keyframing every 2 seconds.
I for the life of me cannot find a tutorial for a similar instance, but the center of the view is on the camera. and would be cool if you could edit the line and the view moved with it, so the view movement should not be done with key frames
Isn't it time BM makes Pre-divide/Post-multiply default? Seems we always have to go in and enable it.
You can save it as default actually. That's what I stared doing
I do a lot of map animations, but I’m always frustrated by resolution. It’s purely my own ignorance, but I’ve never been able to figure it out. I want to use a large satellite view (like from Google Earth) and still maintain visual clarity when zooming-in to the travel path. The TH-cam channel GeographyNow uses motion graphics that are similar to what I’m trying for, as an example. I just can’t seem to understand the concept enough to make it work. Anybody have any suggestions?
I appreciate the video, but it's hard to see the nodes they are not clear and when i drag the car on to the node section like you did you get a merge 3, i don't get that i have to add one then there is no way to connect that merge 3 to merge 2 it does not work at that point for me version 19 STUDIO anyways.
Not sure why i can't get the car to show over the map like you have, i tried for over 1hr to fix it but it won't work
In your video it would be super helpful if you put up a full screen cap of your NODES when you do something or explain a bit more as it seems so odd that part will not work no matter what for me.
Many thanks for the video i enjoy then and have picked up a lot from you already
You'd have to add a merge yourself and connect it after merge 2.
@@CaseyFaris Thank you for the reply, yes i did that i have tried to put the additional merge node where you have yours and after merge 2, but no joy it does not show or work. As soon as that is connected the animation line then stops and no image of the car. on your video it clearly works
Lol ... now I know the truth about Dr Fusion, for a few videos that I've seen him I thought it was a b-roll from some show or something... feel so dumb now >_
Are you serious ? Some people have the life . This map animation should be in Google Maps , loooong ! time ago . Please , send it to Google IT department . Thank you !
Let's be real, how could you retrieve a dog without a map like this?
yo have the same name
11:41 sad. I clicked only for this part ☹
I'm so lost in this haha
I appreciate your tutorials, but for you to say that this is simpler than After effects... Well, I have to disagree. Seems awfully convoluted. I'll stick with it, but I am being pulled back to AE ( A similar map animation I did 8 years agio took all of 5 minutes in AE. I'm a big fan of Layers... )...I'll take your world for it that this gets easier, but I'm skeptical. Thank you for the effort.
You lost me when you said Oregon is for sane people. 🤨 Otherwise good stuff.👍
Like seriously! You put so much efforts animating car separately! You could had just done it in a way simpler way 😪
Resolve should create a plug in similar to geolayers
Worst and third class quality map.....