Create Animated Custom Border In Davinci Resolve!

hey everybody so have you seen streamers that have like a a border that goes around them and it's got colors and it's like it's moving in motion I really I saw that um and I thought it was really cool and I couldn't find a tutorial on how to do it so I kind of figured something out and it was actually pretty easy and I just wanted to show you that today so this is an example of the transparent border that you could use while streaming or gameplay this one is very modest right just kind of goes around where your camera is going to be and then this one is kind of really crazy it moves nice and slow and that one's really flashy really Jazzy it it stands out if you're looking for modest but I thought it looked really cool and that's what we're gonna get it to all right so first things first we are going to start with a new Fusion composition go over to your effects drug down effusion drug drag down a fusion comp and then we're just going to stretch it out like that and this is something that you kind of need to take into account is um how long do you want this animation to be so it's better you know longer than than not but at the end of the day if you're using this in OBS you're going to be having it on a loop and if you're using this you know on gameplay that is edited you're just gonna be you're having it on a loop as well you're just copying pasting and making multiples or making a larger render of a loop that you could then clip down to the size of the video so you want a nice long Fusion comp click it go into here I'll get our media out we're going to first start with the trusty Dusty background node that's going to be one of the starting points of a lot of fusion compositions as your background we're going to make this transparent I am by no means a DaVinci Resolve expert I'm learning like the rest of us we're gonna grab another background merge it over that and then we're going to get a rectangle mask and we're going to do that and then we're going to come over here and we're going to hit solid and then we're going to bring up the border with and all of this is going to be to your likings how thick do you want the Border around the camera to be you know something like that 0.0094 be a little thick but you get the idea and so what we're gonna do we're gonna bring this over to the end because we want this rectangle to stay on the top the entire time and you could change whatever color you want this to be just change your background color I think black is just kind of standard so we're going to come over here we're going to copy Ctrl C click off Ctrl V now that we got those selected we're going to hold down shift until the little line turns blue and now nothing happened we have two rectangles right and so with this one you're going to want to change the color to an accent that goes good with your border we'll go to the background node and red is my second favorite color so we'll do that and so now we have a red rectangle under black rectangle kind of crazy all right and so the next step is we're going to come over to our effects and then open effects and then you're going to want to come down to Warp which is a the very bottom and you could mess around with all of these and see what works best for you and and let your imagination fly I'm just going to show you an example of what can be done and once you kind of get the concept you know you um can do what you like so we're gonna get ripples we're gonna hold it and drag it down there and so we don't want this white nonsense but you kind of get the idea it's warping the red rectangle that we can then animate to go around so over on the shine we're just going to click that shine is gone that is good and this is kind of where it's going to be reacting to right if you just want like one kind of blob going around and acting strange you could do that kind of figure out where you want it to be mess with the settings to make it not so extreme so we come to the amplitude frequency kind of just mess around with it kind of low-key is kind of better with this you could turn the amplitude down frequency up and kind of see what's going to look good we could do the opposite frequency down amplitude up see I like that better you get kind of like a more wavier like a water-like and so yeah so just kind of mess around with this and the way that we're gonna animate this to be nice and slow and kind of just morphing over time I'm just kind of dragging around this to see what I like and you could also come back over here to your to your rectangle and bring the Border width down come back to the rimple turn the amplitude up and it's kind of more low-key yeah that's pretty good all right so we're gonna do the animation process of this and this is what is affecting your whole effect here and so we're going to make keyframes on these positions right here on your X and your y and what I've kind of come to the conclusion too is if this makes a complete circle it's not going to be as harsh when the loop starts over does that make sense because if someone's watching this they don't want to see like it reset that it just wants to you want it to be a little buttery Loop so we're going to go to our first frame and we're gonna do that we're gonna hit a keyframe on our position you come about a quarter of the way through and just drag this down another chord of the way drag this over another chunk of time and then finish it off here drag it over here and you could stretch this out and that's gonna you know the timing of it is going to change when you do this but that's going to be the path and then you're going to want to watch it play through a couple times do you want it faster do you want it more intense you know what I mean see I kind of like this look because you almost can't even tell that it's moving and then you can it's nice and slow almost like water right it's a little intense right there and you see that jump so we could come in here on our last frame and move this right on top of that come back out and we'll watch that again oh yeah see that that's much better because you don't want that that sudden jump from start to beginning and then just kind of mess around if you wanted to you could copy these Ctrl C Ctrl V hold down shift line them all up and then you can change this background to Blue like a very dark blue light blue and then clearly you're going to want to change up the Ripple or we could try something else I'm gonna hold shift pull that out and we could try a dent a warper waviness let's try waviness oh yeah that's kind of wonky and you're gonna have different borders I don't like waviness get the vortex in there right and kind of make it go around obviously you're going to want to change the size way down and if you wanted to animate this to just come around pull it away even you could animate the circle just like we did with the riffles I'm going to stick with the ripples but we're going to want to change it up or you won't be able to see the blue if we could just come through here and what I'm doing is deselecting all of these keyframes by hitting the arrow and it takes us to our next keyframe you can see down here it's going to take us to our last one here deselect and now we're started fresh with this keyframe turn that keyframe off you'd have it come around the outside the main thing is is you want it to be different from the last one so we'll set a keyframe here and bring this over here bring us over here over here and then the last one bring it right on top and you could smooth out these edges if you click that you can curve them and then you got something like that where you got two different colors kind of just waving around and then what you can do to really add some flare make some room is come up to stylize and the coolest one that I saw with all of these different stylizations is The Edge detect you drop that down here put it on there and then it's going to give the red like a glow and over a transparent background that glow looks like it's like leeching onto your footage and it looks like really cool and then you could just mess with this with the edge width you know you could add extra glow right has like a deep dark line in the middle of it with like a soft glow mess with the brightness and then we could do the same with the blue and then you got two glowing independently flowing like plasma border I think it looks really cool and if you have like a logo you could slap it on right there like it did on this one I got my logo there and I think I might have several borders on this but you can kind of see just mess with it and see what you like I think I changed the frequency of that Ripple too a lot it's pretty similar so if the edge detect isn't giving you as much glow as you'd like shift spacebar glow do the first one add hold down shift connect it in there and yeah that looks cool because now that glow is almost like a constant constant fixture on there I really like that and then you could add your little logo there and kind of blend your logo in you could add a glow node to your logo as well so it doesn't stay out of place like I did on this one I put a little glow on it change the color and it looks really neat and now to the export this was also a pain in the butt was exporting it as a transparent background that you could just drag into OBS or just drag any footage and line it up to that so in order to export this we're going to go over to our delivery page and these are the settings you're going to want under format you're going to want QuickTime codec GoPro cineform I don't know why this is our option to get a transparent background is GoPro cineform but that's the way it is there's not one that says do you wanna you know whatever whatever and then you got your RGB 16 bit and if you just want to render a part of your timeline you mess with these you could also do the quick keys I for n and O for out one of the most important settings that I almost forgot to tell you is you want to hit this export Alpha if you do not hit export Alpha this will not have a clear background so then you're going to find where you want to save it title it add to render queue render all and let it render out and then once you have it rendered out locate it on where you saved it bring it in and then just to prove to you that this is see-through we will get a solid color we'll bring it in and we'll say that this is your you know four hours of game play we're gonna drag that out we're going to change the generator color over here something like that and then so clearly this isn't long enough before you duplicate this what you're going to want to do is resize it it's up to you if you want to butt it up to the corners I typically do and if for whatever reason this border doesn't seem to be fitting like say you cropped your camera footage you could disconnect this and then you have more control over making it fit your next step is to duplicate this we're going to click it hold down alt drag and then you could grab those two now and you're multiplying it and then it gets faster and faster you know until you have enough to fulfill all of your footage and then just trim it down and then you got your border and this is super easy to bring it over to OBS while you're streaming so you're going to have this playing on a loop in OBS while you're streaming or whatever stream software you use another thing I wanted to bring up is this is really it's gonna take a longer time to render whatever it is you're rendering so expect your render times to go up by like almost 25 percent it is kind of a lot it's just one thing that people don't bring up but that was something that I did notice so yeah that's about it I just wanted to show you guys that and then let your imagination run wild if you you know come up with any other ideas to make it look cooler let me know post it down in the comments all right that's gonna be it for this one have a great day [Music] [Music]

Channel: A M

Views: 343

Keywords:

Id: RIeEV3gDPKM

Length: 17min 25sec (1045 seconds)

Published: Tue Jan 31 2023