flash tutorials
  Home Computer Graphic Tutorials   Tutorials Computer Graphics tutorials   Forums Computer Graphics Community   Interview Interview   Articles Articles Making Making About the Team About US Contact us
flash 8 tutorial
flash tutorial
* Home / Tutorials / flash tutorials / Motion Tweening
     
Maya tutorials   Autodesk Maya
Photoshop tutorials   Adobe Photoshop
Illustrator tutorials   Adobe Illustrator
flash tutorials   Adobe Flash
3Ds max tutorials   Autodesk 3D's Max
Premiere tutorials   Adobe Premiere
Dreamweaver tutorials   Adobe Dreamweaver
     

Motion tweening tutorial


Author: Nihal
Level : Intermediate
Environment : Adobe Flash 5.0
User Rating  : * * * * *
 
Motion tweening is a step by step-by-step tutorial on creating a simple motion tween.

Motion tweening is a basic animation technique used in Flash. It is defined by the properties such as size, position, rotation and skew for an instance, type block, or group.

Step 1- Place the object on the work area, Right- click on the keyframe and choose “create motion tween”.  Refer Figure 1.
Create Motion Tween
Figure 1.  Create motion tween

Step 2- Insert a keyframe into any other frame.  Refer Figure 2
Insert key frame
Figure 2. Insert keyframe to another frame

Step 3 - Modify the object's size, rotation, or skew. Refer Figure 3
Modify size, rotation or skew
Figure 3. Modify object's size, rotation.

Step 4 - Choose Window > Panels > Frame.  Refer Figure 4.
Window Menu
Figure 4.  Window Menu

Step 5 – For Tweening, select Motion.   Refer Figure 5

Step 6 – If you modified the size of the object in step 4, select Scale. This is to tween the size of the selected item.  

Step 7 – To adjust the rate of transformation between the tweened frames, click and drag the arrow next to the Easing value or enter a value. (Refer to Figure 5) :
Tweening
Figure 5. Easing

  • If you would like to start the motion tween rapidly and decelerate the tween toward the end of the animation, drag the slider down or enter a positive value between 1 and 100.

  • To start the motion tween slowly and then accelerate the tween toward the end of the animation, drag the slider up or enter a value between -1 and -100.
If you use Easing, you will notice that it generates a more natural look of acceleration or deceleration by gradually adjusting the rate of transformation.
So, that is how you create a simple Motion tween. Try it out!  
 
     
 
        Bookmark   Googlize this * Add to Yahoo * Add To_Delicious * Digg It * Scrutinize this * Spurl this * Furl * Socializer * Onlywire
     
  Discuss This   Add to Any * Add this * Blink It * Socialize It

Home | Tutorials | Forums | Interviews | Articles | Making | About the Team | Terms and Conditions | Privacy Policy | Contact us
Copyright © 2006-2007 CGShelf.com. All Rights Reserved