How Images Become Tween Animations

How Images Become Tween Animations
In the previous tutorial, we discussed how animations are made up of sequential frames running along the FlashR Timeline. When planning the individual images that will be placed on these frames and their sequence, we need to consider the complexity of animation you wish to create.

Simple Animation

The most basic animation to create in Flash is to move a stationary (static) object across the stage. The object itself, for example a bird, is not really moving, it is the change in its position on the stage that creates the animation. For this type of animation, you will need only one image of the object. For each frame along the Flash Timeline, you will change the X and Y positions as you move that image just a little closer to its destination. When the playhead moves over the timeline, the bird will move.

Limited Animation

The next type of animation is created by changing the size, scale, appearance or position of one or more parts of an object, while the rest of the object remains static. For our bird example, we need to consider what movement you see when a bird flies. The most obvious movement is in the wings which move up and down.

To create a bird-in-flight animation, you will want to create three parts to your bird, the body and both wings. You will either draw these parts directly on the stage with the Flash drawing tools or draw them in a graphics program such as PhotoshopR and import them into Flash. Regardless of the method, we will place each individual part of the bird on its own layer on the Flash Timeline.

At this point, we have the bird on the stage flapping its wings but he really isn't going anywhere because his remains in the same position on the stage. Our next step will be to add a simple animation that will move the bird across the stage.

Complex Animation

As you would expect, you can create very complex animations in Flash basically by combining many simple and limited animations, ActionScript, sound, filters, masks and more into one main animation.

IMPORTANT: These app development tutorials are written with the Flash novice in mind. You will need to optimize your app beyond what is covered in these tutorials before finalizing your app for the app store.

Copyright 2018 Adobe Systems Incorporated. All rights reserved. Adobe product screen shot(s) reprinted with permission from Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst and Flash Paper is/are either [a] registered trademark[s] or a trademark[s] of Adobe Systems Incorporated in the United States and/or other countries.

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.