Build odometer in DaVinci Resolve

today we're gonna be creating an odometer that looks like this today's project will be available through the channel membership there's a link below for more information but with that being said let's get started all right so to get started here I'm just gonna come down and make sure that my project is on 30 frames per second you can set yours to whatever you want but for now my projects is going to be 30 and we're just gonna make a new fusion comp I'm going to change the time - let's just go at ten seconds there we go drop this down on the timeline and then right over into fusion all right now we're in fusion I'm just going to grab a background bring that in view that up over here and let's change the color to like a darker gray and then I'm going to go over into image and we're gonna turn off auto resolution and I'm going to change this to 1000 by 100 so we get a long little guy like that and I'm just gonna go to one of you just so we see this and the next thing is I'm going to then add a grid if you don't have this just update your DaVinci Resolve and you should then have access to it it's on the free and the paid version so I'm just gonna hit hold down shift and then hit spacebar and we're just going to type in grid and then we'll have the grid and I'll view that by dragging it up rows we're gonna drop down to zero and columns we're going to do 10 cuz we're gonna have ten numbers one through nine as well as zero major line spacing we'll tap that down as well and then for the color will go completely black alright so now that we have that now we need to fill in everything with the numbers to do this we'll just grab a text tool and then in the text tool we're just going to put in our numbers hello on one two three four five six seven eight nine okay so and then that's added in we're gonna go from the text tool out to the grid out which will make a merge will view them together obviously we don't really see it in here so we'll come into our merge and then in the angle we'll do 90 there we go perfect and back to the text tool and we need to change the size a little bit I say I'm going to go with just a six and let's redo the spate line spacing okay I'm gonna hold down control so I have a finer just adjustments here because if it's like a bit harder it jumps a bit holding down control you get a finer adjustment okay that looks good they all look relatively centered all right so the next thing that we're gonna do is we are going to actually make this a 3d sphere so to do that we're going to hit shift the spacebar again and then type in shape so we get the shape 3d and then go from the smirch into the shape 3d and we'll just view that now and we will take the shape and make this into a cylinder and the height is really high so let's make this 0.5 all right it's looking good and then we need to also rotate this so let's rotate this oops rotate this I believe 9 d0 at the top okay that's looking good all right so the next thing that we need to add in here is we need to get these like little pieces to come out a little bit so then when we only shine a light it shows that that there lifted off of the circle and that they're not just flat like written on the edge so we're going to hit spacebar again and we're going to type in this place and we're gonna get the displaced 3d okay now that we have that connected we're gonna use this grid to displace it so we'll come into here we'll go to here now if we view this we really don't see anything happening and the reason why is because within the shape if we come over to here we have no subdivisions on the height so once we add those subdivisions in we can see that we're starting to get somewhere but then the subdivisions on the base they're not that much so we would need to increase that to start to get them but it's not looking all that good so you would end up having to crank these up quite a bit to get them to start to look like half-decent and what I ended up doing is just 400 by 400 to get something that actually looks half decent so like that so there's that little bit of a gap in between there where light can go through and illuminate that and then we can see that you know it's actually split up a little bit okay so now that we have the first little number cylinder I guess we need to add in the others so this is one thing that I really like about just how fusion looks with feet nodes is now we can pull data off of one node and manipulated in different ways so how we're going to do this is a is a transform 3d so we'll grab a transform 3d I'll just copy that node and make two others so now we have three of them and will come out of this displace where we have one and we'll connect to all three of these just like that and then we will connect them together to the merge so now if you would up here and we come up to this top one and we turn on the X yeah on the X we can now add them so we'll just go point five and then we'll come down to this bottom one and put a negative 0.5 so there we go now we have three of them and it's looking pretty cool and we can come into each one of these and we can spin them now so this is kind of how we're going to be creating this now we have the ability to spin this and have them all stay on the same plane all right the next thing that we're going to want to add is a camera so I'll just grab a camera and a renderer now if I connect the camera to this merge and then from the merge to the renderer we view the renderer over here and we'll view the 3d over there we can see that the camera is in the middle so we would need to do some adjustments so the first one that we can do is tilting the camera down so we'll just go negative 90 like that and then we want to pull the camera out pull the camera out so we can actually see the outside of them there we go and those aren't sixes those are nines because they're right next to the zero so the other thing that we'll have to do is rotate this so we rotate this 180 so there we go now we have everything but what you'll see is right in the middle of this frame we have the line and we don't really want that to be the center point with all of these zeroed out we would want that to be a zero it just makes things a lot easier down the road when we're changing numbers and stuff so to make this work the easiest way to adjust this because they all come into here is we could just do a another merge 3d right and we'll connect this to here and connect the camera to here because we don't want the camera to move with the merge so we'll then take this merge and we have controls so everything that's coming into here now we can control how that is in 3d space so we would just be able to take this and if I grab the right one we can take this and we can start to rotate this around so I'll just rotate this around until I have that in the middle so maybe 17 alright so that looks pretty much in the middle it's looking pretty good maybe 18 all right it doesn't matter whichever one would work best for you okay so now we have them all in the middle everything is looking pretty good this is looking kind of flat because we really don't have lights or anything in here so that's the next thing that we're going to add so we'll turn on lights we'll go into the renderer turn lights on I'm just going to bring this down just to make this easier to see and we can now just spacebar again and if we type in light we can see that we have a couple of different lights the first one that we're going to add is just a directional light so we'll add that in and we'll add it in here now that we have that added in so how this works is it adds light from that direction it doesn't matter where this is positioned it's just the rotation that we have to be most concerned with so if we come in and then we start to manipulate this rotation to go like that so now this is showing that the lights going down right so that's why we have it right here so we could rotate this however we want the light and let maybe have it up here and it's a little too intense so we'll drop down the intensity on this so something like that maybe maybe we can move that a little bit more there we go okay so now we have it lit and we can add lights from different directions if you wanted to or different colors but I'm just gonna leave it like that for now the next thing we're going to do is this is spitting out an image of 1920 1080 it's a bit much and it's extra resolution that we really don't have to render if we don't need to because it's gonna be so small in a shot so what I'm actually going to do is reduce this down to like third so turn off right here Auto resolution will make this 610 by 360 so there we go so now it's a lot smaller but when we add that on to our shot it won't be that big of a deal and the other thing that I can do is if you do have the newer versions they didn't really talk about updating this but now if we go into the OpenGL renderer is actually a lot quicker depending on what hardware you have if you don't have a dedicated graphics card you might not notice that so running on bare metal by just doing software run on the CPU all the processes will primarily do CPU and set a GPU but now depending on what hardware you actually have a lot of stuff is now being accelerated by GPU and on this topic I don't want to get too much into this because we're building this instead of talking about you know the how da Vinci works only some of your nodes will take advantage each node processes the image in different ways so like a lot of the 2d nodes are going to get processed differently than 3d nodes and yeah anyways so with that being said so now that we have that now we can manipulate this image a little bit more so I am going to first add in because right now this is all transparent so if we were to drop this on a shot it's just gonna be transparent through when we want to add like the border in the background and stuff so I'm just going to grab a background and make sure it's black and we will take this and make it the same exact resolution 310 there we go 610 no I said 310 and we will lay this renderer on top of this background so now we have a background and we can also grab a rectangle and we'll connect this up and we will do like Oh point nine point nine something like that and then we can round out the edges if you like point two there we go it looks good alright so now that we have wait why didn't that work hello what oh I have it set up the wrong way so we'll connect this to here and to here so then we're cutting it and then the next thing I'm just going to add a little bit of a border so we'll grab a another background connect this in and we will just make this a lighter gray sure I'm just going to copy this rectangle and paste it just so we have all the attributes the same turn off solid and then let's actually do that up here I didn't change the resolution on this so an easier thing that you could do is just delete this and just copy them and paste them that would make things even easier and we'll just make this lighter come into the rectangle turn off solid and add in a border so there we go now we have a little bit of a border and everything has transparency around the outside so now or pretty much done here we'll just grab this connect this up to the media out and as you can see we have it pretty much done now the next thing that we would do is we need to be able to manipulate the rotation of these so you could add the rotations to these by just coming in and then taking the X and rotating them like this and adding your keyframes in it's a little bit of a pain in the butt if you're gonna be you know using this often so what I like to do is just come to one of the nodes it doesn't matter where this actually is in the in the node structure so I'll just go to tool so we grab a custom tool so we'll grab that in here come over to the last page here come into here because I don't need these and close these in here I'll just type in hundreds tens ones spin all right so now they have my different numbers and the spin variable I can then add them to these here so the idea is this one tool I can say okay I want this to be my hundredths amount this to be my tens amount this to me my ones amount and however many spins I want to add to it as well so coming into here we're just going to open this up and the idea here is that you want to type custom tool one because that's the node we're pulling data from so I'll put in so we'll just type in here custom tool one dots gonna state which variable we want to grab from there now and we were in that first one so that is number in one so that's what we had before if you're not sure you can just come over to here and we can see our hundreds this is for number one and this particular let me just turn on one of these so you can actually see it it says number in five we just renamed these and it's just going to be number in one so now I need to add one other variable in here so come back over into the tool this particular area is going to be in degrees so I need to take whatever this variable is here and have it be converted in degrees so all I need really need to do is 360 we have ten different positions so just divided by ten so that's 36 so we'll just take whatever that number ends up being times 36 okay so let's come back over into our tool so now if we put a 1 in here it's going to change to a 1 put it to right to a 2 9 2 & 9 okay so we got that working now we just need to do that for the rest of them the other thing is that we have is the spin and this is kind of depends on how you want to do it all that is is it's just an increase of more degrees to make them seem like they're really spinning up and then stopping on a specific number so all I did for this was I came into here and I'm just saying plus and then we'll just put a bracket and custom tool one number in four because that's where we were and then the other thing we need the SI x 360 so it's one spin you know so on so and that is just so we can say okay this one here if we take two spins when it starts up and starts to spin it'll spin two times and then land on whatever the number is so once we have that done I'm just going to double click highlight it all ctrl C to copy then come in to this one we're gonna paste this in here but we're gonna come to this first variable number in one we want to change that to two so it's this tens position and then come into the third one and then this one is just going to change that first so not this number in for but the first part of this we're going to change this to three so now we should be pretty much done and now all we need to do is come into here and change the variables to get it to spin there's one other thing that you we would want to add to show it's spinning is motion blur so we come back over to our renderer and because all of the spinning is happening within the 3d system we're not going to be chained not going to be adding motion blur to the transforms what we're going to be doing is adding it to the renderer itself so it's like a 2d node whichever node would be doing the movements that's the one that you would have to add the motion blur to but because we're in 3d space or a 3d system we're going to be adding it to the renderer for that system so we'll add it in here and the higher the quality obviously the better it looks but the more render time that we're gonna have so you could you know you could ramp this up to 50 if you wanted to but it's 9 times a night I it's not worth it because this is going to be spinning so fast and it's gonna be smaller we really don't have to increase it much but like I said the higher you go with that the longer it's going to take to render so I'm just gonna leave mine at 2 and you can render it out and take a look at it and if it seems like they're not so let me just show you what this would look like so if I just turn this to let me just put some keyframes in here so it actually so we'll go 0 and then we will go to let's just 100 and we'll put a 7 in here so let's come partially in here and we will add have it spin 2 times so now whoops I was in the wrong one there we go let me turn that one off so I'm not really getting much motion blur so hole in one second let's take this node hundreds and let's close this up just a little bit so we have less time that goes over now that we're in here [Music] should get a little bit of motion blur as you can see there so the higher you would have this number the the smoother this would be but looking at it doesn't really look all that bad as you can see there's a little bit of stepping here so if I was to take this you know turn this to like let's say seven then have it render there's not gonna be any stepping but because it's everything is so small you really won't notice it so leaving it how it is is perfectly fine so what I'm going to do now is I'm going to set up my so let's just have this go over a hundred frames I'll bring this back out so over a hundred frames so let's do a couple of numbers here so let's make this a four or a five Wow I don't have whatever and then you piss off four so let's say that is our numbers I come to the beginning oops so those are our numbers and make sure we turn on key frames I'm also going to keyframe the spin we'll come back to the beginning so we're over here at the beginning and we'll just make this all these zero and then we can see them down here and I'm just going to take all this and holding down alt I'm just gonna bring them in in just a couple of frames so my first frame it starts off clear and then I'm just going to hit this button so I can see all of them highlight the last ones hit F and then this is gonna ease it in so it's gonna just start off spinning and then as it gets the end they'll still slow down their spin you can hit T to state how far that ease you want I'm gonna also highlight this here and turn off whoops turn off the ease out so that they just start great from right from your leg kick go okay so now if I take a look at this at the beginning here we should have a bit of motion blur because it's going so fast but like I was saying if this seems like this is to drag it for you to come in here and change it and you would get a better motion blur like I said a lot of rendering it's gonna be so small nine times out of ten you won't even notice it okay so that's kind of it for how you would go about doing this just remember these the spin just how many times you want it to spin before it lands on that final number you could also come into could also come into these three numbers and offset them so that like one will finish then another one will spin and finish then another one spinning and finish so you could have them at different times doing different spins if you want it to as well so that's kind of it coming back over to the Edit Page we have it here we can then bring this down to fit however we want it to and then we could just let's grab our let's grab a clip quick all right and we'll just bring that up a bit bring this down bring this over here maybe we bring it in just a little bit then you can just bring in a text like halfway by in something like that and change the font bring this size down maybe bring this right below so there you go yeah maybe ease this in and then the end of this we could ease in a little bit there we go so that's just like a little starting thing to state Bucky's this in as well so it comes in nice and soft with fat on why this box is all offset because I didn't change the anchor point bud anyways so then it would just come in already spring and we can then you know say okay this is what day number we're currently on like it's a survival show or something I don't know some additional things you could do you could obviously change the colors you could change the color of the little wheel itself by just changing this first background color so we change the color of this if we want it to to a different color there you go I kind of like the gray though and then if you wanted to you could come into the shape and change how the material itself works the specular the bright part that's right here or in the diffuse and you could change the colors there's not much else to it it's pretty simple but like I said if you did want this project file they are available or if you just want to support that's awesome as well if you have any questions about the venture resolve there's a link down in the description to the Facebook group you can ask there but with that being said my name is JR and thanks for watching [Music]

Channel: JayAreTV

Views: 11,284

Keywords: blackmagic, DaVinci Resolve, resolve, tutorial, how to, DaVinci Resolve 15, odometer, counter, fusion, 3d, 3d render, 3d displace, custom tool, nodes, animation, fusion animation

Id: 3jMkUlet4hE

Length: 28min 27sec (1707 seconds)

Published: Thu Mar 21 2019