 Hey guys, welcome back to my YouTube channel Daniel Rohtel here. I want to do a video today on how to create an animated lower third For use in Kaden live and creating it using Canva. So yeah, this is a pretty niche software Stack if you will that I'm using if you are using Kaden live. There's a good chance you are using a bunch of Linux But the good thing about Canva I'm sure there's a way to do to create an animated lower third Using a blender or something like that desktop in other words desktop software for a bunch of but I like Canva because it's in the clouds and therefore I Can be easily accessed no matter what platform you are using So what I'm going to do I decided that I'm going to create a little story For this project just to make it a bit more realistic I'm going to create an lower third animated lower third as if it's Some kind of a cooking show about New York City or let's call it a David's Sees New York, right? So the first thing I've done I went on to Pexels and I searched for New York City filtered on videos and I found this random stock footage of Either that Empire Empire State or Chrysler. I think it's pretty impressive for stock footage I must say that's free to use. So I just grabbed this from Pexels. Obviously. This is just for demonstration purposes This is not a real video. I'm even creating here, but this will it's about a 20 second clip so there's plenty of time For us to put up our animated lower third and to have it fade out And then I'll put that video at the end of this demonstration next element I went on to this person does not exist and I Generated a random AI headshot. This will be Dave as in Dave sees New York and just really kind of you know Have a few graphic elements to integrate here. I got a Random clip art picture of the Statue of Liberty and that should be enough for our lower third So what I'm going to do now is start on canva now firstly. This is a free canva account I do have a paid canva for work But I set this up right now just for the purpose of this YouTube video So it's a it's a free unpaid account if you have pro you're able to do transparent backgrounds Personally, I actually like the manual method better But that's just my preference so If you're looking to avoid upgrading for whatever reason then you can do it like this or you can use transparent on pro But I prefer to chroma key stuff So here's how it's going to go down. The first thing is You can Replace the background using the button and just dropped in a box Maybe that was unnecessary, but this is going to be the chroma key layer at the bottom here. So There is a standard color. I looked up green Green green screen color. So I typically use you know Your classical green for chroma keying and this is its color now The important thing is that you want to note the color because you're gonna want to do we'll see later in Kate and live that it should be the same color exactly so that's really important So I'm going to change this gray over to This and as you can see that's kind of your classic Green screen color. It's a bit less neon maybe than some other ones But it doesn't matter so long as you know exactly what shade if you just hit this guy you will guess You will get the color but your results are not going to be as good as if you when we go into Kate and live when we say Hey, this is exactly The the hex code of the color that we want to chroma key out. Okay, so this is going to be a 5-second video and so far all we have is our chroma key layer You can adjust that time. I'm just going to do a 5 second one Just just just to make this pretty simple, but it is going to be animated. So I'm going to go like something like this I'm going to have kind of a lore that it's going to like pop in Like this and I'm going to have put my elements here. I'm going to say what did I want to call my show? Dave eats new This is to NYC. So there's a bit of room for the other elements And now I'm going to upload my other elements into canva Okay, so I've gone ahead now or I'm going ahead upload is in progress and they are now in my canva library So I'm going to put the little you know headshot of our fake Dave Here and of course the only problem with green screening is that if you're going to have green That would be a problem. So you want to use a color that's not going to appear in your lower third Because if there was this exact shade of green and any of the pixels here, those would be chroma keyed out And it would end up looking super weird. So Dave eats NYC Your guide to dining in the big apple. This is clearly just for the purposes of a demo And I'm just gonna you know stretch that out a little bit and finally what did I say I wanted our? Clip art yeah transparent background Statue of Liberty now the reason I wanted to add all these elements was I wanted to do Like animate them in one by one So if you right click on any elements you can click on animate so and they'll give you a little preview. So let's say Dave is gonna like pop in from the left I'm gonna group our graphics and apply the same animation so that they're gonna like slide in at once All right, let's let them do that thing and then finally the Statue of Liberty can be photo flow okay, so now I've gone into Caden live and what I'm going to do is put those two things on the Clipboard now. This is actually really important if you in my experience if you use price prox I edit with proxy clips Normally and my experience it can create problems when you're dealing with animation So I'm actually gonna turn off proxy clipping on both of these things. So let's see firstly we have our drone footage of this building in New York and Now what I'm going to do is put our Animation that we downloaded from Canva on top But now anyone as you know if you work in Caden live Whatever is on the top layer is going to be what comes up and that's gonna obscure what beneath us So what we need to do now, so I'm just gonna crop I'm gonna put the I'm gonna add a little fade in and little fade out. I'm gonna crop our Stock footage here, and I'm gonna just give a little fade on that too And now what we need to do is chroma key I've the green so I'm gonna go for a chroma key basic I'm gonna drag that effect on to Looks like I have two for some reason that's strange Maybe I clicked twice by mistake. All right, and in the preview window We can see basically that so far this is not going to this chroma keying is not gonna work out because we're chroma keying on They're on color so all you want to do is change and this is why I mentioned Using a specific color. I'm going to copy and paste for my clipboard, and that's chroma key That's the green screen and now you can see it's pretty much good So let's just play this see how it looks So one one final thing to say is that you may need to play around with the variance a little bit so what I typically do because it's hard to see on this in the preview window is I pop this guy open in A side window and you just want to toggle this until you can see any green So I just need to turn it up A tiny bit more And I'm sorry you guys didn't see that because it was in a separate screen the one I'm recording But there was just like one pixel worth of green not chroma keyed out or into here and I just got that So that is good. I'm going to render this now and show you guys how that looks and that's basically all there is to it I'm using canva to create an animated lower third And then Making sure that you you note down the color you're using bringing that in to katyn live using the chroma key I just used the chroma key basic Effect and then I set my color key to the exact shade of color I used in canva making sure that wasn't in my graphic element And finally I needed to tweak the variance a tiny bit just to make sure that There wasn't any of the chroma keyed color visible And if you go too far, then you'll go you'll too far in either direction It'll be wrong So you just need to open that in a full screen window and make fine adjustments until you nail it And once you have it nailed, you know, um, it's probably good for uh for different clips approximately Hope this video was useful. Thank you guys for watching more videos for me are coming soon