Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
So one of the most common things people need to do in video editing is animate still images. If you have ever used iMovie, undoubtedly you have used the Ken Burns Effect to do just that. But with this technique, I am going to show you how you can use Motion to do those same types of moves. Now, I would just like to take a quick second to thank my wonderful fianc?, Lisa Parkinson, for supplying these beautiful images I am going to use in this course. I am not biased or anything. Let's get started by actually analyzing the images. I am in Preview, I have got all the images opened here in Preview, just so I can show you the different resolutions of all the images that we are going to be using today.
If you go up under tools and open your Inspector, you will get this Window here for General Information. This first image is 1280 x 1920. One of the things you will notice as I click through these images is, I have 1920 as the largest possible size for all of these images. The reason I have done that, typically the highest resolution of HD footage is 1920 x 1080. Now, we are not working at that, we're working at BBC Pro HD, which is considerably less.
So this way I can make sure my images are plenty and big enough to actually do the moves and not have any edges of the images showing. Now, the other thing you want to make note of is the DPI. This is really interesting, because in the past I would always have to make all my images, 72 DPI, but now with Motion, if you just drag and drop your images in, Motion will automatically treat the image as a 72 DPI image. Now, why am I obsessing over 72 DPI? Well, all video is 72 DPI.
So it really doesn't matter if I am using a 600 DPI image or a 300 DPI image, because Motion is just going to treat it as though it were 72 DPI. So let's go ahead and get started. If you don't already have it open, we are in the 06 Animating Photos Motion Projects. Navigate in your File Browser to the exercise files. Go to your Media folder and there you should find Graphics, and in there a Photos folder. Here we have the six photographs.
So we are going to do these one by one. So let's get started by dragging this first image of MacAndMalia in here; this is Malia, and so we will just drag in on out. One thing you will notice is, this image, all of a sudden, looks like its way too small. If we look in the Inspector, the Scale has been set to 37.5%. Well, the reason this has happened, if you go into your Preferences; click on Motion, go to Preferences. Under the Project settings, there is an option for Large Stills, and by default its set to Scale the Stills to Canvas.
Now, for this project we don't want to do that. So click on that, and say Do Nothing. Now we can go ahead and close this. I am just going to select this image and hit Delete, so it's out of my Motion Project, and we will go back to the File Browser and redrag this image in. If you are not getting your Snapping, remember hit N. Now you will notice this image is nice and big, and now we can start doing some of these wonderful moves on here. Okay, let's get started by positioning the image. Go ahead and click on it and drag it down here.
What I would like to do; I am making sure it stays centered, what I would like to do is just do a slow move in on the image and have it moving down. So let's do this with Behaviors. Go ahead and hit your spacebar. Click on Add Behavior, Basic Motion, Grow/Shrink. Open up your HUD, and let's just make this image grow a little bit. So now we have got this nice, slow move on the image.
You always want to make sure; go ahead and stop it for a second, when you get back to the beginning, that the edge of the image appearing like that, you don't want that to happen. So we have our nice Grow, and now what we need to do is Add the pan down. So go up under Add Behavior, choose Basic Motion, and choose Throw. Again, in your HUD, go ahead and click and drag down, and now we will get a nice push in.
So now we have got one move. This is close, but as you see, its kind of popping, so what we need to do is actually add a Fade at the beginning and a Fade at the end. So I am just going to pause for a quick second. Go up under Add Behavior, Basic Motion, Fade In/Fade Out. The Default is 20 frames. Let's go ahead and change these to 15 frames, and we will change the Out to 15 frames. Go ahead and hit your spacebar, and Play again. So now you will notice, I am getting a nice fluid move with a Fade In and a Fade Out on both sides.
Go ahead and hit Pause for a second here and move my playhead back to the beginning; you will see nothing on the screen. Hit F5 and open up your Layers Tab, and in here you will notice we have a Fade In/Fade Out, the Throw Behavior, and the Grow/Shrink Behavior. Now, every time I drag an image in here, I don't want to have to start from scratch, so what I am going to do is Save this as a Preset So open your Library Tab, move down to Favorites; and this is a folder where you can actually save and modify things.
So what we are going to do is click on the bottom most Behavior, and hold down Shift and click through the list. I want you to drag and drop this, but don't let go just yet, wait, and you will get this Contextual Menu, and what its saying is, I can save each one of these behaviors on its own, or I can save it All in one file. I want it to be All in one file, so check this out. When I let go, it's Untitled. So go ahead and double click the text and rename it; and this was Down and In, so I will just Down_In.
There we go. I am finished animating this first Still, so we can go ahead and close that off, and actually turn that Layer off. Go back to the File Browser and we will choose our next still. Go ahead and drag this MacAndMalia_4 image. Drag in and drop it out to your canvas. Make sure it's centered, and there we go. Let's go back to our Library, choose the Down and In behavior; and I know you are probably thinking to yourself, well, I don't want to do the exact same move back to back.
No problem, this is just a starting point. So go ahead and drag and drop this onto this Layer, and now you notice you have all three Behaviors already broken out. If you hit your spacebar, and make sure you have your Timeline selected, if you hit your spacebar, you can see now we have a move. Like I said, this is just a starting point. So I really don't want this Throw to go this direction, so I am going to stop my playhead relatively close to the end because I want to choose where this image is going. So let's start by adjusting the Throw.
I want it to start on Malia and make its way over to Mac. So what we want to do is adjust the Throw to kind of head that direction. There we go. I want this to not Grow, but to actually Shrink a little bit, so we can see a little more of this image. Here's that edge that I was telling you to be wary off. So let me go ahead and adjust our Throw Behavior and make sure it isn't throwing it quite so hard. Let's Preview.
Go ahead and close your HUD, and hit the spacebar. Okay, pretty close, but I am still getting the edge of that image. What I want to do is actually make sure that this Throw is not so powerful. So go ahead and hit F7 and bring your HUD back up, and we will go ahead and drag the Throw back there; just kind of giving it one last tweak. Go ahead and close that, hit the spacebar and Play it. There we go. So now we have another nice move. I will just call this a Pull_Out. Let's go ahead and save this one.
Shift click on all of your Behaviors and go ahead and drag it and drop it, and again, we will Save it All in one file. Double click it, and we will just call this Pull_Out. I want to encourage you to feel free and use all the rest of these images to create your own little slideshow. For the purposes of this demo, and I am just going to use these two and build this out so you can see the rest of the process.
So let's go ahead and close this image, and now what we have is two images directly on top of each other. See, if I turn this one off here, you can see I have got one image and then the next image. They are not really edited together, so what we want to do is change the Length of our composition. Now, I could change it to 6 seconds; its now 3 seconds, but I don't want there to be any issues when the photos are cross- dissolving with the black background coming up. So I want to make sure that Dissolves are Overlapped to a point where it just easily fades from one image to the next.
So I am going to choose 5 seconds. Then just go ahead and drag your outpoint out here, and we can select the first Layer, and you notice here it ends. If we hold down Shift and hit O, it will automatically jump your playhead to the end. Let's go ahead and click on the next photograph here and hit Shift, left bracket to slide that photograph down. So let's go ahead and hit the spacebar and see what we have got. So you have got the first image and it Fades Out and then the next one Fades In.
That will be good if you want a little dip to Black, but like I said, I chose 5 seconds for a reason. Let's go ahead, and in real time, just click on the second photo and drag it so it starts a little earlier, and now we will get one fading right into the next. So there you have it. We have saved some Presets and we have used Behaviors to create the wonderful Pan and Scan Ken Burns Effect within the Final Cut Studio package.
Get unlimited access to all courses for just $25/month.Become a member
110 Video lessons · 48177 Viewers
86 Video lessons · 10805 Viewers
350 Video lessons · 100072 Viewers
79 Video lessons · 13768 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.
Your file was successfully uploaded.