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
European Travel
Action Movies
Bible Basics
Houseplants
Romance Movies
Creativity
Family Travel


dailyclick
All times in EST

Full Schedule
g
g Flash and Animation Site

BellaOnline's Flash and Animation Editor

g

Create a Simple Motion Tween Animation within a Movie Clip in Flash CS3 - 2


Now we are ready to create the animation within the Movie Clip. We will place the envelope in four different positions on top of the computer screen. We will do this in Frames 1, 10, 20 and 30 on the Timeline. Then we will tell Flash to create the Motion Tween animation from these four frames.

  1. Double-click on the envelope to enter the Edit in Place mode for the Movie Clip symbol. The scene should be grayed out and the small envelope graphic should be selected. Also, you will see a new empty Timeline for this Movie Clip. This Timeline can be as long and complex as you would like. But when we go back to the main website's movie Timeline, we will still only have one frame. This Movie Clip's Timeline will be "stuffed" into the first frame of the main movie.

  2. Go to the Timeline and rename Layer 1 to "email animation".

  3. Right-click on Frame 10 of the Timeline and choose Insert Keyframe from the pop-up menu. Click and drag the envelope graphic to another position on top of the computer screen.

  4. Repeat the previous step for Frame 20.

    In the last frame of the animation, which will be Frame 30, we want the envelope to return to its original position in Frame 1. The easiest way to make sure that we have the correct position is to copy and paste the original from Frame 1.

  5. Click on Frame 1 and the envelope graphic will automatically be selected. From the Menubar, click Edit, Copy. This will copy the image and its position on the Stage into the clipboard.

  6. Right-click on Frame 30 and choose Insert Keyframe. From the Menubar, click Edit, Clear to remove the envelope that is now on the Stage in this frame. Now, click Edit, Paste in Place to paste the envelope in the exact position that we need to match Frame 1.

  7. To create the Motion Tween animation is very easy. First hold down the Shift key and click on Frame 1 and 30 to select all of the frames on the Timeline. With all the frames selected, right-click on any frame and choose Create Motion Tween from the pop-up menu.

When you test your movie (Control, Test Movie), you should see a continuous animation of the envelope moving over the computer screen. Now is a good time to save your movie.

← Back




Add Create+a+Simple+Motion+Tween+Animation+within+a+Movie+Clip+in+Flash+CS3+%2D+2 to Twitter Add Create+a+Simple+Motion+Tween+Animation+within+a+Movie+Clip+in+Flash+CS3+%2D+2 to Facebook Add Create+a+Simple+Motion+Tween+Animation+within+a+Movie+Clip+in+Flash+CS3+%2D+2 to MySpace Add Create+a+Simple+Motion+Tween+Animation+within+a+Movie+Clip+in+Flash+CS3+%2D+2 to Del.icio.us Digg Create+a+Simple+Motion+Tween+Animation+within+a+Movie+Clip+in+Flash+CS3+%2D+2 Add Create+a+Simple+Motion+Tween+Animation+within+a+Movie+Clip+in+Flash+CS3+%2D+2 to Yahoo My Web Add Create+a+Simple+Motion+Tween+Animation+within+a+Movie+Clip+in+Flash+CS3+%2D+2 to Google Bookmarks Add Create+a+Simple+Motion+Tween+Animation+within+a+Movie+Clip+in+Flash+CS3+%2D+2 to Stumbleupon Add Create+a+Simple+Motion+Tween+Animation+within+a+Movie+Clip+in+Flash+CS3+%2D+2 to Reddit



 



RSS | 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
Motion Workspace - Checkbox, Dials and More

Motion Workspace - Menu, Icons and Sliders

The Motion Toolbar Tools

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