Printer Friendly Version

BellaOnline's Flash and Animation Editor

Grouping Elements for Animation in Flash CS4

We will continue to work on the envelope intro for our ecard in FlashR CS4. Open your project and let's get to work. At this point we have finished the first part of our animation which is everything that happens before the animation stops and the viewer must click on the button to continue the animation. We have also programmed our button to go to the next frame of the Timeline and continue to the end of the animation. If you check our storyboard, you will see that our next step is to setup the stage and the elements that we will animate to make it appear that the envelope flips over onto its back in anticipation for opening.

In order to do this we will be using two design elements. If you check the Elements List, we will be using the EnvFront1 and the EnvBack1 design elements. But if you check the Library, you will see that we do not yet have the EnvBack1 element. We will make this EnvBack1 movie clip by grouping the EnvBack and EnvFlap movie clips from the Library. Let's do that.

  1. In the Library, double-click on the EnvBack movie clip to enter the edit mode.

  2. From the Library, drag the EnvFlap movie clip onto the top of the EnvBack and position it in place. In the Properties panel, set the X position to 0.0. This will ensure that the EnvFlap is directly over the EnvBack movie clip.

  3. Drag a selection around both the EnvFlap and EnvBack. From the Menubar, click Modify, Group. Now, right-click on your new group and choose Convert to Symbol. Set the Type to Movie Clip and the Name to "EnvBack1". Check the Library and you should see a new movie clip named EnvBack1. Use the Scene1 link to go back to the main timeline.

    The second thing that we need to do is make a change to the Timeline by removing the invisible button from the InvButton layer and the stage.

  4. Unlock the InvButton layer and right-click on Frame 81. Choose Insert Keyframe. We will use this keyframe to remove the invisible button. With the button still selected, click Edit, Clear from the Menubar. Toggle between Frame 80 and 81 to verify that we have the stamp visible on Frame 80 but not on Frame 81.

Now, we are ready to flip our movie clips.

Join us in the Flash forum.

Flash and Animation Site @ BellaOnline
View This Article in Regular Layout

Content copyright © 2013 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.

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

BellaOnline Editor