Vector Animation in DaVinci Resolve
Vložit
- čas přidán 20. 07. 2024
- Learn how to import and animate SVG Vector Files in DaVinci Resolve 16.2. Found this video useful and want to say a quick thank you? Why not buy me a coffee:
www.buymeacoffee.com/cbsuper
I hope you found this useful :) Thanks for watching.
CB SUPER
0:00 Intro
2:45 Import SVG Files
4:40 Clean Up Files for animation
10:54 Adding Textures
12:32 Rig for Animation
15:08 Set up Rig Control
18:12 Scene Setup
21:40 Animation
Snowman Vector: pixabay.com/vectors/snowman-s...
Snow Scene: pixabay.com/illustrations/sno...
Snow Texture: pixabay.com/photos/snow-winte...
Download free DaVinci tools over at my web site www.cbsuper.com/
You can copy and paste tools into your DaVinci Resolve Fusion Macro folder. The file should be a .settings file. Then when you're in Fusion, you should be able to access it by the Macro name using the method in the video. See the file location below for Mac and PC.
PC Users - Paste into:
C:\Users\”YOUR_USER”\AppData\Roaming\Blackmagic Design\DaVinci Resolve\Fusion\Macros
Or
\Users\”YOUR_USER”\AppData\Roaming\Blackmagic Design\DaVinciResolve\support\Fusion\Macros
Mac Users - Paste into:
Macintosh HD/Users/”YOUR_USER”/Library/Application Support/Blackmagic Design/DaVinci Resolve/Fusion/Macros
MUSIC:
------------------------------
Music by Badsnacks
/ @badsnacks
#DaVinciResolve #VectorAnimation #Tutorial - Krátké a kreslené filmy
Wow.. That is a lot of work... But once you get it setup.. .You can animate it to do just about anything you want! Thanks for showing how SVG works in Fusion!
Yeah for sure, animation is a lot of work. And I cut a lot of corners here, refining the animations could take much longer. I also only rigged the main parts instead of actual joints. Maybe some day, I’ll do a full in-depth tutorial on animation, but honestly, it would be like a 7 hr class and have a retention time of 5 minutes. Lol.
I feel like for vector animations After effects is better because you can aninate paths. not sure with fusion.
Love it! This is definitely an amazing use of Fusion that deserves exposure. Thanks for sharing.
Thanks! Animating in Fusion is actually pretty easy. It’s probably still easier to do small animations in AE, but I couldn’t imagine animating a very large project in AE vs Fusion. Its nice to be able to group and parent assets by just moving them around on the node panel. As the project size increases, this would get much harder in AE while in Fusion it pretty much stays the same.
Indeed. That's why they pre comp every thing. Not to take anything away from AE, as I have never used it. But I agree, honesty, people havent realized how easy it is to work with large projects in Fusion and node based editing.
I love how you are pushing the envelope and exposing people to what it can do.
I still use AE for a lot of things, but Fusion has been my go-to for the last 6 months. Fusion is so close to overtaking AE, if only Blackmagic would put in all the features I keep telling them I need lol.
I'm super super grateful you put this together. I've been a DR/Fusion user for a while now but have been trying to learn Motion Graphics and some simple animation in Fusion and this video helps so much! Keep them coming.
Glad it was helpful! I know it can be frustrating working in Mograph in Fusion. It's definitely not set up for Mograph users, but I think with every update, it's getting better and better. Check out @gargoylesatwork as he has some good mograph tutorials as well.
As a newbie to animating in DaVinci I love the long and detailed video!
Perfect!
This is one of the best animated fusion video I have seen. Just amazing! Thank you for making this!
Very welcome
Thanks man! I searched for a hint where to start and everyone seemed to say: don't do it, the software is not made for this. But it seems pretty straight forward to me, at least for my needs.
The software definitely didn’t prioritize animation, but it’s totally doable.
Wow I've been looking for a tutorial like this all over! Thank you so much for creating this, it was very informative and helped me tremendously.
You're so welcome!
Best fusion tutorial out there! Keep up the good work man!
Thanks!
Awesome animation, I learned a lot in this one bud, Thanks!
Thanks!
Thank you VERY much. I have used after effects before, and now found amazing free alternative for it. This tutorial is awesome
Great to hear. I do prefer after effects for animating vectors, but DaVinci is free and fun to use, so its definitely my favorite free alternative.
That is great. I’ve done this many times in AE. Honestly I am loving fusion.
Great to hear!
This is amazing and exactly what I was looking for. Thanks for posting!
Excellent, glad it was helpful.
@@CBSuper could you, if you haven't already, show the progress with a PNG? Unfortunately a piece I'm working with doesn't have separate layers for each moving part.
this is exactly what I was looking for - thank you!
You’re welcome!
This is an Awesome video. I've been wondering how to do this but was unsure of what exactly I was looking for. Thanks and I look forward to checking out your other videos!
No prob. Hope you enjoy the videos!
good idea, looking forward to practice by myself. Thank you from France !
Have some fun with it. Cheers!
This is an epic tutorial, thanks a lot for sharing.
Very welcome!
This is great! I'm learning inkscape now so this is perfect
Perfect!
Awesome, thank you for this!
Glad you liked it!
Very cute animation, thanks for the tutorial
Thanks for the comment, animating vectors is pretty easy, but can get crazy if you have to clean up alot.
Found your channel through this video and your content is exactly what I need as a creator who is just starting out. Thanks for sharing!
Welcome aboard!
Same here. Thank you for proving me I can do animation in fusion !!
Cristian Pricop you bet!
Always Super!!! 👏😁
Thank you! Cheers!
Thank you! Its so nice
I'm glad you like it
Great tutorial! Definitely not too long, now i know everything i need to.
Glad it was helpful!
Can't wait to get started. This is a very concise explanation thanks for the great video
You bet, svg animation is fun!
@@CBSuper Do you think it would be possible to animate vectored characters for a short story using Fusion in DaVinchi?
SystemFader sure, i think once you get it rigged, animating is pretty straight forward.
Great! I´ve learn a lot of important little details. Thanks!
Cheers.
Excellent, thank you. I've been wanting to do something with my logo and wasn't sure where to start.
Glad I could help! Fusion can do lots of animations, but don't be afraid to cut up your logo and start recreating it using masks/background nodes. Then start animating the individual parts.
Great job, that looked like it was hard work to put together.
Thanks, it goes much quicker when your not trying to teach it. But it can also be very complicated if the .svg file is complicated or messed up.
Great work, keep it up.
Thanks, will do!
Perfect
Thanks
nice one man, cheers for the tips
Happy to help
Thank you SO much!
Very welcome
thanks for this awesome video..
Very welcome!
I am really getting impressed by resolve's fusion tab!! Like it's more than after effects. Packed into feature. Thanks for the tutorial : ). But can you please tell me how can I create saber type effects of after effects in fusion?
Sorry, still working on that. Saber is my “white whale”. Still trying to get the noise generators to match and there is a displacement going on that Im still trying to figure out.
Mannn ur a legend
Thanks much!
It's great idea 💡
Definitely, and pretty easy to do.
Thanks very in deep tutorial
Welcome!
Great!!!!!
Thanks again Michel!
2:45 Import SVG Files
4:40 Clean Up Files for animation
10:54 Adding Textures
12:32 Rig for Animation
15:08 Set up Rig Control
18:12 Scene Setup
21:40 Animation
Also: Adobe did not create SVG, that was a mistake. Sorry for the confusion.
That's quite fantastic, the next step would be to synchronize it with voice...
Great idea!
0:00 Intro
2:45 Import SVG Files
4:40 Clean Up Files for animation
10:54 Adding Textures
12:32 Rig for Animation
15:08 Set up Rig Control
18:12 Scene Setup
21:40 Animation
_____________________________________________________________________
Timestamps are also pinned at the top of the comments section and in the description..as well as set up on the video timeline.
Really cool how you have mastered this! But I must have missed something. Did you explain how to "sync" shadows so they seem more realistic? I didn't see any shadows on the completed animation, but if I wanted to have shadows convincingly follow, say, the arm movements, based on the angle of light in the scene, can I do that? It would help to more convincingly turn this into a 2.5D cartoon.
Sorry, not this time. I removed all the shadows to make it easier to animate. As for 2.5d, after all the transform nodes, add a DVE node and you’ll get some good 2.5 animation, but it will make your control area a little more crowded. I have some ideas on syncing shadows, but since the XF pivot doesnt impact the flip transforms, it might require some ingenuity. I’ll look into it.
Super helpful tips, thank you!
Do you know a place where to find presets of finished animations like this, which I can then import into davinci?
Keep up the great work :)
I dont know of a place, but envato elements has animations, but not really customizable.
Many thanks! A good starting point for me, as I'm new to fusion animations and coming from AE still have to get used to the node concept (which I think is great, once you've really got it).
Not totally sure if that is correct, but I think instead of creating a new mask to hide the right arm behind the body, you could have also use the body node itself as a mask, right?
Anyway very straight forward and good to follow tutorial!
Yup, you're absolutely right. I could have used the Body (shape layers) to mask out the arm and inverted the Mask input in the Merge Node. For the sake of keeping my flow clean without having extra pipes, I made a new mask since it was just one little piece, but if I need to mask out several things, it would be much more efficient to pipe the actual shape layers from the original and run it into the merge or create a new merge node prior to attaching to the BG pipeline. There is also a wireless link node that probably should have been used in this specific instance, but I'll save that for a later tutorial. Cheers!
@@CBSuper another way would be to check "hide incoming connections" if you wanna reuse the node but dont necessarily want the pipes cluttering the flow
You bet, but I actually dont use that much as it makes troubleshooting tougher down the road when i forget that its on. Ha ha. I like to see the connections but i want them clean, I’m a needy Fusion user.
@@CBSuper haha you are not alone! Personally I would rather have some extra nodes and a clean flow too
Thanks for making this! Im just one app away from being completely $Adobe$ free...just can't leave AE for client work. Hope Blackmagic adds some Fusion features and options to compete with AE.
Oh I hear ya. I still go back to AE for Element 3d, Saber plugin, auto trace, animating AI files, and a few others, but someday. I feel like Fusion has taken a backseat in the past few updates, but I think our time is coming.
Agree with that. On another note, one thing that might speed up your process here is Affinity Designer has a tab that connects to Pixabay and lets you search by vector. And lets you export as svg.
Thanks, I'll check it out.
Thanks! you're amazing.
Can you make a vhs film tutorial...like the basic color grading for it
Sure, Im not a wiz at color grading, but i do like to play around with the TV node. I’ll take a stab at it.
@@CBSuperthanks I'll be waiting
Im working on a retro vhs tool, i’ll keep you posted.
@@CBSuper thank you
Wonderful! Have you done any videos on animating talking? There's plenty of content for AE but not Fusion.
I havent. I dont think ive ever tried to do any lip sync with fusion before. Id have to research that a bit.
Inkscape can export svg files. I was playing with svg logo imported into blender and creating a 3d model to import into fusion. keep the videos coming.....
Thanks for the info! I'll have to take a look at Inkscape.
So the center of the layer and ancchor point is 2 different things in Fusion? For instance sometime I move the text layer to other side of composition, but when adding transform node later on - it doesnt appear at the center of the text layer. is there a key command to align them when adding?
The anchor is the center by default, but it can be moved independently. Text layer is a little different as it has all its own animation features so a transform node added later would default its anchor to the center of the connected node flow resolution.
Awesome video. has anything changed in 2022?
Probably, little user interface things change with every few updates, but the basic concepts stay the same.
Blackmagic should try to fix SVG imports, I was going crazy thinking there was some issue with inkscape. It's not nice at all to be cleaning up every single svg
Would be nice.
What you called Rarm is actually the Left arm :D
Thanks!
I'm curious. I'm a teacher and I've gotten good w video but like I said below, just started w vectors and am interested in motion graphics and little animations. I don't wanna get after effects. What free program is good. I'm pretty far along w resolve - like I understand how fusion works at a complex level - so do you think I should just keep going. Or is it worth looking at another program? This would be to make little crash course videos with some vector drawings and animations alongside video.
So After Effects would probably be my choice for small 2d animations, but if you're looking for a free program, I'd stick with Fusion. You can also play around with Blender as it has some 2d animation functionality, but if you've already been learning Fusion, I'd just keep going that direction. I do plan on making more 2d animation videos in the future that break down everything step by step. This one is a little fast paced, but I think I'll start breaking up the parts into sections next time.
Thanks for this tutorial, I couldn't figure out how to get a vector in. So I saved my illustrator vector as .SVG but when I go to import it through the "Import > SVG," I click on the file and the window closes without asking me dimensions to import as, and my file isn't showing up. I've tried saving as SVG 1.0 and SVG 1.1 profiles, but neither of them seem to matter. Any idea how to fix this and get my media to import correctly?
Sounds like a bug to me. Your importing through the fusion drop down?
Hi, I was wondering if it mattered if each group was connected to their merge node by foreground and background, in my case when I import my character, the parts I want to group together also have different merge nodes.
Yes. The foreground object will be on top of the background object. This may change with the new multi-merge, not sure. Haven’t played with it yet.
Thanks. Why is some of my vector blurry after resizing in Fusion? It's too small after importing but when I resize it, it becomes blurry just like raster would.
Try resizing it closer to the mask node. If it is after a transform or merge, it will rastor, cant recall which nodes rastor exactly but try resizing after the polygon.
Hey there! I was following along trying to animate a person running, but I got a bit stuck when I got to the legs. I made shoes for the person and because the shoe design is different colors (shoe itself, accent design and shoelaces), I wasn't able to delete the merge from the shoelaces and accent design to attach their backgrounds to the shoe's background to create an additional merge like how you did your snowman hat. Is there a limit of 2 backgrounds per merge? Wondering how I can achieve the same movement for the shoe (and I'll be combining this with the leg) when the design is more complex. Thanks!!
Yes, limit is two objects per merge. You should be able to still do it though. You just need to have the shoe laces (and any other objects) merge on top of the shoes to parent them to the shoes. Not sure if this is easy to explain, but the shoes will be the background and everything that sticks to them will be in a foreground merge. I may need to do a more complicated video on this.
@@CBSuper Ah I think I've got it now. Except I just realized that I might have to redo my SVG because the leg moves as one, and doesn't bend at the knee... lol this was more complicated than I thought!
@@iiirrrisss Also, if you don't want to go back into Illustrator (or whatever Vector program you're using), you can try and fix or add vectors inside Fusion. Let me know if you need more help on this.
@@CBSuper I managed to easily update the vectors and I just added in those separate leg joints, but I was wondering if I wanted to control the joints separately like adjust the area above the knee and then adjust the area below the knee, am I supposed to separate their XF's? When I move the Ctrl for the area above the knee it moves by itself which is good, but then when I move the Ctrl for the area below the knee, it moves that as well as the area above the knee.. I think this is because their XF's are connected but I had to connect them in order for the whole leg to appear on the screen.
Yeah, it can get messy quick with trying to keep parenting and merges respective to their constraints. I would only use merges to combine visible layers to their parented objects, but then add a XF after the merge to control and move the pivot point.
can u say some parameters for svg convert? i just wanna convert eps to svg in AI, but default settings do nothin. Then tryin import svg - nothing happens. psd works fine but svg...
Mb here need some "magic" like in importin qtime files w/ alpha channel? Ty :)
sry ) solved it by myself :) path 2 svg must b only on english, no other languages allowed :) like houdini
That's a good tip that I wasn't aware of, thanks!
Hi ! I'm currently working on a curve animation... so SVG would be my solution, but IDK why, when I import an SVG from affinity Designer (which says my layer is a curve) DaVinci expand it as a shape, but I really don't want that as I'm trying to make a "writting effect" with the name of the Artist I'm working for... Do you eventually would now why there is this "automatic" curve to shape "expand" in Resolve ? And maybe a solution to that kind of problem ? Furthermore, it doesn't react as this for the other layers I exported as SVG from Designer... I'm a bit confused here x')
Sorry, not sure. I havent used affinity before.
2:01 adobe hasn't done anything to SVG. It was pressured by web devs to support it.
Thanks, that was my mistake.
Is this easily scalable for resolutions? like I could import it at 1080, but lets say I need to export it at 4k later could I scale it up then export it without loosing quality? or do I got this all wrong?
Scale up you vectors on import or just after import.
Is there like a way I can animate the upper and lower arm WITHOUT making a upper and lower arm? Like a way to warp bend or something?
Its a joint for the two body parts. There is a warp but its not practical for animation.
@@CBSuper i meant more like animate the actualy dot points of like a pen tool stroke of the svg
Is it possible with DaVinci to export Lottie files or anything similar to use the animations later on websites and apps?
Im not 100 sure, but I don’t think so.
1000000000 like
Thanks!
@@CBSuper thank you) very helping
Have You think of, creating a Vector File in Sketch, where You can order and even name the vectors?
Great idea!
Did you use some of the Doodley assets?
All of these assets were downloaded from Pixabay, but Its possible they are available on other platforms.
can you use vector image itself and animate that, than change / modify the image itself?
yes
This is an example of why Adobe has a strangle hold on the industry; compatibility. All that "clean up" is deal breaker. Hopefully they improve the SVG import. 😬
100% agree. It’s way more work than it should be.
I just create a vectoe avatar with separate limb joint for animation using inkscape, but when I Import the SVG file into Davinci, the node are so long and unorganized. How can I fix this?
Have to clean it up like i did in this video. The other option would be to build the vectors in Fusion. Or simplify the vectors before bringing them into DaVinci. This all depends on how complicated the graphic is. If its too crazy when you bring it in, id just remake it in fusion.
Can this method apply using PNG files?
Sorta, they just wont be vectors. So when you size or stretch them, they will loose resolution, but it will work similarly.
Hey I'm having a little trouble, hoping to get some help. DaVinci Resolve is not letting me import an SVG file. It gives me the option to but when I do import it nothing happens. No nodes show up at all.
Did you create a fusion comp first?
Also why not remove the unnecessary stuff in AI or Inkscape and import just the needed stuff?
That’s another option
I cried inside when you imported your snowman, and all you saw was nodes, like brunettes in The matrix monitor.
Not WYSIWYG
yeah, agree that its a lot at first, but it makes sense once you start getting into the masks and backgrounds..it will also bring in text.
Insanity
Awesome, glad it helps!
I want you to get huge man. You deserve it. Legit alturism going on with ya Mr. CB SUPAAAA MAN. @@CBSuper