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
Painting
Heart Disease
Horror Literature
Dating
Hiking & Backpacking
SF/Fantasy Books
Healthy Foods


dailyclick
All times in EST

Full Schedule
g
g Flash and Animation Site

BellaOnline's Flash and Animation Editor

g

Preparing to Open the Envelope


Now that we have flipped our envelope to reveal the back side, we will get ready to open the top flap to reveal the card inside. As you can see from the elements list, we will be using EnvFlap and EnvBack2 as our most visible characters in this part of the animation. But there is one other design element, the card inside the envelope (Thumbnail) that is part of this animation because it becomes visible as the envelope flap opens. We will need to create this movie clip.

As you can guess, we will need to add three new layers to the Timeline for our new elements. One layer will hold an instance of the EnvFlap movie clip (EnvFlap1_1). Another will hold an instance of the EnvBack2 movie clip (EnvBack2_1) and the third will hold an instance of the new Thumbnail movie clip (Thumbnail1_1) that we will create.

Open your project into Flash CS4R.

  1. Let's add a new layer to the Timeline for the EnvBack2_1 movie clip. Add a new layer above the EnvBack1_1 layer and call it "EnvBack2_1". Add a new Keyframe to this layer on Frame 91.

  2. Drag an instance of EnvBack2 movie clip from the Library and place it in the same position as the EnvBack1_1 movie clip. You may want to grab the X and Y positions of the EnvBack1_1 movie clip to get the exact placement. Give it an Instance Name of "EnvBack2_1. Move the Timeline scrubber between frame 90 and 91 to compare the two versions of the envelope. If the EnvBack2_1 is in the same position on the stage as the old EnvBack1_1, you should see no change when you toggle between the frames. Lock this layer.

  3. Add another layer to the Timeline above the EnvBack2_1 layer and call it "EnvFlap1_1. Add a Keyframe to this layer on Frame 91. Drag an instance of the EnvFlap movie clip onto this layer and place it in position with the envelope back. Move the Timeline scrubber between frame 90 and 91 to compare the two versions of the envelope. If the EnvBack2_1 and EnvFlap1_1 are in the same position on the stage as the old EnvBack1_1, you should see no change when you toggle between the frames. Give this movie clip an Instance Name of "EnvFlap1_1.

  4. Now we can make the card but we need a new layer. Add a new layer under the EnvBack2_1 layer and name it "Thumbnail1_1". Add a Keyframe to this layer on Frame 91.

  5. What you will use for the Thumbnail is a small version of the ecard that you are creating. Basically, we will be starting with this thumbnail sized version of the card and, as the envelope falls downward and off the stage, the Thumbnail movie clip will enlarge to full size. When it has reached full size, the ecard animation will begin.

  6. Making the Thumbnail version can be easily done. Play the ecard animation and grab a screenshot of the first frame of the ecard animation. Go to PhotoshopR and trim the screenshot. Save it as a psd or jpg. Then you will import this image into Flash Library.

  7. Lock all layers. Save your fla file.
Join us in the Flash forum.




Add Preparing+to+Open+the+Envelope to Twitter Add Preparing+to+Open+the+Envelope to Facebook Add Preparing+to+Open+the+Envelope to MySpace Add Preparing+to+Open+the+Envelope to Del.icio.us Digg Preparing+to+Open+the+Envelope Add Preparing+to+Open+the+Envelope to Yahoo My Web Add Preparing+to+Open+the+Envelope to Google Bookmarks Add Preparing+to+Open+the+Envelope to Stumbleupon Add Preparing+to+Open+the+Envelope 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 © 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.

g


g features
Ken Burns Effect In Motion - Record Keyframes

Ken Burns Effect In Motion 5 - Set Up

Animated Title in Motion

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


BellaOnline Editor