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

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

new
Journals
Folklore and Mythology
Business Coach
Marriage
Senior Living
Ethnic Beauty
Adolescence


dailyclick
All times in EST

Full Schedule
g
g Flash Site
Diane Cipollo
BellaOnline's Flash 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.





RSS | Related Articles | Previous Features | Site Map

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


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


For FREE email updates, subscribe to the Flash Newsletter


Past Issues


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

g features
Flash Thanksgiving Animation

Adobe Certified Training Resources

Adobe Certification

Archives | Site Map

forum
Forum
email
Contact

Past Issues
memberscenter

jobs
what
job title, keywords
where
city, state or zip
jobs by job search


vote
Growing a Garden
Veggies and Flowers
Veggies Only
Flowers Only
No Garden

g


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


BellaOnline Editor