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

Autism Spectrum Disorders
Mental Health
Blogs / Social Networking
Kidney Disease
Today in History

All times in EST

Full Schedule
g Flash and Animation Site

BellaOnline's Flash and Animation Editor


Flash Fly-in Effect for Envelope Animation

Now that we have the curved motion path in place for our envelope animation, we are ready to refine the animation further. We will continue with the object-based tween that we started in the previous tutorial to make our envelope fade onto the screen, while flipping and rotating. It will stop in the center of the stage.

Again, we will be working with the EnvFront1_1 movie clip instance and the EnvFront1_1 layer in the Timeline.

  1. When we completed the curved path in the last tutorial, the envelope was in the center of the stage when on Frame 80, the last frame of this part of the animation. Our first step will be to create the fade in effect. Move the Timeline scrubber back to Frame 1. Let's start with the envelope at a much smaller size and almost transparent.

    With the Free Transform tool, click on the envelope. Hold down the Shift key and resize the envelope to about 50%. You can also use the Width and Height controls in the Properties panel to adjust the size to 100 x 75. You might need to move this smaller envelope closer to the edge of the stage.

    Still in the Properties panel, expand Color Effect and click on Alpha. Now, use the slider to set the Alpha property to 25%.

  2. Next we will start rotating the envelope. Move the Timeline scrubber to Frame 25. The envelope will move with the scrubber. We will enlarge the envelope and rotate it a little. Click on the envelope with the Free Transform tool. In the Properties panel, set the Width to 130 and the Height will resize automatically. (Click on the lock at the left if they do not resize together.) Set the Alpha to 75%. Next, use the Free Transform tool to rotate the envelope to the right. Finally, with the Free Transform tool narrow the envelope until it is very thin.

  3. Move the Timeline scrubber to Frame 50. With the Free Transform tool, open the envelope from thin to fully open.

  4. Move the scrubber to Frame 80. Use the Free Transform tool to rotate the envelope back to an upright position. In the Properties panel, set the Width to 200 and the Height to 150. Finally, set the Alpha to 100%.

  5. Test your movie and save it in .fla format. You may wish to add a few more twists and turns to your animation.

This will take us to Frame 80 with our envelope ready to flip over to show the back. Then we will be able to open the envelope and pull out the ecard.

Join us in the Flash forum.

Add Flash+Fly%2Din+Effect+for+Envelope+Animation to Twitter Add Flash+Fly%2Din+Effect+for+Envelope+Animation to Facebook Add Flash+Fly%2Din+Effect+for+Envelope+Animation to MySpace Add Flash+Fly%2Din+Effect+for+Envelope+Animation to Del.icio.us Digg Flash+Fly%2Din+Effect+for+Envelope+Animation Add Flash+Fly%2Din+Effect+for+Envelope+Animation to Yahoo My Web Add Flash+Fly%2Din+Effect+for+Envelope+Animation to Google Bookmarks Add Flash+Fly%2Din+Effect+for+Envelope+Animation to Stumbleupon Add Flash+Fly%2Din+Effect+for+Envelope+Animation 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 © 2015 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
Image Preparation for Holiday Intro Video

Holiday Season Motion Graphics Storyboard

Understanding Video SEO by Ian Lurie

Archives | Site Map


Past Issues

Less than Monthly

BellaOnline on Facebook

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

BellaOnline Editor