 Welcome back fellow techies to our latest tutorial video. I am The Technician Project. And today's tutorial is gonna show you how to animate the like button to come in from the top of the frame and bounce on your clip. But today we're gonna start off in Keynote. So let's just boot our Keynote up and we're gonna load a blank presentation. And what we're gonna do is we're gonna remove the text there and this one there. We're gonna change, we're just gonna zoom out a little bit actually so we can see our slide. We're gonna click on our background and we're gonna go to no fill. We've got nothing on our background so as you can see there's a line through background. We've got no fill. We're gonna get a like PNG image. We're just gonna drag it into our Keynote. As you can see here, the big like button and we're gonna position it about there, center of the frame, perfect. We're gonna select no border so we need to make sure it has no border and no shadow. Perfect. So technically we could export like that and have it as a plain like button on our screen. But we want to make it look a bit fancy. We want to improve our editing skills. We want to prove our quality of our videos. We're gonna make our like button come in from the top and bounce three times to get the attention of the audience. So if we click on our like button and then we go to animate at the top and go to actions, we're gonna add an effect and we're gonna add move. As you can see, it automatically moves to the right and it's showing a shadow of where it's moved to. We grab our main like button and drag it above our frame. So zoom out a little bit more so we can see. We're gonna drag it above our frame up here and as you can see, the red line shows where it's moving to and we don't want to move to an angle. We want it to move straight down like this and you can see the green line is the center of the frame so we're gonna center it up perfect. So that's gonna go straight down. So let's just watch that. There you go. So our like button now animates straight down. That would work, but now let's add a bit of fun to it. So we're gonna go to action and we're gonna go to add action and we're gonna go to bounce. As you can see, it started bouncing. So we're gonna just change the duration. We have it at one and we have three bounces and that's perfect. Order number two. We're just gonna go to the bottom here which is build order and we're gonna make sure that number one is starting after transition and number two, which is here, which says bounce is gonna start after build one. As you can see, one after each other now. So if we preview this, our like button comes in from the top and bounces three times. Perfect. Now that's what we like. That would work in our editing video. We can input that anywhere on the video we like now. So what we're gonna do is we're gonna export out of keynotes as a video file, a movie. There we go. And we're gonna select self-playing because we wanted to play on its own and we're gonna change the resolution to custom and we're gonna go to Apple Pro Res 4.4.4.4 and we're gonna make sure we export transparent backgrounds. So basically we set our background to no fill so the background will be transparent so we're not importing a black background which is perfect for our slides for our YouTube videos because we can overlay it. So let's export that and we're gonna export it as like bounce. Perfect. And we'll hit export. Just wait for that to create our movie. It shouldn't be too long, couple seconds maybe. There we go. So it's over here now. So if we press play on that as a quick preview, there you see it's bouncing. It's animated. Perfect. That looks lovely. What we're gonna do now is we're gonna put that into iMovie. So let's just boot up iMovie, our little project here. I'm gonna make it bigger and just cover everything up. We don't need, right. So this was our Tech Talks movie. Now anywhere on our Tech Talks movie we could put a like icon. So if we slam a like icon there at the moment, it's gonna play like this. Set up different scenes within the program. As a large like icon on the screen. Now we don't want that because it's a bit, it's putting you off. You can't see anything behind it. It's in your face. So we're just gonna go to fit on the crop setting and we're gonna go to video overlay settings. And we're gonna go to picture in picture. And it's moved the image now over here. Now wherever you put your like button, so we want to just drop it in here. It will come in from the top as in it will come in like it's not there. So let's play our clip from where we left off. Imos where they can set up different scenes within their program issues on Twitch. It just appears out of nowhere, which is brilliant. So I'm just gonna do that so we can talk over the top of him. So as you can see now, it's just appearing from the middle of the screen out of nowhere and it just stays there and then dissolves off. Perfect. And that's what we want. That works really well. Thanks for watching. Don't forget to like the video if you enjoyed it and subscribe for more. And also ding dong that notification bell to get further updates. Thanks again. Goodbye.