g Text Version
Beauty & Self
Books & Music
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
News & Politics
Religion & Spirituality
Travel & Culture
TV & Movies

Bored? Games!
Take a Quiz
Rate My Photo

Natural Living
Folklore and Mythology
Distance Learning

All times in EST

Full Schedule
g Flash and Animation Site

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.

Add Ecard+Project+%2D+Finishing+the+Element+List to Twitter Add Ecard+Project+%2D+Finishing+the+Element+List to Facebook Add Ecard+Project+%2D+Finishing+the+Element+List to MySpace Add Ecard+Project+%2D+Finishing+the+Element+List to Digg Ecard+Project+%2D+Finishing+the+Element+List Add Ecard+Project+%2D+Finishing+the+Element+List to Yahoo My Web Add Ecard+Project+%2D+Finishing+the+Element+List to Google Bookmarks Add Ecard+Project+%2D+Finishing+the+Element+List to Stumbleupon Add Ecard+Project+%2D+Finishing+the+Element+List to Reddit


RSS | Related Articles | Editor's Picks Articles | Top Ten Articles | Previous Features | Site Map

For FREE email updates, subscribe to the Flash and Animation Newsletter

Past Issues

Printer Friendly
tell friend
Tell a Friend
Email Editor

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


g features
Subtle Animation Website Trends

Wix Editor - Background Video

Video on Wix Websites

Archives | Site Map


Past Issues

Note: BellaOnline uses cookies to help provide a consistent user experience. Our advertisers may use cookies to help customize ads. Please contact us with any question about our cookie use.

Summertime Foods
Corn on the Cob
Burgers on the Grill
Apple Pie


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

BellaOnline Editor