g Text Version
Beauty & Self
Books & Music
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
News & Politics
Religion & Spirituality
Travel & Culture
TV & Movies

Bored? Games!
Take a Quiz
Rate My Photo

Autism Spectrum Disorders
Mental Health
Blogs / Social Networking
Kidney Disease
Today in History

All times in EST

Full Schedule
g Flash and Animation Site

BellaOnline's Flash and Animation Editor


Keyframe Animation in Motion 5

In this tutorial, we will learn how to use the Record Keyframes feature in Motion 5 to move text across the Canvas.

As mentioned in the last MotionR tutorial, we will have a new graphic and some new copyright text on the Canvas for Scene3 of our product trailer. The copyright text and new graphic will be static on the Canvas for the entire scene but will have the Fade In/Fade Out behavior applied to smooth the transition between scenes. As we did for the transition between Scene 1 and Scene 2, we will overlap the layers for these scenes in the Timeline. Scene 2 ended at the 35 second mark on the Timeline. So letís start Scene 3 at 34.5 seconds, which will be 34 seconds and 15 frames in the Timecode (00:00:34:15).

All of the Scene 3 design elements will remain on the Canvas until 00:00::41:00 in the Timeline. We already have extended the text layer of the product name in the Scene2 group to this location. And as it already has the Fade In/Fade Out behavior applied, we only need to add the animation that will move the text. We will also add the Fade In/Fade Out behavior to the copyright text and the new graphic.

At this point, the text is still at the bottom left corner of the Canvas. We will move it up and to the right side of the Canvas. Then we can add the copyright text below the product name and the new graphic to the left side of the Canvas.

Letís make the animation that will move the text to the new position on the Canvas 1 second in duration. So it will begin at the 00:00:34:15 and end at 00:00:35:15 on the Timeline.

  1. Select the product name layer. Place the Playhead at the 00:00:34:15 mark on the Timeline and click the Record button.

  2. Move the Playhead to the 00:00:35:15 mark on the Timeline. Drag the text to the right side of the Canvas. Click the Record button again to set the two keyframes.

  3. By default, the first keyframe will be placed at the beginning of the text layer. Drag the left red triangle for the keyframe to the 00:00:34:15 mark on the Timeline.

Our last step in this tutorial is to import the new graphic and add the copyright text to the Canvas and add the Fade In/Fade Out behavior to both. As we have covered this already, refer back to the previous tutorials. However, because we want the Fade In/Fade Out behavior to apply to all layers in the Scene3 group, we can apply the behavior to the Group instead of the individual layers within.

Join us in the Animation forum. | Join us in the Digital Art forum.


Add Keyframe+Animation+in+Motion+5 to Twitter Add Keyframe+Animation+in+Motion+5 to Facebook Add Keyframe+Animation+in+Motion+5 to MySpace Add Keyframe+Animation+in+Motion+5 to Del.icio.us Digg Keyframe+Animation+in+Motion+5 Add Keyframe+Animation+in+Motion+5 to Yahoo My Web Add Keyframe+Animation+in+Motion+5 to Google Bookmarks Add Keyframe+Animation+in+Motion+5 to Stumbleupon Add Keyframe+Animation+in+Motion+5 to Reddit


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

For FREE email updates, subscribe to the Flash and Animation Newsletter

Past Issues

Printer Friendly
tell friend
Tell a Friend
Email Editor

Content copyright © 2015 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.


g features
Image Preparation for Holiday Intro Video

Holiday Season Motion Graphics Storyboard

Understanding Video SEO by Ian Lurie

Archives | Site Map


Past Issues

Less than Monthly

BellaOnline on Facebook

| About BellaOnline | Privacy Policy | Advertising | Become an Editor |
Website copyright © 2015 Minerva WebWorks LLC. All rights reserved.

BellaOnline Editor