Ken Burns Effect In Motion - Record Keyframes

Ken Burns Effect In Motion - Record Keyframes
We will continue to work on the Ken Burns effect for our MotionR trailer. Because the image covers the entire Canvas, we don’t need to keep the Bokeh animation running behind the graphic. Let’s stop it at the 00:00:06:15 point of the Timeline.

  1. Drag the right edge of the Defocused Wealth layer to that location.

    We will have the Ken Burns effect run for most of the trailer and stop at the 35 second point of the Timeline.

  2. Drag the right edge of the Scene2 layer to 35 seconds on the Timeline.

    We want the left edge of the large graphic to touch the left edge of the Canvas at the beginning of the Ken Burns effect. This will make the right side of the image extend beyond the right edge of the Canvas. At the end of the effect, the opposite will happen, with the right edge of the image touching the right edge of the Canvas.

    To make this animation, we will use the Record feature.

  3. Set the Playhead at the 00:00:05:15 mark of the Timeline and click the Record button under the Canvas.

  4. Move the Playhead to the 00:00:35:00 mark of the Timeline and drag the image all the way to the left until the right edge meets the Canvas edge.

  5. Click the Record button to stop the recording. You will see two red Keyframes added to the Timeline under the Scene2 graphic layer.

    Now we need to add the Fade In/Fade Out behavior to the graphic.

  6. Place the Playhead at the left edge of the graphic layer in the Timeline (00:00:05:15). Go to the Library - Behaviors - Basic Motion - Fade In/Fade Out. Click the Apply button. You will see a purple Behavior layer added to the Timeline.

  7. With the Fade In/Fade Out behavior layer selected, go to Inspector - Behaviors tab and set both the Fade In Time and the Fade Out Time to 30 seconds.

Now’s a good time to text the trailer. You will notice that Motion automatically starts the graphic moveing slowly, then increases speed and slows again at the end. This is called easing and is automatically added to the animation.

This was a long tutorial. But the only thing left is to add the second title and rectangle. We will do this just as we did in the previous tutorial, using the same beginning and ending points on the Timeline as the Scene 2 graphic.

← Back

Finished Project

Apple, Motion, iBooks Author, GarageBand, TextEdit, Pages, iMovie and Mac are trademarks of Apple Inc., registered in the U.S. and other countries. BellaOnline is an independent publication and has not been authorized, sponsored, or otherwise approved by Apple Inc. Screenshots used by permission.

Related Articles
Editor's Picks Articles
Top Ten Articles
Previous Features
Site Map

Content copyright © 2022 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact Diane Cipollo for details.