Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
Now the first time I ever launched Motion I got really excited about the possibility of being able to create custom slideshows for still images quickly and easily using behaviors. If you've ever tried to achieve that kind of Ken Burns effect, creating different moves on still images before, you know using keyframes can sometimes be a rather painstaking task, especially when each of the images are a different size. So what we are going to do is use behaviors to adjust some of these moves on these images.
The nice thing, we'll be able to save those moves to use in future projects. So before we get started actually adding the behaviors, go to Motion and go to the Preferences. There is a setting that's really, really important I want you to pay attention to, and it's under the Project section of your Preferences. Down here at the bottom there is an option to scale your large stills to the size of the canvas. Now if you have large images that are larger than the size of the canvas then I suggest to go ahead and turn this on.
You can have Motion do absolutely nothing, but I typically recommend turning this back on. Just generally be aware of the size of the image that you are bringing into your project. Now, let's go ahead and bring an image in, and I am going to talk to you a little bit about resolution and how Motion handles things. So if you navigate in your exercise files to the Media folder, in there you should see a folder for Stills. Now in here you'll see multiple stills. You'll notice up here at the top that I get the width and the height of each image, but I don't get an option for the actual PPI or the DPI of the image, and that's because Motion doesn't pay attention to that information.
It's just looking at the height and the width. Now as you click through the Library here and see different images, pay attention to the size, but also I want you to go down here to the bottom and make sure that this button right here is not selected. See, when it's blue it's selected, and the reason you don't want it selected, what this does is it collapses image sequences. So if you shot a bunch of images in sequence on your camera and they end in consecutive numbers, if this button is selected, you won't see each individual image.
So to get started, I am just going to add a couple of images to our project. I will start with this one, Amber, and I'll just drag it right over into the canvas. Okay, now let's go down here, and I'll just add this image, okie doke, and then here, I can add another image, And I'm choosing these images because of their different sizes, so I can illustrate a point. Now typically, you know when you're creating a slideshow on that kind of thing, you want to add the images in the order you would like to actually have them appear in the slideshow.
But for this purpose again I am just dragging these in so we can kind of see what's going on. Now go and press Shift+Z to automatically resize the Scale of the canvas, and I will press Command+1 to hide my File Browser so we can see things a little bit better here. Now you notice with this image actually selected, it scaled the height so it lines up, but there's extra room on the width. So actually if you press Command+3 to open up your Inspector and go to Properties section, you'll notice that the Scale of this image overall is 46.88%.
If I click on this one, the Scale is all the way down to 35. Now I can't see that image because this other image is on top. If I go ahead and select this last one it scales at 100%, and notice it doesn't even fill the entire screen. So it's really important if you're trying to do full-screen moves on your images, you want to make sure that the images are at least large enough to achieve that effect. So in this instance if this were a project that I really needed this specific picture, I would go back and ask the client for a high-res version. Or if I were the photographer, I would just go take another version that's high resolution.
So to delete this I am just going to press Delete, and just so that we have three images, I'll choose another image that's a little larger here. Okay, so I can drag and drop that right now onto my canvas. Okay, so before we apply the behaviors, I want to do one thing, and that's actually determine how long I want each image to appear on the page. Now typically, I would select all the images and have them appear sequentially in the same amount of time and then kind of go back and adjust accordingly if I need an image to be on screen longer, but for this purpose let's go ahead and move our playhead to around two seconds.
Now I want all of these layers to trim out at two seconds, so I am just going to press O on my keyboard. Now to make sure that all of the layers trimmed, let's press F6 to open the Timing panel, and you can see, yeah, all three layers have actually been trimmed. Now for this first image, this Pablo and Cindy image, I want there to be a move in, so in order to do that, we will apply a basic behavior. So I'm just going to press Command+1 to hide the left side of our interface, and here we'll go to Behaviors > Basic Motion > Grow/Shrink.
Now if you open up the HUD, you can specify that you want the image to grow. And I want to go ahead and move my playhead back to the beginning. Since I don't want these edges to appear on the screen, I'll hold Shift and Option so the image can scale out from the center point, and I will scale it out so the left and right edges are already off the canvas. Now when we go ahead and press the spacebar, you'll notice that the image is scaling up. So that kind of works, but I need it to actually move down on the image as well, and since I want this to be a generic move, I want to go ahead and use a Throw behavior.
So I go up under the behaviors, I can go to Basic Motion, and throw this on a 2D axis, and I'll just throw it down a little bit. And to see exactly how far down, if you move your playhead all the way to the end and just drag down, here, this way you can see exactly where the image is going to move. That's looking pretty good. I actually need to bring the Grow/Shrink down a little bit, so we can still fit both of our people on the screen, and here in the HUD I can switch back to Throw and just have it go down a little bit, and let's go ahead and preview this.
Since I'm only working in the small area, let's reset the preview range. If you press Command+Option+0, that will reset your preview range, and now I have a really good move that's happening right here. So with this first move actually achieved, I can go ahead and tweak the next moves. Now I think you understand how to apply the behaviors and change those parameters. What I am going to do right now is actually save this so you'll understand how to save a preset.
So I'll select both of these behaviors and press Command+2 to the open up the Library. Now in the Library, you want to go the Favorites folder. With the Favorites folder selected, go ahead and drag both behaviors down over to the Favorites folder, and then if you don't move for a minute, you'll notice you have an option: you can import multiple files, which means it'll save both the Throw and the Grow separately, or you can actually choose All in one.
I want to choose All in one because I want it to be saved as one move. So when I do that, it's Untitled. So if you just right-click and then say Rename right on the behavior, we can call this Zoom Down. Now if I want to apply that to the next image, I can go ahead and look for another image that that might work with. I think this one will work here a little bit. What we want to do to scale this image up, there we go, and now just drag the Favorite right onto the new image. And if we move our Playhead back to the beginning here, we can preview, and you notice, ah, it didn't quite work, but that's okay.
We can just select the Throw behavior, open up the HUD again, and adjust the zoom down a little bit, there we go, and you get the general idea. Now I hope you found that as exciting and helpful as I did. If this is something you think you might use, I want you to go ahead and create your own set of custom presets to use for your next big slideshow.
Get unlimited access to all courses for just $25/month.Become a member
93 Video lessons · 28597 Viewers
135 Video lessons · 63194 Viewers
79 Video lessons · 21393 Viewers
350 Video lessons · 106347 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.