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

Grouping Elements for Animation in Flash CS4


We will continue to work on the envelope intro for our ecard in FlashR CS4. Open your project and let's get to work. At this point we have finished the first part of our animation which is everything that happens before the animation stops and the viewer must click on the button to continue the animation. We have also programmed our button to go to the next frame of the Timeline and continue to the end of the animation. If you check our storyboard, you will see that our next step is to setup the stage and the elements that we will animate to make it appear that the envelope flips over onto its back in anticipation for opening.

In order to do this we will be using two design elements. If you check the Elements List, we will be using the EnvFront1 and the EnvBack1 design elements. But if you check the Library, you will see that we do not yet have the EnvBack1 element. We will make this EnvBack1 movie clip by grouping the EnvBack and EnvFlap movie clips from the Library. Let's do that.

  1. In the Library, double-click on the EnvBack movie clip to enter the edit mode.

  2. From the Library, drag the EnvFlap movie clip onto the top of the EnvBack and position it in place. In the Properties panel, set the X position to 0.0. This will ensure that the EnvFlap is directly over the EnvBack movie clip.

  3. Drag a selection around both the EnvFlap and EnvBack. From the Menubar, click Modify, Group. Now, right-click on your new group and choose Convert to Symbol. Set the Type to Movie Clip and the Name to "EnvBack1". Check the Library and you should see a new movie clip named EnvBack1. Use the Scene1 link to go back to the main timeline.

    The second thing that we need to do is make a change to the Timeline by removing the invisible button from the InvButton layer and the stage.

  4. Unlock the InvButton layer and right-click on Frame 81. Choose Insert Keyframe. We will use this keyframe to remove the invisible button. With the button still selected, click Edit, Clear from the Menubar. Toggle between Frame 80 and 81 to verify that we have the stamp visible on Frame 80 but not on Frame 81.

Now, we are ready to flip our movie clips.

Join us in the Flash forum.




Add Grouping+Elements+for+Animation+in+Flash+CS4 to Twitter Add Grouping+Elements+for+Animation+in+Flash+CS4 to Facebook Add Grouping+Elements+for+Animation+in+Flash+CS4 to MySpace Add Grouping+Elements+for+Animation+in+Flash+CS4 to Del.icio.us Digg Grouping+Elements+for+Animation+in+Flash+CS4 Add Grouping+Elements+for+Animation+in+Flash+CS4 to Yahoo My Web Add Grouping+Elements+for+Animation+in+Flash+CS4 to Google Bookmarks Add Grouping+Elements+for+Animation+in+Flash+CS4 to Stumbleupon Add Grouping+Elements+for+Animation+in+Flash+CS4 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