Create a Backwards Tween in Flash CS4

Create a Backwards Tween in Flash CS4
In the last tutorial, we created the new EnvBack1 movie clip and removed the stamp button from the stage on Frame 81. Now we are ready to flip the envelope. This looks like a difficult animation but in reality it is very simple. We will use two movie clips. One will be a new instance of the EnvFront1 movie clip and the second will be our new EnvBack1 movie clip.

Open your fla file into FlashR CS4 and let's get started.

  1. Lock all the layers in the Timeline.

    If you move the pointer to Frame 81, you will see that we have a blank stage. Our first step is to create a new layer in the Timeline for a new (second ) instance of the EnvFront1 movie clip and drag a new instance from the Library. We want this movie clip to be in the same position as EnvFront1_1. Click on EnvFront1 on Frame 80 and get the X and Y values from the Properties panel.

  2. Add a new layer above the EnvFront1_1 layer in the Timeline and name this new layer "EnvFront1_2".

    We don't want this new movie clip to be visible until Frame 81.

  3. Add a Keyframe to Frame 81 on the new EnvFront1_2 layer to set Frames 1 – 80 to blank. On Frame 81, drag a new instance of the EnvFront1 movie clip from the Library onto the stage. In the Properties panel, give this new movie clip and Instance Name of "EnvFront1_2".

  4. Go back to EnvFront1_2 on Frame 81 and set the X and Y values for EnvFront1_2 to the same values for EnvFront1_1.

    We can now create the tween animation that will begin to flip over the envelope.

  5. Right-click on EnvFront1_2 and choose Create Motion Tween from the menu. Drag the Tween Span to end the tween on Frame 85. On Frame 85, select the EnvFront1_2 movie clip and using the Free Transform tool, push the right and left edges together until the envelope almost is to thin to see. Take a note of the Width.

    Now, we need to use an instance of the EnvBack1 movie clip to finish the flip-over animation. But, first we need to create a new layer for this new tween.

  6. Add a new layer to the Timeline above the EnvFront1_2 layer and name this layer "EnvBack1_1".

    We will add our first instance of the EnvBack1 movie clip to the stage on Frame 85.

  7. Right-click on Frame 85 on the EnvBack1_1 layer and add a Keyframe.

  8. Drag an instance of EnvBack1 from the Library. In the Properties panel, name this instance "EnvBack1_1. Set the X and Y to match that of EnvFront1_2.

  9. Right-click on the EnvBack1_1 movie clip and create a tween. Drag the Tween Span to Frame 90. Right-click on Frame 90 and choose Insert Keyframe, All from the menu.

  10. On Frame 85, set the Width of EnvBack1 to match that of EnvFront1_2 on Frame 85.

  11. Move the Playhead between frames 80 and 90 to see the flip animation.

  12. Lock all layers. Save your fla file.

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 © 2021 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.