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!
@CBSuper4 жыл бұрын
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.
@gadgetboyplaysmc3 жыл бұрын
I feel like for vector animations After effects is better because you can aninate paths. not sure with fusion.
@GargoylesAtWork4 жыл бұрын
Love it! This is definitely an amazing use of Fusion that deserves exposure. Thanks for sharing.
@CBSuper4 жыл бұрын
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.
@GargoylesAtWork4 жыл бұрын
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.
@CBSuper4 жыл бұрын
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.
@SpencerCowleySRC4 жыл бұрын
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.
@CBSuper4 жыл бұрын
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.
@lifewithkidneydisease2 жыл бұрын
This is one of the best animated fusion video I have seen. Just amazing! Thank you for making this!
@CBSuper2 жыл бұрын
Very welcome
@ashishjatiani33563 жыл бұрын
Best fusion tutorial out there! Keep up the good work man!
@CBSuper3 жыл бұрын
Thanks!
@minalein86423 жыл бұрын
As a newbie to animating in DaVinci I love the long and detailed video!
@CBSuper3 жыл бұрын
Perfect!
@DavidWinstead4 жыл бұрын
Awesome animation, I learned a lot in this one bud, Thanks!
@CBSuper4 жыл бұрын
Thanks!
@jonytf4 жыл бұрын
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.
@CBSuper4 жыл бұрын
You're so welcome!
@failingfastpvp2 жыл бұрын
This is an epic tutorial, thanks a lot for sharing.
@CBSuper2 жыл бұрын
Very welcome!
@studiodurhone4 жыл бұрын
good idea, looking forward to practice by myself. Thank you from France !
@CBSuper4 жыл бұрын
Have some fun with it. Cheers!
@chfr2 жыл бұрын
Very cute animation, thanks for the tutorial
@CBSuper2 жыл бұрын
Thanks for the comment, animating vectors is pretty easy, but can get crazy if you have to clean up alot.
@bakusbull3 жыл бұрын
this is exactly what I was looking for - thank you!
@CBSuper3 жыл бұрын
You’re welcome!
@GCKteamKrispy3 жыл бұрын
Thank you VERY much. I have used after effects before, and now found amazing free alternative for it. This tutorial is awesome
@CBSuper3 жыл бұрын
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.
@johnmortensen27794 жыл бұрын
That is great. I’ve done this many times in AE. Honestly I am loving fusion.
@CBSuper4 жыл бұрын
Great to hear!
@bendesignsmedia4 жыл бұрын
Awesome, thank you for this!
@CBSuper4 жыл бұрын
Glad you liked it!
@HowToFTO3 жыл бұрын
Great! I´ve learn a lot of important little details. Thanks!
@CBSuper3 жыл бұрын
Cheers.
@jono57442 жыл бұрын
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!
@CBSuper2 жыл бұрын
No prob. Hope you enjoy the videos!
@DarkSideOfDawn3 жыл бұрын
This is amazing and exactly what I was looking for. Thanks for posting!
@CBSuper3 жыл бұрын
Excellent, glad it was helpful.
@DarkSideOfDawn3 жыл бұрын
@@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.
@joelattana44704 жыл бұрын
Always Super!!! 👏😁
@CBSuper4 жыл бұрын
Thank you! Cheers!
@IbiFTheRealOne8 ай бұрын
Thank you! Its so nice
@CBSuper7 ай бұрын
I'm glad you like it
@hamaszafar30683 жыл бұрын
Great work, keep it up.
@CBSuper3 жыл бұрын
Thanks, will do!
@gabrielelias9834 жыл бұрын
This is great! I'm learning inkscape now so this is perfect
@CBSuper4 жыл бұрын
Perfect!
@tief19754 жыл бұрын
nice one man, cheers for the tips
@CBSuper4 жыл бұрын
Happy to help
@hindell2976 Жыл бұрын
Great tutorial! Definitely not too long, now i know everything i need to.
@CBSuper Жыл бұрын
Glad it was helpful!
@SysFader4 жыл бұрын
Can't wait to get started. This is a very concise explanation thanks for the great video
@CBSuper4 жыл бұрын
You bet, svg animation is fun!
@SysFader4 жыл бұрын
@@CBSuper Do you think it would be possible to animate vectored characters for a short story using Fusion in DaVinchi?
@CBSuper4 жыл бұрын
SystemFader sure, i think once you get it rigged, animating is pretty straight forward.
@MattVarner Жыл бұрын
Thank you SO much!
@CBSuper Жыл бұрын
Very welcome
@scientismd Жыл бұрын
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.
@CBSuper Жыл бұрын
The software definitely didn’t prioritize animation, but it’s totally doable.
@KarelChytilArt2 жыл бұрын
Perfect
@CBSuper2 жыл бұрын
Thanks
@compendium_4 жыл бұрын
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!
@CBSuper4 жыл бұрын
Welcome aboard!
@TheVirtualbird4 жыл бұрын
Same here. Thank you for proving me I can do animation in fusion !!
@CBSuper4 жыл бұрын
Cristian Pricop you bet!
@deadtealeaves88184 жыл бұрын
Great job, that looked like it was hard work to put together.
@CBSuper4 жыл бұрын
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.
@aryan33884 жыл бұрын
thanks for this awesome video..
@CBSuper4 жыл бұрын
Very welcome!
@EricsVeganVan4 жыл бұрын
Excellent, thank you. I've been wanting to do something with my logo and wasn't sure where to start.
@CBSuper4 жыл бұрын
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.
@flyfreenet3 жыл бұрын
It's great idea 💡
@CBSuper3 жыл бұрын
Definitely, and pretty easy to do.
@nbageek58753 жыл бұрын
Mannn ur a legend
@CBSuper3 жыл бұрын
Thanks much!
@massimodambrogio3 жыл бұрын
Thanks very in deep tutorial
@CBSuper3 жыл бұрын
Welcome!
@MichelBarbaro4 жыл бұрын
Great!!!!!
@CBSuper4 жыл бұрын
Thanks again Michel!
@nafeesnamedit4 жыл бұрын
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?
@CBSuper4 жыл бұрын
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.
@gauravkaushik93843 жыл бұрын
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 _____________________________________________________________________
@CBSuper3 жыл бұрын
Timestamps are also pinned at the top of the comments section and in the description..as well as set up on the video timeline.
@moodberry4 жыл бұрын
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.
@CBSuper4 жыл бұрын
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.
@nicolasgrenier5808 Жыл бұрын
That's quite fantastic, the next step would be to synchronize it with voice...
@CBSuper Жыл бұрын
Great idea!
@BursaProduction4 жыл бұрын
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?
@CBSuper4 жыл бұрын
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.
@zaydpatel8674 Жыл бұрын
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.
@CBSuper Жыл бұрын
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.
@popcornviews3 жыл бұрын
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 :)
@CBSuper3 жыл бұрын
I dont know of a place, but envato elements has animations, but not really customizable.
@jorn-jorenjorenson50284 жыл бұрын
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!
@CBSuper4 жыл бұрын
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!
@saadshah78574 жыл бұрын
@@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
@CBSuper4 жыл бұрын
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.
@saadshah78574 жыл бұрын
@@CBSuper haha you are not alone! Personally I would rather have some extra nodes and a clean flow too
@loomestuudio.2 жыл бұрын
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.
@CBSuper2 жыл бұрын
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.
@bartbrinkmann81014 жыл бұрын
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?
@CBSuper4 жыл бұрын
Sounds like a bug to me. Your importing through the fusion drop down?
@gabrielelias9834 жыл бұрын
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.
@CBSuper4 жыл бұрын
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.
@rafaelcarette2133 жыл бұрын
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')
@CBSuper3 жыл бұрын
Sorry, not sure. I havent used affinity before.
@DrunkenLeaf3 жыл бұрын
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?
@CBSuper3 жыл бұрын
Scale up you vectors on import or just after import.
@ChromeLion4 жыл бұрын
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.
@CBSuper4 жыл бұрын
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.
@ChromeLion4 жыл бұрын
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.
@CBSuper4 жыл бұрын
Thanks, I'll check it out.
@zakkbeaty83523 жыл бұрын
Wonderful! Have you done any videos on animating talking? There's plenty of content for AE but not Fusion.
@CBSuper3 жыл бұрын
I havent. I dont think ive ever tried to do any lip sync with fusion before. Id have to research that a bit.
@gereral1_jackofalltrades4 жыл бұрын
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.....
@CBSuper4 жыл бұрын
Thanks for the info! I'll have to take a look at Inkscape.
@timonbritschgi21722 жыл бұрын
Is it possible with DaVinci to export Lottie files or anything similar to use the animations later on websites and apps?
@CBSuper2 жыл бұрын
Im not 100 sure, but I don’t think so.
@PJBros2 жыл бұрын
Awesome video. has anything changed in 2022?
@CBSuper2 жыл бұрын
Probably, little user interface things change with every few updates, but the basic concepts stay the same.
@Swmdwn.Khakhlary4 жыл бұрын
Thanks! you're amazing. Can you make a vhs film tutorial...like the basic color grading for it
@CBSuper4 жыл бұрын
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.
@Swmdwn.Khakhlary4 жыл бұрын
@@CBSuperthanks I'll be waiting
@CBSuper4 жыл бұрын
Im working on a retro vhs tool, i’ll keep you posted.
@Swmdwn.Khakhlary4 жыл бұрын
@@CBSuper thank you
@Scorpio_P4 жыл бұрын
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 :)
@Scorpio_P4 жыл бұрын
sry ) solved it by myself :) path 2 svg must b only on english, no other languages allowed :) like houdini
@CBSuper4 жыл бұрын
That's a good tip that I wasn't aware of, thanks!
@loserhub98672 жыл бұрын
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?
@CBSuper2 жыл бұрын
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.
@iiirrrisss3 жыл бұрын
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!!
@CBSuper3 жыл бұрын
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.
@iiirrrisss3 жыл бұрын
@@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!
@CBSuper3 жыл бұрын
@@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.
@iiirrrisss3 жыл бұрын
@@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.
@CBSuper3 жыл бұрын
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.
@lachy_stack8362 жыл бұрын
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?
@CBSuper2 жыл бұрын
Its a joint for the two body parts. There is a warp but its not practical for animation.
@lachy_stack8362 жыл бұрын
@@CBSuper i meant more like animate the actualy dot points of like a pen tool stroke of the svg
@realwonkers4 жыл бұрын
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.
@CBSuper4 жыл бұрын
Did you create a fusion comp first?
@karbum4 жыл бұрын
can you use vector image itself and animate that, than change / modify the image itself?
@CBSuper4 жыл бұрын
yes
@CBSuper4 жыл бұрын
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.
@olegnamedia23553 жыл бұрын
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
@CBSuper3 жыл бұрын
Would be nice.
@GNPgaming4 жыл бұрын
Can this method apply using PNG files?
@CBSuper4 жыл бұрын
Sorta, they just wont be vectors. So when you size or stretch them, they will loose resolution, but it will work similarly.
@mpugliano4 жыл бұрын
Did you use some of the Doodley assets?
@CBSuper4 жыл бұрын
All of these assets were downloaded from Pixabay, but Its possible they are available on other platforms.
@karayuschij Жыл бұрын
What you called Rarm is actually the Left arm :D
@CBSuper Жыл бұрын
Thanks!
@benventura1002 ай бұрын
Have You think of, creating a Vector File in Sketch, where You can order and even name the vectors?
@CBSuper2 ай бұрын
Great idea!
@TaaviJuursalu2 жыл бұрын
Also why not remove the unnecessary stuff in AI or Inkscape and import just the needed stuff?
@CBSuper2 жыл бұрын
That’s another option
@Timelapsewelt3 жыл бұрын
1000000000 like
@CBSuper3 жыл бұрын
Thanks!
@Timelapsewelt3 жыл бұрын
@@CBSuper thank you) very helping
@TaaviJuursalu2 жыл бұрын
2:01 adobe hasn't done anything to SVG. It was pressured by web devs to support it.
@CBSuper2 жыл бұрын
Thanks, that was my mistake.
@keYserSOze2008 Жыл бұрын
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. 😬
@CBSuper Жыл бұрын
100% agree. It’s way more work than it should be.
@ucheucheuche4 жыл бұрын
I cried inside when you imported your snowman, and all you saw was nodes, like brunettes in The matrix monitor. Not WYSIWYG
@CBSuper4 жыл бұрын
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.
@aidanoliver82095 ай бұрын
Insanity
@CBSuper5 ай бұрын
Awesome, glad it helps!
@aidanoliver82095 ай бұрын
I want you to get huge man. You deserve it. Legit alturism going on with ya Mr. CB SUPAAAA MAN. @@CBSuper