Printer Friendly Version

BellaOnline's Flash and Animation Editor

Ecard Project - Finishing the Element List

In this tutorial, we will finish drawing the other elements needed for our FlashR envelope animation. So far we have used the Object Drawing mode to draw the front of our envelope and the Merge Drawing mode to draw and cut out the back of the envelope. However, we still need two more elements.

As you can see from our elements list, we have created EnvFront1 and EnvBack2. Now we will get a little more practice with the Object Drawing mode and Flash filters as we draw the other EnvFlap and EnvBack elements. We will animate the EnvFlap movie clip when it's time to "open the envelope" (see first image in bottom row of storyboard). We will join the EnvBack to other movie clips during parts of the animation. Open your fla file into Flash CS4.

As of now, we have only the EnvFront1 (Env_Front1) and EnvBack2 (Env_Back2) movie clips in the Flash Library.

  1. Click on the PolyStar tool and toggle the Object Drawing mode on. In the Properties Inspector, click on the Options button to open the Tools Settings dialog box. Set the Number of Sides to 3 for our triangle. Set the Fill to the color of your envelope (e4dec6) and the Stroke to null. Now, draw the envelope flap on the stage, making sure that the long edge of the flap is parallel with the top of the stage. In the Properties Inspector, set the Width to 200 and the Height to 75. To be sure you are in the Object Drawing mode, there should be a blue bounding box around the triangle.

  2. Convert the triangle to a symbol named "EnvFlap". In the Library, click on the EnvFlap icon to open the movie clip in edit mode.

  3. Rename Layer 1 to "Filter". Right-click on the envelope and convert it to a movie clip named "Env_Flap". Apply our Env Inner Glow preset filter. Click on the Scene 1 link to go back to the main Timeline.

  4. We should now have our EnvFlap movie clip in the Library, so delete the instance from the stage.

    The final element that we need to draw is a plain rectangle the same size as the EnvFront1 but without the stamp. We will be grouping this element together with others to create #2 EnvBack1 and #5 EnvFront2.

  5. Click on the Rectangle tool and draw a rectangle 200 wide and 150 high. Convert this shape to a symbol and name it "EnvBack".

  6. In the Library, click on the EnvBack icon to open it in edit mode. Rename Layer 1 to "Filter". Right-click on the envelope and convert to symbol. Name the movie clip "Env_Back". Apply our preset filter to this movie clip and return to the main Timeline. Delete the envelope from the stage.

  7. Save your fla file.

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 © 2018 Minerva WebWorks LLC. All rights reserved.

BellaOnline Editor