All language subtitles for 18. How to use keyframes

Next, we're going to take a look at something called keyframes.

And you can use key frames to do basic kind of animations within your videos.

And I've put together these two examples to show you what you can do with key frames.

And then after this tutorial, there's going to be a solution.

VIDEO Because in between these tutorials, there will be an exercise that you can do to practice your

new skills when it comes to using key frames.

But let's just quickly take a look at the example I've put together.

I should rather say the two examples.

So just go full screen here.

And I want to press play on MySpace, Bob.

So we have the arrow here just moving around and pointing at these green spots.

Then it comes into the center.

And then it grows large and then the opacity goes down, it disappears, and then it reappears from

the bottom.

And that's the end of the animation.

Then I have this other one I've put together of this little car driving to McDonald's.

So it drives towards the parking space.

Then it reverses out, then moves further on down the road.

And then eventually it leaves the frame.

And then it goes back to the starting point.

So does press escape to exit out of the full screen mode here?

And what I'm going to do now is just start a new project within four Mora so I can show you how this

is all done.

Alright, so the files you need are the files from the keyframes folder.

So what we can do is we can come to this dropdown here, then come to import a media folder.

Then find the Fillmore for more project file.

Open this up and then just click on key frames and then click OK.

And here are our files, OK to show you how to use key frames.

I'm going to use this whiteboard here with the green markers, and I'm going to drag this out to around

the 30 second mark and then I'm going to bring in my arrow and I'll put this above, and I'll drag this

out as well to about the 25 second mark.

OK, so how does this all work?

Well, first of all, what I'm going to do is a way to come to this icon here, and I want to come to

the Zoom level, and I'm going to put this at 25 percent.

And this is new to you.

I don't think I've shown this to you yet, but basically you can make your preview window.

I really should say the frame within the preview window a little bit smaller or in this case, 25 percent

smaller.

And come to think of it, it might be a little bit too small.

I think what I'll do is I'll just enlarge it a little bit.

So let's go for 50 percent.

Yeah, I think that's a little bit better.

So first of all, I'm going to select the arrow in the timeline, and I'm going to click on the arrow

here in the preview window.

In fact, I don't think it was necessary to click on it here in the timeline.

Now we have these little dots here.

What I'm going to do is I'm just going to scale it down like this.

In fact, we better to leave it like this are larger.

What I'll do is I'll just come to the top here where we have this little thing at the top that we can

use to rotate the image.

So just hover over the center of this and click hold and drag, and I'll rotate it.

I do this with it being quite large because it's easier to get it nice than straight when it rather

when than when it's quite small.

I'll come to the top right here, and I'll just like hold and drag, and I'll make this arrow a little

bit smaller.

And I'll put it in the center here, we have these guidelines that show up to show that, OK, this

is the middle, so that's pretty handy.

All right.

So now I'm going to add my key frames and to do this, I'll just right click on the arrow in the timeline.

I'll come to animation.

And here we have add animation.

And just making sure your timeline indicator is at the beginning of the timeline.

Click on Add.

And basically, that just cements its position here, so it knows to start in the middle of the frame.

Now what I'm going to do is I'm going to move this along and just keeping an eye on the time stamp here

on the far right.

I'm going to move it to one second.

Roughly speaking, it doesn't have to be one second, exactly, but roughly around one second.

And I want to click Add once again.

So from point zero to one second, this arrow should stay where it is now for I'm going to move on to

the animation phase where I'm going to move it, let's say, to two seconds.

And I'm going to click actually try and get that little bit little bit more accurate.

OK, they will do I'll click on the Arrow itself, and I'm going to move it around and as you can see,

as I moved it, this new key frame showed at this point and I'm going to just rotate it.

Like this?

And leave it like that.

Now I'm going to come to the three second mark.

And then click Add.

And basically, now this arrow should stay here for about a second.

And now let's move forward another second and I think you can see how this is working now.

Around the four second mark, I'll click on the arrow.

I'll bring it down and I will rotate it.

It doesn't matter what you do with the arrow, you can put it here by accident or whatever, so long

as the key frame stays where it is.

That's fine.

OK, so at this point, I wanted to stay here for a second, so I'll fast forward to five seconds.

I'll click add, and now what I'll do is I will move forward another second.

To six seconds.

I'll click on the arrow and I'll move it over here to the left.

Now, just let you know why she could probably see these figures moving around here.

We have the exposition in the why position and we also have rotation here and is also a past in scale,

which is something we'll be covering at the end in a in a few minutes.

But I just find it way easier just to use my mouse and then just use this little dot here just to rotate

the arrow or whatever you're trying to animate within for more.

OK, so fast forward to seven seconds now.

And another key frame.

So that will stay there for a second.

Now I'll go to eight seconds.

And I'll move the arrow once again.

Up here and I will rotate it.

So, see, it's actually pretty simple, it's quite easy to do this.

I mean, well, if you're doing it for the very first time, it can be a little bit hard to get right.

You know, trying to move these points around and stuff like that.

But after a few attempts, I think it is.

It's quite simple to do.

OK, so it's at the last green spot here now.

So what I'm going to do is just going to leave it here for two seconds.

And this kind of signifies that this is the end of the animation.

So I'll add a key frame and then it will very slowly over the course of another two seconds.

Roughly speaking, come into the center.

And I'll just make this as straight as possible.

Like that, and I'm going to fast forward by another.

In fact, what I'll do is I'll come forward to any time now because it doesn't really matter.

So I'll come to about here and I'm going to.

Add a key frame, and this time I'm going to scale it up.

And I'm also going to lower the opacity so soon as it arrives, as soon as that arise in the center.

It should start to grow and its opacity should start to fade.

And I can just see how that works by just scrubbing over the timeline here.

So it's called scrubbing when you do this, when you just move that the timeline indicator over the

work that you've done below.

So you see, it's disappeared there, and now one way to do it and wait to end this.

Arrow here, I'll go back to actually I need to click, OK, here I'll go, get my arrow once again

and bring it into the timeline, and I'm going to.

Just click on it and I'm going to rotate it.

To make it upright as possible.

And what I'll do is I'll just shrink it down to roughly the same size it was when it first started.

And basically, what I want to do is bring it down here like this, and I'm going to right click and

go to animation and animation.

I'll add a key frame, and I want this to move forward into the position quite slowly, so we put forward

by quite a bit the timeline indicator.

And one way to do is I'm just going to click here because I know it's here and I'm going to click hold

and drag and pull it up like this.

And I can just end this as well, so I'll drag the scene.

Now we should have a full animation, so I'll drag this to the to the starting point.

I'll go full screen and press the spacebar to start the animation and we'll take a look at it.

So that's looking pretty good.

You go to the center now, Will, and it will grow and go more faint and disappear.

Then re-emerge from out of the frame.

OK, so just press escape now there's a few other tools here to take a note of we have these arrows

here and basically you can skip to.

Some of these key frames, so in a more accurate kind of way, in fact, let me just try it this way,

see if it if it actually activates now, okay, you do have to use these arrows in some other video

editing softwares as you can just move this cursor around and they highlight.

But with four, it doesn't do that.

You do have to use these arrows here.

So you can jump between these and let's say you want to make a change.

Well, maybe if I were, if I wanted to, I can maybe scale it down at this point and it's going to

mess up our animation, but I'm just trying to show you something here.

So I'll come back to this point now.

Press play.

So you can see it shrunk down there and then it grew back up.

And then it comes to the end of the animation.

So if you need to repeat the tutorial, then please go ahead and do so until it's clear in your mind.

But at this point, you can now move on to.

Well, I'll just click OK here.

Bring in the road animation.

I should say the illustration I put together and basically bring in the car.

And try to do this animation yourself, so try do what I did before where you take the car and it travels

down the road, takes a park and then goes along the road out of the frame and then comes back into

the frame.

Back to the starting point.

So this is your exercise now.

Have a go at this and see how you get on and I'll see you in the solution VIDEO.