Key Framing for Beginners - Final Cut Pro X Tutorial | Michael Fonseca | Skillshare

Key Framing for Beginners - Final Cut Pro X Tutorial

Michael Fonseca, Personal Development Courses

Key Framing for Beginners - Final Cut Pro X Tutorial

Michael Fonseca, Personal Development Courses

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
5 Lessons (37m)
    • 1. Introduction

      1:30
    • 2. Keyframing Images Text and Video

      20:26
    • 3. Keyframing Color

      5:37
    • 4. Keyframing a Text Reveal

      9:20
    • 5. Closing Thoughts

      0:28
  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels
  • Beg/Int level
  • Int/Adv level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

86

Students

--

Projects

About This Class

7a84248d

Have you struggled with understanding key framing?  I know I did, when I first came across the concept.  It was only through research and taking a load of courses that I finally figured it out. 

Keyframing is a skill, once mastered, that will open up a world of possibilities in terms of increasing the production value of your videos.

I hope to demystify keyframing for you through this byte sized course and help you understand and apply the concept in as short a time as possible.

In this course I show you how to keyframe:

1) Text

2) Video

3) Images

4) Color

5) Title/Text Reveal

Meet Your Teacher

Teacher Profile Image

Michael Fonseca

Personal Development Courses

Teacher

Hey! This is Michael Fonseca, I’m a free lance video editor and YouTuber.  I also am a personal development nerd.  Working a full time job, freelancing on the side, running a youtube channel, teaching on skillshare, being a husband and dad, among other things can be really overwhelming at times and that fired up a desire in me to be more productive and learn all I can about personal development, so that I could achieve more in less time. 

Over the years of studying and implementing a wide variety of material I've picked up valuable things that I'd like to share with you in byte size courses. So I hope you enjoy them and are able to take back some valuable tips that you could implement today.

I will be adding course... See full profile

Class Ratings

Expectations Met?
  • Exceeded!
    0%
  • Yes
    0%
  • Somewhat
    0%
  • Not really
    0%
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

Your creative journey starts here.

  • Unlimited access to every class
  • Supportive online creative community
  • Learn offline with Skillshare’s app

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.

phone

Transcripts

1. Introduction: if you're new to final cut pro or even if you've been using it for a while. But I found it hard to understand key framing. Then this is just a class for you. Hey, guys, My name is Michael from Cejka and I'm a freelance video editor have been freelancing for the last couple of years now and along the way, I've picked up a significant amount of knowledge that I would like to share with you in bite size courses, much like this one. In this class, I show you how to get proficient with key framing, taking you from the basics to some advanced stuff as well. I go into explaining what key framing really is. I then show you how to key frame images, text video. I also show you how to key frame color and then I get a little bit advanced and show you how to keep frame a text reveal for the class project. You'll be creating a video using some of the key framing tips and tricks I show you in this course. By the end of this course, you'll be able to keep frame like a boss. Now, this course is for anyone who wants to learn how the key frame using final cut pro 10. I really look forward to taking you through it. I'll see you in class. 2. Keyframing Images Text and Video: Hey, guys, welcome back in this lesson, we're gonna look at key framing images, video and text. The end product should look something like this to demonstrate the process. I've downloaded some stock footage from pixel start com, which, by the way, is a great and free resource for stock footage. Once I downloaded the footage, I brought it into final car Pro and we're now going to use it for the purpose off this demonstration. So to begin with, we will first need to create a new project. And you can do that one of two ways, either by going to file new project or hitting the keyboard shortcut command in. So let's create a project and name it key framing images, video and text. We leave all of the other details just the way they are and hit. OK, so now we have a completely new project and we're gonna build out the animation sequence right here. So to begin with, we will start with the clip off the presenter. We would first need to bring it down into the timeline and we could do that one of two ways either weaker drag and drop it into the timeline or we could click on it and hit the keyboard shortcut. That's Letter E. Then we would need to use the keyboard shortcut shift and Z to spread out the clip across the visible timeline. It just makes it easier to work with. Our next step would be to go through the clip and find an appropriate spot to begin the animation. If you look at the clip, there is a point where this lady points to the right. So let's lay a marker at this location. Now to put in a marker, you can do it one off two ways. Either you go to the mark menu, then two markers and say, Add Marco. Or you could just use a keyboard shortcut. That is a letter M. Now There is also another point in this particular clip where the presenter points to the right and if we skim through it, we will find it here. What we will do is we will wait till she brings her hands down, and we will then set another Marco on the clip. Now, the reason why we're setting these markers is to give us a visual. Cue off how long we want the particular animation to be, and that will be our visual cue. When bringing in the other clips. We could just place it over the markers, and it would make things a lot easier. Next, we want to bring in a solid background over which we could lay the screen recording off the weather application. For that, we would go to the titles and generator stab in the top left corner. We'd scroll down to the generators section and then two textures and within textures. Let's just use industrial now. We need to bring this down into the timeline. We could do that one of two ways again, weaken, drag and drop it to the timeline, for we could click on it. And because we want to connect it to this particular clip, we will hit the keyboard shortcut que, which connects it to the previous clip there. Just appointed. Remember, whenever you are using a keyboard shortcut to drop clips into the timeline by default, it will drop it at the location off the play head. So wherever the play had sits, that's where the clip will come onto. The timeline. Now do you remember earlier we placed two markers on this presenter clip where now we're going to make use if it we want to take the generator clip and align it with the first marker and then we want to stretch out the generator clip such that it reaches up until the second Marco. And this will be how long we want this particular generator to last. If we look at this particular generator clip and we look up in the viewer window, we will notice that it covers the entire screen. We cannot see the the lower clip anywhere. We don't want it to be that way. And so what we're gonna have to do is crop out this generator. To do that, we will need to go into the video inspector and then come to the crop section and we want to crop right so that it starts to trim the clip. Now you will notice that it doesn't allow me to go past this slider maximum range. So what you can do is you can just put in a number year larger than what you see, and it will crop it even further. I happen to know the right dimensions. And so I'm just gonna key in 1300 and that will crop it to a level that we could have nicely at the left hand side of the screen. I want to be happy with the way the generator looks in terms off its size and the way it sits on the screen. We will then begin with the key framing process. Before we do that, let's go back to the initial example I gave you off the head artist, drawing out the key frames and then the in between artists, drawing the in between frames. Remember I told you that you and me, we are the head artist here and we're going to set the key frames. The first key frame and the second key frame. The first key frame will tell Final Cut that the generator should be outside the screen. This generator should be outside the screen. And then the second key friend that we set, we will bring the generator back in, and then it will tell Final Cut that the generator needs to be on screen, so let's see what that looks like. In our example, we would first need to go to the start off the generator clip and open the video animation window on the timeline to perform the key framing action. You can do that either by using the keyboard shortcut control V or by going to the clip menu Onda clicking on show video animation. This will automatically open the box for you once the video animation windows open. Take the play head to the start of the clip, which it already happens to be there. Since we want the generator to begin its part from off the screen, we will go to the video inspector tab, then to the Transform section and then to the position section and where you see X. We will start the dragon Left, which will take the generator off the screen. Once it's off the screen, we will now create a key frame, and you can create a key frame one of two ways you could either hit this little Plus I can hear that will keep frame the position off the generator. Or you could come down here, click on this transform section and hit the keyboard shortcut Option K that automatically creates a key frame year. Then what we want to do is go ahead by 10 frames, and you do that by using the keyboard shortcut, shift and right arrow. Now, at this location, we want the generator to be back on screen. And so what we will do is we go back to the Transform section back to position, and we now bring the generator back on until it fits the screen nicely, and the minute you have dragged it onto the screen and left it, you will automatically have a key frame created. Your final cut automatically does that. Now, let me explain this. Working to you. When we created the first key frame, the generator was outside. We moved the generator outside the screen that tells Final Cut that when the play head reaches this location, the generator should be off screen. But when it gets to this location, the generator needs to be back on screen Now, just like the head artist, we've created the two key frames and then what final cut has done automatically as the in between artist. It's created the's in between screens, which provide a very smooth transition to a second key frame, which is when the generator will be on screen. So that essentially is the crux off key framing. We set the key frames and then final cut does the in between stuff. Now, this will create the intro sequence for the generator. We now need to go and create the outro sequence. So we go to the end of the clip, hit the shift and the left arrow key to come in or do go 10 frames prior at this location. We want the generator, Toby exactly where it is. So all we have to do is just create a key frame and we do that by hitting Option K. And that creates a key frame. The next key frame we want to create is at the end off the clip, and we just come in by one frame by hitting the left arrow key. And at this location, we want the generator to be off the screen. So we do that again by going to the Transform section under position X axis and we drag it off screen. He will notice that the second key frame was automatically created by final Cut Pro. That's how we create the end sequence that you have intro sequence, and then you have an outro sequence. So let's play that back to see how it looks today. You have it, the intro and the outro. Now, just as a tip. If for any reason you find that this particular animation is happening too fast and you want to slow it down, all you need to do is just drag this particular key frame further away from the initial key frame. And then you can do the same thing here, and then you watch how it slows down the animation. And then if you wanted to come in a little faster, all you need to do is bring these two key frames closer together and you can see how quickly comes on. So that's just the tip that you can keep in mind. It makes the process of key framing extremely simple. Once you understand the logic and the reasoning behind these key frames, it will make your life with key framing extremely simple. Next, we will work on the screen recording clip, which we want to have come down from the top of the screen, so we're gonna have to close out the video animated for the generator. We will then head on over to the browser, and we're gonna need to bring in the screen recording to the timeline. And so we're going to use the keyboard shortcut. Q. Once we bring the keyboard shortcut to the timeline, you will notice that it is rather long. It goes past the generator as well as the marker that we had laid out. So what we're gonna have to do is find the best part off this footage so that we can only take that part and have it fit within this area. So let's look for the best footage. Ideally, we want to have the screen moving continually. Okay, we've got that. We blade out the initial part, removed this clip to the start case right up until the year. It seems fine. And so we're gonna use the blade to cut off the excess, and we can go ahead and delete it. Now that we've got the screen recording to lift to be off the same duration as the generator, we want to change the dimension of the clips so that it fits over the generator. And to do that, we go to the transform section. We go to skill all and we drop it down a bit, then we can use the position handles to move this queen recording into position over the generator tab after we've played around with the adjustment off the dimensions and we're happy with it on next step would be to key frame the screen recording now for the key framing off the screen recording. We wanted to drop down from the top. So what we're gonna have to do is just like the way we keep friend the generator. We're gonna open the video, animator. We want to create the first key frame right at the start and at the start off the clip, we want the screen recording to be outside the screen on the top. And so what we're gonna do is go to the y axes and move the screen recording outside off the screen. And then we come in here hit option key, and that creates the first key frame. We then hit shift and the right arrow key, and we will now go to the y axes and bring down the screen recording to the place that we wanted to be in. And if you notice it automatically creates the second key friend. So this creates the intro. We now go and create the outro. So we go to the end of the clip and come in by 10 frames at this particular location. We want the screen according to be where it is. So all we need to do is hit Option K and create that key frame. We then go to the end of the clip and coming by one frame and we go to the Y axes in the transform section and we dragged the clip back up until it's out of the screen and automatically aqui friend is created. And so if you play that back, you have the generator sliding in from left, right, and you have the screen recording dropped down from the top. And so now we're done with animating the screen recording. The next step would be to bring in the text we want to add, and we want to make the text sliding from left. Right, So we will begin doing that by bringing in a text box. And we do that by using the keyboard shortcut control T. Now, as you can see, it is a little longer than what we need. So we'll trim that down by using the key, the blade tool, and then deleting the excess. Once we have the text box, weaken, go in and change it to say whatever we want. So let's put in weather report. We will then go and change the font. Let's make it ever Greer. Keep that as regular, and then we can make it 65. We can also change the color of the formed, and we can do that by going to the face option. You need to click on show, and then you can just double click here and you can select Dragon Select whatever color that suits your fancy, and then just take this and drop it on to the white portion there. Once we're happy with the formatting off the title, we can just drag this titled over the screen recording. Once we have it in place, it's now time to key frame the title. To do that, we will use the same process that we've been using. We go to the start off the clip hit Control V to open the video animation and at this particular location, we want the title to be off screen, so we go back to the video inspector to the Transform section and then to position and drag on the X axis until that title is off the screen. Once we've done that, we come down to the video animation window in the timeline and use the keyboard shortcut Option K that would create our first key frame. Then we come in 10 framed by using the keyboard shortcut shift and the right arrow key. And once we've done that, we can go back to the Transform section and drag on the X axes until the title is back on screen, and that will create our interest sequence. We now will need to create the outro sequence. We go to the end of the clip hit shift and left Arrow key to come in by 10 frames. When the play head is at this particular location, we want the title to be exactly where it is. So all we need to do is set the key, framed by using the keyboard shortcut Option K that we go to the end of the clip coming by one frame, go back up to the Transform section and to the X axis and drag it left so that the title is off screen and that will create your ultra sequence. So let's play the entire clip back once again. So there you have it. That's the entire animated sequence. This is how we key frame images, text and video. That brings us to the end of this lesson. In the next lesson, we're gonna look at how to key frame color. I'll see you in the next one. 3. Keyframing Color: Hey, guys, Welcome back in this lesson, we're gonna look at key framing color. Our goal is to turn a portion of the clip from color to black and white and then from black and white back to color again. The end product should look something like this, so the key framing process would remain pretty much the same. Only this time you will be key framing using the color board to begin, we will first need to create a new project. And we will do that by using the keyboard shortcut command in. And then we were name it Key framing color. We will leave all of the other options, as is an click on. OK, now that we have a fresh new project, we will want to bring in the clip that we're going to be working with. And that will be the clip titled Street. We will drop it into the timeline using the keyboard shortcut e and then use the keyboard shortcut shift the dis spread it across the timeline. Next, we will go to the beginning of the clip and open the video animator window by clicking control V. Then we want to go into the color board or out of the color inspector and select color board. And this is what you will see The minute you select color board here, he will see Color Board also appears in the video animation window. This was not there Previously, after you have the color board showing on the video animation window, he will then go to the point in the clip where you want the clip to transition from color to black and white and say, We want it to be this point. We will then go to the color board hit Option K to create a key frame. This will tell final Car Pro that at this location the clip should be in color. We will then go ahead by 10 frames by using the shift on the right arrow key, and we will come to the color board and drop the slider to the very bottom, such that the clip turns to black and white. And there you will see that our interest sequence has been created in that the clip turns gradually from color to black and white. Next, we want to go to another location in the clip where we want it to switch back from black and white to color. And so let's say this is that location. We hit the keyboard shortcut Option K to create a key frame. We had shift and the right arrow key to go out 10 frames, and then we go to the color board and lift up the masters lighter to somewhere in the middle of the range, and the key frame is automatically created. If you play that sequence back. This is what it looks like now. If you find that transition a little too quick for your liking, you can drag out this key frame and you can drag out this key frame that would slow down the transition of bed. And if you play that back, you will see a much slower transition to black and white and then black and white to color . So just as a recap with key frames, when we created the first key frame, we told Final Cut Pro that had this location. We want the clip to be in color. We set another key frame, and we told final Cut that had this location. We want the clip to be black and white and What we did was we went up and we drop the slider down. Such that the clip turned to black and white, and what final cut pro did automatically was created in between frames to create the transition from color to black and white. Then we created another key frame towards the end of the clip, which told Final Cut that at this particular location we wanted the clip to remain in black and white, and at this location we wanted it to be back in color and to have it back in color. We lifted the sleight of back to the middle of the range, bringing it back to color final cut on its own, created the in between frames and created that transition from black and white back to color. So there you have it. That's how you key frame color. In the next lesson, we're going to look at a slightly more advanced topic in that we will be looking at key framing or text reveal, while the next topic is a little more complex. If you master it, you can add significant production value to your projects, so stay tuned, and I'll see you in the next one 4. Keyframing a Text Reveal: Hey, guys, working back in this lesson, we're gonna look at key framing and eye catching text reveal the end product would look something like this. All right, So, to begin with, let's first create a new project. We do that by hitting command n and let's name it key framing, text reveal, leave the rest of the settings as is hand hit. Okay, now that we've got a fresh new project, we'll bring in the clip that we wanna work with. In this case, it's New York and hit E to bring it down to the timeline and shift Z to spread it across the timeline. Now, if you look closely at the clip, it is a little zoomed out and we want to zoom in a little bit to add better effect toe what we're trying to do. So to do that, we go to the video inspector and we will scare up to about 230% or so. And then you just go to the position section and just to reframe it a bit, so we come down to the timeline just to make sure we've got the car on the frame. So we have perspective, and then we just drag it up a little more so that the car is pretty much passing through the center of the frame. Once we've done that, we will need to go and just leave a marker in year just so that we know that this is where the first car passes so you can use the keyboard, shortcut em to leave that marker and then skin to the timeline and find that location with a second car comes along. And that would be about here we leave another marker by using the keyboard shortcut m next , we want to add the text. So we come to the start, actually to the first marker and hit the keyboard shortcut control T that will bring up our text box. Then we will need to go in and put in whatever text we want. So we wanna put in New York. We can go and change the font type, do anything we like. Let's go for something tick. And we changed, um, foreign size to about, say, 230. So we get it nice and big, and then we go to the video inspector and using the position options, we will just align it to our liking. Now we want to make sure that this title is the right size, such that the car come covers it completely because we are going to mask out the title and we want to make sure that the car covers it completely. So we need to play around with this just to make sure that it is the right size and looking at the size of the title, we will notice that the car will cover it completely after we assure off the size and the format off the title weakened, then go to the effects tab and we would need to drop in a drome, ask onto the title now. If you don't see the drum, ask like I have it up on screen. All you need to do is make sure that you have all selected and then just type in Drome. Ask and you will have it here. You can just take it and drop it on to the title. After you dropped out of the title, you need to come to the video inspector section and what you will see is the draw Mosque window opened up for you. Once you have that there, we can now begin the process off drawing out our mosque, and then we will begin key framing process. So when it comes to drawing on the mask, you want to get as close to the shape off the car as possible. So take time to make sure that you've got the shape of the car down nice and tight, and then you want to also make sure you have a few extra control points on the other side as well, and then commit that to to close out the mask. And as soon as you do that, you will notice that the mosque is completely invisible. Once you've done that, you will now go to the the drone mask window and you will expand the Transform section and click on the key frames for position, rotation scale and the control points. After you've done that, you can come back to the timeline and moved to play head ahead by five frames so you can count out five frames and move the play head forward. After you've done that, you will then take the control points and follow the shape of the car. Like I said as Titus possible. Now this is going to take a bit of time and effort, but the end product would definitely be something that you can be proud off. So take the time to get as tight on the shape of the object as possible, because that will give you the best results. After you've done that, you want to move the play head ahead by another five frames. Now, just a point to note that as you're moving the control points to mirror the shape off the car, they could be times when this particular text box is at the forefront. And so if you try to drag out any control point from over the text box, you will notice that the textbooks itself gets dragged out. The solution for that is extremely simple. Just make sure that the text boxes selected go to the position tab and click on it, and that will stop that position or other. Stop that textbooks from being dragged as you try to drag the control points. Just a tip, because sometimes you can struggle with it and you won't know what to do. So that's a tip to keep in mind, and I'm going to fast forward this even as I draw up these control points. After you've done that, you can take a look at how the whole animation plays out, and this will basically be your interest sequence now to create your outro sequence. All you need to do is go over to the part where the second car comes into the frame and what we will now do is we will begin to move thes control points over to the left hand side and take the shape of this car even as it passes over the text. So let's work with it now. We want to move the play head forward by again five frames, and then we will take the control points and move it as required. But after you've covered up the entire title by moving the control points, that would create the ultra sequence, and you can play back the entire clip to see what it looks like. So you have a car coming in. It reveals the title, and then a little later you have the second car coming in and it takes away the title, and there you have it, a need text reveal that will add significant production value to your project. 5. Closing Thoughts: All right, That's it. Congratulations. You've completed my course again. I want to say thank you so much for taking my class. I would love to know what you thought about it. Also be sure to click the follow button that where you will be notified each time I release a new course. Be sure to post your final project to the project bait. And if you have any questions, feel free to ask it in the discussion section. Thanks again. And I'll see you in the next one.