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

Natural Living
Folklore and Mythology
Distance Learning

All times in EST

Clairvoyance: 08:00 PM

Full Schedule
g Flash and Animation Site

BellaOnline's Flash and Animation Editor


Working With Flash Motion Presets

In the last tutorial, we created the first part of our FlashR Thanksgiving animation. We used a Motion Preset to make our "Happy Thanksgiving" bounce onto the stage. Now, we will refine this animation and add a second Motion Preset.

  1. Open your fla file into Flash CS4. At this point we have two layers and one motion tween which ends on Frame 75. I decided to make a few changes to the animation to make it fit into my plans for the project. The first change was to adjust the tween path for the animation.

    At this point, the path extends down and stops just above the bottom leaves. Because I will be adding more text and another motion preset under this text, I need to move the end of the tween path upward until it ends in the center of the stage. To do this, I simply click and drag the end point of the path with the Selection tool.

    This part of the animation is almost done but I wanted the text to be a little larger. To do this, I decided to enlarge the text on Frame 75. This will make the text grow a little taller when the text stops bouncing.

  2. To enlarge the text on Frame 75, I used the Free Transform tool and dragged the top of the bounding box upward until the text was about twice as tall as before.

    Now I'm ready to work on the second animation. After the "Happy Thanksgiving" text stops, I would like to add a second tween with the text "From Our House To Yours".

  3. Our first step is to add a new layer to the Timeline and name it "From Us". Because we don't want this text to be visible until Frame 75, we need to add a Keyframe on this new layer on Frame 75. This will cause the second tween to begin on Frame 75.

  4. Now we can add the second line of text. Use the Text tool as you did before. You might want to set the text a little smaller in size (25pt) and a different color (#4e4500).

  5. Now it's time to apply a new Motion Preset. For the example, I choose the Fly-in-Blur-Right which will cause the text to move onto the stage from the right. As before, the Motion Preset needs to know where the text should be at the beginning of the animation. Therefore, I moved the text off the stage on the right. This will allow enough room for the text to fly onto the stage.

  6. We now have 89 frames on the Timeline. Right-click on frame 89 of the Background layer and Insert a Frame to extend the background to the new end of the movie.

  7. We also need to extend the Happy Thanksgiving layer. Because we have a Motion Tween on this layer, we need to do something different. On Frame 75, select the text and click Edit - Copy. Now add a new layer named "Happy Thanksgiving 2". On Frame 76, add a Keyframe and click Edit - Paste In Place. Still on this new layer, right-click on Frame 89 and Insert a Frame.

  8. Test your movie and save it in the default .fla format.

In the next tutorial, we will finish the project and add a "Replay" button.

← Back | Next →

Join us in the Flash forum.

Add Working+With+Flash+Motion+Presets to Twitter Add Working+With+Flash+Motion+Presets to Facebook Add Working+With+Flash+Motion+Presets to MySpace Add Working+With+Flash+Motion+Presets to Digg Working+With+Flash+Motion+Presets Add Working+With+Flash+Motion+Presets to Yahoo My Web Add Working+With+Flash+Motion+Presets to Google Bookmarks Add Working+With+Flash+Motion+Presets to Stumbleupon Add Working+With+Flash+Motion+Presets 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 © 2018 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
Subtle Animation Website Trends

Wix Editor - Background Video

Video on Wix Websites

Archives | Site Map


Past Issues

Note: BellaOnline uses cookies to help provide a consistent user experience. Our advertisers may use cookies to help customize ads. Please contact us with any question about our cookie use.

Summertime Foods
Corn on the Cob
Burgers on the Grill
Apple Pie


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

BellaOnline Editor