Bits & Bytes

Creating a Simple Motion Tween in Adobe Flash

In this post, I demostrate how to create a simple motion tween, which is an interpolated animation in Flash. This example creates a rectangle that moves across the screen, just like the one above.

1. Left-click the Adobe Flash icon under the Start menu to Open Adobe Flash.

2. Under “Create New,” left-click “Flash File” with the latest version of Actionscript.

3. Left-click the “Rectangle Tool” from the tools toolbar.

4. Left-click and drag to create a rectangle in the stage area.
5. Left-click “Selection Tool” in the tools toolbar.

6. Right-click the first frame in the Timeline an left-click “Create Motion Tween” in the pop-up menu.

7. This will pop up a dialog that says “The selected item cannot be tweened. …” Left-click the “OK” button to create the tween.
8. Now you can left-click and drag the right end of the tween region to stretch it over as many frames as you wish. We will leave it at the default length of 24 frames, which is 1 second.

9. Right-click the last frame, the 24th in our case, and mouse over “Insert Keyframe” and left-click “Position” in the submenu. You should now see a dot in that frame to indicate a keyframe.

10. Grab and drag the rectangle to a desired destination and you should a path of dots from the original position to the new position.
11. These dots represent when the rectangle will be at the intermediate frames.
12. To see the animation, left-click “Control” in the menubar and “Test Movie” in the submenu. You should now see a new window with the animation running in it.

Tags: , , , , , ,

By: Michael Hall

Leave a Reply