logo
g Text Version
Beauty & Self
Books & Music
Career
Computers
Education
Family
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
Money
News & Politics
Relationships
Religion & Spirituality
Sports
Travel & Culture
TV & Movies

dailyclick
Bored? Games!
Nutrition
Postcards
Take a Quiz
Rate My Photo

new
Action Movies
Bible Basics
Houseplants
Romance Movies
Creativity
Family Travel
Southwest USA


dailyclick
All times in EST

Full Schedule
g
g Flash and Animation Site

BellaOnline's Flash and Animation Editor

g

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


print
Printer Friendly
bookmark
Bookmark
tell friend
Tell a Friend
forum
Forum
email
Email Editor


Content copyright © 2014 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


g features
Particle System - Emitter Shape Parameters

Motion Particle Systems - Introduction

Particle Fog in Motion 5 - Scene Graphics

Archives | Site Map

forum
Forum
email
Contact

Past Issues
memberscenter


vote
Poetry
Daily
Weekly
Monthly
Less than Monthly



BellaOnline on Facebook
g


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


BellaOnline Editor