The Ultimate Guide to Importing SVG Files in Davinci Resolve Fusion

in last week's video we talked about the vector system inside a d Vinci resolve so if you haven't seen that go check it out I'll wait awesome welcome back so today we're going to talk about importing SVG Graphics whether it be logos characters objects whatever it might be and the goal is to keep them in Vector so that way we can animate them without losing any quality plus I have a trick that no one else is talking about that's going to save you a ton of time when importing svgs to import a SVG file go to the top of your screen under Fusion import and then select SVG once you find your SVG simply click on it hit open and then Fusion is going to ask what resolution we want to import it as which seems kind of contradictory because Vector doesn't have a resolution so why do we need to set one but like we talked about in the last video eventually Vector has to be converted to pixels so that way we can view it on our screen and that's what this is for just to select that final resolution that it's going to be outputed as so if I just hit okay it's going to import it as a group node and if I view this off my left viewer you can see it's going to work perfect inside the inspector we have controls for the background color as well as under the image tab we can set the resolution of the graphic if we double click on the group node it's going to expand it and we reveal it's made up of polygons backgrounds and merge nodes and it's not really that optimized because all of this can be done in just these three nodes if I just view those we have the same same output as viewing this final merge node here Fusion just adds all those to set the canvas size allow you to change the background right away so if we just right click on the group we can do ungroup and then I'm just going to delete everything here that we do not need so now we just have the two polygon nodes going into this background node to set the color now this isn't really the system that we want to be working in like we talked about in the last video polygon nodes will convert back into pixels as soon as they leave the node so if I'm inside of this polygon node and I change the size and scale it up all of that's going to be in Vector we're not going to lose any quality but if I were to add a transform node right after these nodes or even after the background node and then scale it up you'll notice that we start to get the jaged edges because we can start to see the pixels recently Blackmagic design introduced the S polygon node which works inside of the shape system so you can create Vector objects now the issue that we run into is converting this polygon node into the S polygon node the most common way to do it right now is add in an S polygon node view it off in the second viewer come back into the polygon node select all the points right click on them come down to polyline and then hit the copy button then go over into the S polygon node right click somewhere come down a poly line and then do paste and nothing happens cuz it pastes it all the way off to the side for some reason so you have to select all this you'll have to move it back and then I'll have to perfectly align that with the w when I bring it over because all the position values are messed up and if you have a really big graphic that takes a ton of time and since the resolutions don't match the te is actually being stretched a little bit so then you would have to come after the S polygon node add an S transform and then squish it down so it's the right right aspect the method that I found still has its flaws but it eliminates the most timec consuming part of that of copying pasting realigning and all that stuff to understand how it works we need to understand how Fusion stores no data if we copy one of these polygon nodes and then open a text editing program like notepad we can paste the node into here and it's all stored in just plain text it shows us all of the values that we've customized and right down here you can see all the data for each of those individual points up at the top it shows us the name of the node as well as the node type and that's the key right there if we change this from polyline mask to S polygon copy all of this code again switch back into fusion and paste it it's going to remember all of that point data and convert it into an S polygon node so now we have the exact same thing in just a few steps and the best part about this is you can do it for multiple nodes at once so if I copy both of these mask nodes switch back to my text editor I can paste it and then just using a find and replace I can search for polyline mask and then replace it with s polygon and now I can just do replace all and once I do that copy all the text again paste it into fusion and now I have both of my letters if I merge both of those up the aspect ratio is still going to be a little off sometimes so to fix that just add in a transform node and then just use that same X size and Y size to get the correct aspect the nice part about doing it this way is you can adjust all of them using just one transform node now not every SV is going to be quite as simple as that some of them have a lot more complex shapes and even have multiple masks working together so if we look at this one we have three different masks the first one is this W here the second one is the p and the third one is the cutout so that way it is transparent in the middle let's delete these bottom nodes select all the polygons go back into our text editor and paste all that then we can just use the same final replace from before and now when we paste these in we're going to have each one of these elements inside of the vector system but the question is how how do we combine these two so that the one on the right will cut away from the shape on the left well to do that we're going to do shift space and add in a s Boolean node if we connect both of these up we can view it off to the side and set the operation to subtract and now it's going to combine those together and create this sometimes you'll follow those same steps and nothing's going to happen and that's just cuz the inputs are backwards so if you select the node and do contrl T in your keyboard it'll flip those around so that they're correct we can now merge these up together and now we have the exact same logo but in the SVG system a lot of times you'll have to come into each of these and grab the color from the original logo as well so you can change the color in the node itself or in something like the S Boolean node it also has a style control or if you want after the S merge do shift space and type change style and using this one node you can change the color of all of them and once we're done with it do shift space Type S render and now this node is going to convert it back into pixels so we can use it with rest of the nodes inside a fusion and another really cool thing about importing SVG Graphics into the the system is the new extrude node if we add that in we can take the output of this merge node and plug it into the extrude node and if I view this off on the right we now have the logo in 3D and just using one slider we can make an extruded version of it just like that I have a fun upcoming step-by-step tutorial about how to create some graphics like this so make sure to stay subscribed for that and I'm not going to pretend like this system is perfect far from it actually we need a way to import to the shape system without having to do all those extra steps like I said in the last video this seems like a pretty easy feature to implement so I really hope they do it before D Vinci resolve 19 I'll see you guys in the next one

Channel: Jake Wipp

Views: 6,942

Keywords: davinci resolve svg, davinci resolve motion graphics, davinic resolve shape system, vector davinci resolve, davinci resolve vector, davinci resolve motion graphics tutorial, tutorial davinci resolve, fusion svg tutorial, fusion svg import, importing svg davinci resolve, using svg in davinci resolve, 3D logos in davinci resolve, extrude logos davinci resolve, 3D Logo Davinci Resolve, importing svg graphics, animate without losing quality, importing svgs, vector system

Id: B2-oWddzYkw

Length: 6min 36sec (396 seconds)

Published: Mon Nov 27 2023