logo
g Text Version
Beauty & Self
Books & Music
Career
Computers
Education
Family
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
Money
News & Politics
Relationships
Religion & Spirituality
Sports
Travel & Culture
TV & Movies

dailyclick
Bored? Games!
Nutrition
Postcards
Take a Quiz
Rate My Photo

new
Action Movies
Bible Basics
Houseplants
Romance Movies
Creativity
Family Travel
Southwest USA


dailyclick
All times in EST

Full Schedule
g
g Flash and Animation Site

BellaOnline's Flash and Animation Editor

g

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 Del.icio.us 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


print
Printer Friendly
bookmark
Bookmark
tell friend
Tell a Friend
forum
Forum
email
Email Editor


Content copyright © 2014 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


g features
Particle System - Emitter Shape Parameters

Motion Particle Systems - Introduction

Particle Fog in Motion 5 - Scene Graphics

Archives | Site Map

forum
Forum
email
Contact

Past Issues
memberscenter


vote
Poetry
Daily
Weekly
Monthly
Less than Monthly



BellaOnline on Facebook
g


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


BellaOnline Editor