New Feature: Playlist Center! Pick a topic and let our playlists guide the way.

Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Animating stills with behaviors

From: Motion 3 Essential Training

Video: Animating stills with behaviors

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.

Animating stills with behaviors

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.

Show transcript

This video is part of

Image for Motion 3 Essential Training
Motion 3 Essential Training

84 video lessons · 16403 viewers

Ian Robinson
Author

 
Expand all | Collapse all
  1. 6m 43s
    1. Welcome
      52s
    2. Why use Motion?
      1m 49s
    3. Important definitions
      2m 22s
    4. Using the example files
      1m 40s
  2. 23m 59s
    1. Launching Motion for the first time
      2m 0s
    2. Understanding the Motion interface
      3m 21s
    3. Navigating the Canvas
      5m 26s
    4. Controlling the Timeline
      3m 29s
    5. Using the Toolbar
      3m 2s
    6. Setting essential preferences
      3m 37s
    7. Customizing your keyboard
      3m 4s
  3. 25m 20s
    1. Adding outside assets
      4m 14s
    2. Using Library content
      2m 56s
    3. Working with layers
      6m 59s
    4. Working with groups
      5m 33s
    5. Using blend modes
      5m 38s
  4. 35m 21s
    1. Adding and adjusting behaviors
      4m 2s
    2. Applying behaviors to layers vs. groups
      1m 51s
    3. Adding multiple behaviors
      4m 8s
    4. Adding parameter behaviors
      5m 30s
    5. Trimming and sliding behaviors
      9m 23s
    6. Animating stills with behaviors
      10m 27s
  5. 18m 45s
    1. Using the Record button
      3m 33s
    2. Adding keyframes manually
      2m 49s
    3. Manipulating keyframes with the Keyframe Editor
      5m 36s
    4. Combining keyframes and behaviors
      3m 10s
    5. Working with recording options
      3m 37s
  6. 22m 51s
    1. Adding and formatting text
      5m 56s
    2. Creating text on a path
      4m 16s
    3. Animating text
      4m 18s
    4. Using pre-built text behaviors
      2m 1s
    5. Using text styles
      4m 13s
    6. Creating your own text preset
      2m 7s
  7. 15m 59s
    1. Applying and adjusting filters
      7m 0s
    2. Applying multiple filters
      4m 16s
    3. Being creative with filters
      4m 43s
  8. 8m 46s
    1. Understanding different types of keying
      2m 8s
    2. Pulling a simple key
      6m 38s
  9. 20m 27s
    1. Creating simple shapes
      6m 21s
    2. Adjusting shapes
      3m 1s
    3. Creating simple masks
      2m 33s
    4. Creating a tracking mask
      3m 24s
    5. Creating a complex mask
      2m 15s
    6. Creating image masks
      2m 53s
  10. 6m 48s
    1. Applying and adjusting generators
      3m 11s
    2. Generating a background
      1m 30s
    3. Generating a transition
      2m 7s
  11. 17m 33s
    1. Understanding particles
      2m 5s
    2. Creating basic particle systems
      5m 18s
    3. Making complex particles
      6m 13s
    4. Modifying particle behaviors
      3m 57s
  12. 17m 59s
    1. Replicating objects
      5m 6s
    2. Animating a replicator
      4m 32s
    3. Replicating a video file
      3m 31s
    4. Creating a lower third replicator preset
      4m 50s
  13. 14m 52s
    1. Painting in Motion
      8m 11s
    2. Sequencing paint stroke behavior
      3m 54s
    3. Applying paint dynamics
      1m 26s
    4. Painting from shapes
      1m 21s
  14. 25m 43s
    1. Using 3D space
      4m 52s
    2. Working with cameras
      3m 55s
    3. Using camera behaviors
      3m 41s
    4. Lighting a scene
      4m 56s
    5. Creating 3D text
      1m 53s
    6. Creating 3D replicators
      2m 27s
    7. Creating 3D particles
      3m 59s
  15. 14m 42s
    1. Applying Match Move: Four-corner pin
      3m 11s
    2. Applying Match Move: Transform
      1m 48s
    3. Working with stabilization
      2m 11s
    4. Retiming video
      4m 3s
    5. Retiming with behaviors
      3m 29s
  16. 11m 24s
    1. Adding and adjusting audio
      4m 51s
    2. Adding audio markers
      2m 56s
    3. Applying the audio parameter behavior
      3m 37s
  17. 7m 31s
    1. Exporting files
      2m 49s
    2. Creating an export preset
      2m 51s
    3. Archiving your project
      1m 51s
  18. 22m 25s
    1. Sending your project to Compressor
      3m 35s
    2. Roundtripping between Motion and Final Cut Pro
      7m 11s
    3. Creating drop zones
      5m 27s
    4. Creating templates for Motion
      2m 19s
    5. Creating templates for Final Cut Pro
      1m 14s
    6. Creating DVD Studio Pro menus
      2m 39s
  19. 14s
    1. Goodbye
      14s

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold

Are you sure you want to delete this note?

No

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.