The Ultimate 3D Screen Effect in DaVinci Resolve!

3D screen effects they add an extra level of production value to your videos and that's why so many people are using them nowadays but contrary to what you might think it's not done using a real camera and a real screen I tried it did not work that well instead it's done using programs like d Vinci resolve fusion and today we're going to talk about how you can do it for yourself in the free version of D Vinci resolve I have three different methods to create this effect but two of them stand out the other option I don't really recommend using unless you just need something really quick and dirty it's using the dve node and while it allows you to manipulate a 2D image with 3D controls it can be really annoying and it's easy to accidentally hide half the screen since it's going past the camera this option also doesn't allow you to do fancier stuff like depth the field which is one of the most important components of this effect the two methods that we're going to be covering in this video is the 3D system inside of fusion and then the second one is a new tool in my editor Collection Pack I'll talk more about that preset at the end of the video but right now I just want to show you a real quick quality comparison as well as time comparison keep in mind the benchmarks I have aren't really scientific and they're generalized since the actual ual time is going to be dependent on the hardware inside of your computer but it's going to take about half the time to set up with 3D camera as compared to the system that we're going to talk about today and none of these benchmarks are going to include the additional stuff like chromatic aberration scan lines and so on to render a 4K 5-second clip using Da Vinci system it took my computer anywhere from 10 to 50 minutes depending on the quality and depth of field that I used using the same clip with whip 3D camera it took only 53 seconds to render meaning it's anywhere from 10 to 50 times faster and if you look at the end result you can make a good argument that my tool looks way better and there's no denying that it's easier to control since it can be used right on the edit page remember these are just rough estimates but I can guarante you that you'll have significantly faster performance using my tool like I said at the end of the video I'm going to Showcase how easy it is to use but for now let's talk about building it from scratch inside Adventure resolve on the addit page I just have this 5-second clip that we're going to be working with you can see I take my mouse and I subscribe to my YouTube channel which you should do by the way and we just want to have a 3D camera following the mouse throughout this whole interaction so the first thing I want to do do is make this clip into a fusion clip so to do that just right click and then do new Fusion clip and now we want to set up our 3D scene the easiest way to do that is click on your media and node then click on the image plane the merge 3D the camera 3D and the render 3D node if we rearrange these around you'll notice that it doesn't actually connect them up but we can just take the output of the render node and plug that into the media out and now everything is going through the 3D system I usually like to have this setup with my media out in the right viewer which it is by default and then I take the merg 3D node and drag that to my first viewer this allows me to see what I'm working on in the left and then the result on the right inside the 3D viewer I'd recommend having a three button Mouse is it's so much easier to navigate around if you hold down control and scroll in and out it's going to allow you to zoom if you middle click and move around it allows you to pan back and forth and if you do the same thing but hold down alt as well it allows you to rotate around a center point so using those controls we can navigate all around the viewer interface to change what's actually being outputed we want to grab the camera 3D node here and we can just use any one of these controls in and either move it back move it to the side move it up and just move it all around let's pull this way back so that way we can see most of our 3D screen inside the inspector we can go to the transform tab at the camera and this allows us to see all of those points in just the normal control let's set the X and Y back to zero and now we can just use the Z to pull it out so it fits the frame this is how you'd set it up if you wanted to start at a full screen view and then zoomed in after that but since we want to look at the Subscribe button let's grab this Z point and move it closer to the screen then we can use the X and the Y to move it down so it's centered on subscribe but right now this is still very flat we could do all this just using the normal transform node that's where these rotation controls come in if I move this it allows us to change the direction that the camera is actually looking so I can move this to the side maybe have it look up and then I can adjust all of these position controls uh so that way we get the 3D look you'll notice right away that these can be kind of finicky and a little bit difficult to play with that's why I usually don't use the system to control it double click on all of the rotation controls to set them back to the default then hit this use Target button down here you'll notice that the camera is going to snap and start looking in a different direction inside the merge 3D node we can see this new control that's appeared and if we drag this back and forth the camera is always going to be facing the center point and then no matter what the placement of the camera is it's always going to face that one center point so let's say we start our shot off with an angle like this if we come all the way to the beginning we want to add a key frame on the center X Y and Z and then as well as the X Y and Z for the Target moving all the way to the end of the clip we can rotate our camera around and we'll just move these controls back and forth until we get it in the resting position a lot of times I like to move the target a little bit too just so it has a little bit extra emotion going back to the beginning we can hit play and now you'll see it's going to have a really cool 3D panning motion moving from left to right you'll notice that the quality isn't great throughout this cuz I'm just working in 1920 x 1080 whenever I do a video even if it's in a 1080 project I always render it in 4k cuz that way I have the freedom to crap in and zoom in on the screen even more so whenever possible use 4K all right so that is looking really good one another control that you can always animate inside of the camera is the focal length if we come back to the controls tab we have the angle of view and the focal length these are both the same control just represented in a different way I usually like leaving it close to the default but you can move this to get either a tighter or wider angle of view you can also animate it so maybe it starts with a wide angle at the beginning and then is really tight at the end once you get that figured out though the next thing that we want to do is add in some depth of field so there's two different ways to use depth of field inside a fusion there's the first method that takes a really long time but that's the one that gives you a better result and then there's a second method which is substantially faster but the result isn't as good let's talk about the fast Weg real quick the reason it doesn't work as good is cuz it's not working in the actual 3D system after the render 3D node if you do shift space and type depth blur we can add in that node by default this is not going to do anything and that's because it is trying to blur based on the Z Channel a normal image has four different channels it has the red the green the blue and the alpha but this node needs a fifth Channel and that's the Z Channel inside the render node we can come come down to Output channels and we want to check Z if we hover on the screen you can see down at the bottom right there's a z value and as we move this back and forth it's going to tell us the distance that that pixel is from the camera so using this image the depth blur can add a fake depth of field to the image to get this to work we need to bring the Z scale way down usually I like putting this at something like 7 then I bring the blur size way up once you start to see the depth of field you can just grab the sample button and just clicking and dragging you can take this little Pi whip tool and you can select anywhere on the image and as you can see as I move this back and forth it's doing a focus pull so whatever I am hovering over that's the part that's going to be in Focus let's put that right on the Subscribe button and then maybe bring the Z scale down to something like4 just so it's a little bit more intense can also bring the blur size up maybe 25 and there we go we have a depth of field effect and you'll notice right away that it doesn't always look that good there's a lot of haloing that goes on especially with detailed objects if we come up to the filter we can change this to soften and that looks a little bit better sometimes uh but still it's not the best looking result if you if you do still want to use it you can just add a key frame on this focal point come to the end and then you'll want to grab the sample button again just to make sure it is still in focus and then maybe go somewhere in the middle add another key frame right there that way it just remains in Focus the entire time so yes this method is really fast but it really does not look that good back in the render 3D node I'm going to turn off the Z position just cuz we don't need it anymore and I'm going to switch this render type to Hardware render this means that it's just going to use her GPU instead of her CPU to render you can see a new control has appeared the accumulation effects if we turn that on your system is going to load for just a second as it starts rendering this depth of field and right away we're going to get a crazy result while we're adjusting it and getting focus I'm going to bring this quality way down let's put it somewhere around six again a really crazy result but if we come into the camera node we can come down to control visibility and then check focal plane that's going to create this green rectangle inside the merge note and that's just going to show what area is in Focus so you can see that's really far away from our screen and that's why we can see so many of these call out texts if we just grab this fcal plane slider we can drag this forward and you can see how slow this is and how lagy it is as I move this control back and forth it takes a little while for the slider to update something to make that work a little bit better if you right click on the toolbar you can do Autoproxy what this will do is lower the resolution of the view while we're making a change so that allows us to work way faster another thing that I've noticed is this focal plane control doesn't allow you to go below the 0.5 even if you type in a different value like 0 2 as soon as you update this it's just going to snap back to 0.5 so if that ever happens we're going to come into the render 3D node and turn off those accumulation effects we're going to drag this camera Point way back and then up the angle of view so that way we get the same thing but the camera is farther away from the screen let's come back to the first point and do the same thing we just want to drag this back till we get the same view all right but once we got that fixed let's come back to the render 3D node enable those depth effects and now inside the camera we can just drag this focal plane forward until the Subscribe button comes in Focus right now this effect is really strong and we'll talk about customizing that but add a key frame on the focal plane then come to the last frame and make sure that subscribe button is still in Focus you'll also want to go in the middle make sure it is still in Focus here so let's just drag this back until subscribe comes in focus and then maybe just go in between all those key frames um and just make sure it remains in Focus the entire time you might have to add a couple of key frames depending on how long the clip actually is all right but once you've added in enough key Fram so that way it isn't Focus the entire time back in the render 3D node we can bring down the amount of depth of field so we want to bring this pretty low and then once we find the amount that we want that's when we'll want to bring the quality slider back up and as we bring the quality slider up you can see the depth of field is going to get way smoother but your computer is also going to take way longer to load like those benchmarks at the beginning in a 4K clip with the quality at 30 took about 10 minutes to render for the 5-second clip and when the quality was at 200 which is a little bit less than this it actually took 49 minutes for it to render that 5-second clip so IDE IDE you want to find something that as low as possible and now we're going to talk about two different ways that we can make this even better and that's going to be chromatic aberration and scan lines while we set these up I'm going to turn off the depth of field just so that way it doesn't take forever to load every time we make a change after the media and node do shift space and type in chromatic aberration once we add that on we can just mess around with these controls until it adds a bit of a chromatic aberration effect when you're adjusting this you can see that auto proxy turn on and it gets to the point that we can't even tell what's happening so right click on the toolbar and turn off that auto proxy that way it's easier to make precise movements and we can see exactly what's going on once you find something that you like with that just move this node off to the side and after the media in add in the scan lines tool this is one that does need some tweaking right from the start cuz this looks pretty bad and whenever I'm working with it I usually just bring this line frequency all the way up to 20 and then I bring the line sharpness down close to zero just so that way it's not quite as intense um we'll bring this up a little bit until we can start to see it something like that then since a normal screen doesn't just have lines going across it has like individual pixels I always copy this node paste it after and then bring this line angle to 90 so that way these ones are going up and down and setad of side to side that'll create a really nice pixel effect especially in unison with that chromatic apparation if we go back to the render 3D we can enable these depth effects and just by adding in those two nodes we have a lot better looking 3D screen effect however it does take a little while to render in the middle of the clip here I still think those scan lines are a little too intense so I'm just going to come back into those nodes and break the sharpness down just a little bit more and then just make sure it matches between both of those nodes once that's done go back to the edit page right click on the clip and do render in place I usually set the format to be MP4 and then when I hit render it's going to render that into an mp4 so that way it plays back in real time throughout rest of your editing but instead of waiting 30 minutes for that to render I'm going to show you how easy and simple it is to create that using whip 3D camera from the editor collection but now that we have that set back to the normal I'm going to go up to my effects Library come down to effects and grab whip 3D camera once I put that on the clip there was going to be no change on the first frame and then it's just going to slowly zoom into the center of the screen inside the inspector we have some controls for the start positions as well as the end positions but like I mentioned it also has some on-screen controls so if we come and hit this button in the bottom left we can switch this over to Fusion overlay you'll notice some points appear right away if I drag these over you can see this is going to change the start position which is pretty much the perspective that the camera has relative to the screen then the x is going to be the start pivot so this allows us to move back and forth so if I put this closer to the Subscribe button over here I can come in the inspector and change the start distance which just moves it closer or farther away from the screen I also have the start focal length so if I want to have a wide angle lens I can drag this all the way out or if I want to have a tighter lens I can move this in so I'm just going to set it to be something like that I'm going to switch this over and move it so it's on the Subscribe button and once I have the first position set I'm going to move to the end of the clip then I can grab the end pivot move this over by the Subscribe button again grab this end position drag it over so I get a different perspective and back in the inspector I'm just going to match the start distance with the end distance and same thing with the start focal length with the end focal length so now what we have is the camera starting at the Subscribe button then rotating around just like it did before by default there is some easing on it so if you'd like you can come to the anim engine come down and just switch this curve to be linear and that way it's just going to move at the same rate of speed the entire time below those controls we have depth of field so I can enable that with just one click and now I can drag the start Focus slider until the Subscribe button comes in focus there's two things you'll notice right away one it works really fast and two it's got a really nice uh smooth blur across the entire image and once I get it in Focus I can change stuff like the blur strength I can also change the focus plane so that way it's got a really shallow depth of field or really wide depth of field and if needed you can also bring the blur quality up once you have those settings right make sure to come to the end of the clip and then bring this end Focus down so that way that isn't Focus as well and just like that we have a really nice 3D camera animation let's come to our project settings and switch this timeline to be 4K once that updates you can see all that pixelation has gone away and real quick I'm also just going to add in some chromatic aberration come down to the scan lines enable the scan lines as well and now right click on the clip do render in place and then switch this to MP4 while that's rendering editor collection is a pack of templates and presets for adventure res that's designed to save you time just like this tool saves you a ton of time when creating 3D screens there's other tools for just zooming in animating objects creating backgrounds and everything in between to learn more about that visit the link down below I really hope you guys learned something new creating this 3D screen effect and if you have any questions about it please let me know if you do this a lot editor collection is definitely worth your money just for the amount of time this one tool is going to save you but with all that being said I'll see you guys next time for another video

Channel: Jake Wipp

Views: 9,802

Keywords: davinci resolve 3d, davinci resolve 3d screen, 3d screen davinci resolve, depth of field davinci resolve, fusion 3D screen effects, 3d screen davinci resolve fusion, davinci resolve perspective, cinematic screen davinci resolve

Id: fhae0Eutp-Y

Length: 14min 44sec (884 seconds)

Published: Fri Feb 16 2024