Tweening

Tweening is a techniquewhere an animation program like Flash generates changes in some propertiesof an object from one frame to another. Tweening creates animation effects.This gives another animation without the user having to draw every frame.The user just need to define the properties of the object in first andlast frame.

In Flash two types of tweeningare possible - Motion Tweening and Shape Tweening.

MotionTweening: Motion tweening is used to tween the changes in the propertiesof instances and other objects. With motion tweening we can change theposition, size, rotation, and skew of objects to create motion from oneframe to another frame. Additionally, we can also tween the color of instances,such as making  the color  fade in or fade out. To tween thecolor of any object we must convert them into symbols. See the CreatingSymbols section in this tutorial for direction.

We can create motion tweenby using the steps below:

1. Open a new file by clickingFile and selecting New. 
                         File > New
    layerwill already be there with a blank frame. First name the layer as "Motion 
    Tween".Select the layer by clicking on layer name.

2. Now draw an object usingtoolbox or drag and drop an instance of a symbol that is 
    alreadyin the library on the stage. Now the object will also be in the first frameof 
    the layer.Don't forget to convert the object into symbol if it is not a symbol already. 

3. Insert a frame on thelayer, upto the point u wanted the animation to last, by 
    clickingInsert and selecting Frame.
                        Insert > Frame 
    or byright clicking ( for Windows user ) on the point of interest and selectingInsert 
    Frame.

4. Select the first frameof the layer. Click on Insert and select Create Motion Tween
                   Insert > Create Motion Tween
    or rightclick ( for Windows user ) on the frame and select Create Motion Tween.

5. Click on last frame andinsert keyframe by clicking on Insert and selecting
    Keyframe.
                       Insert > Keyframe
    or rightclick ( for Windows user ) on the frame and select Insert Keyframe.
    The layershould look like this.

    For examplethis animation lasts for 20 frames.

6. Now select the first frameand set the properties of the object the way you want it 
    displayedat the begining of the animation. After that select the last frame and 
    makechanges in the properties for its display at the end of the animation.

Theproperties that can be changed to create an animation are:

1.  Position: You canchange the position of the object at particular keyframe just by
    repositioning the object on the stage at that particular keyframe. Selectthe 
     keyframeand drag the object to the desired position.

2.  Scale or Rotate:You can change the size of the object in particular keyframes  to 
     createzoom in or zoom out effects. To change the size go to Modify, then
    select Transform and Scale.
                         Modify > Transform > Scale

    Wecan also make the object rotate by using the rotate option. Select thekeyframe
    in whichyou want the object to rotate. Go to Modify, select Transform and click 
    Rotate.
                                   Modify > Transform > Rotate.
    Windowsuser can right click on the object in the particular keyframe and can
    selectthe Scale or Rotate option.
 
        Right click Scale option       Right click Rotate option

3. Color Effects: You cancreate a few color effects for your objects in Flash and we 
    can usethese color options to create color tweens. To use these options go to 
    Windows,select Panels and then select Effects. The window will be as as shown 
    below.

    You can usefour effect options Brightness, Tint, Alpha or Advanced options. 
    Selectthe keyframe on which you want the color property of the object to get 
    changed. 
    Now openthe Effect window and select one of the options. You  will get a fewmore 
    optionson the window and by changing them, you can get the desired effect. 
    Supposeyou choose Alpha effect.You can see the change in window as shown 
    belowthe effect window. You can change the percentage value and can get the 
    desiredeffect. The same can be done with Brightness. With the help of Tint 
    we canchange the color. With the Advanced option we can change color as well 
    as Alpha.Make sure before using the effect options that the object is a symbol.

Motion Tweening alongguided path: We can create motion tweening along a user 
defined path.For defininga path follow the steps below:

1. Follow first three stepsfor creating simple motion tweening.

2. Now insert a Guide Layer.A Guide Layer is a type of layer, where you can draw a 
    desiredpath for your object to move along. The beauty of the Guide Layer is, itwill 
    not bevisible in the actual animation. We can see it on the stage while we are 
    creatingthe animation. To insert the Guide Layer select  the iconat the 
    bottomleft corner of the timeline window. An alternative way is go to Insertand 
    selectMotion Guide.
                                    Insert > Motion Guide
3. While the Guide Layeris selected, draw a desired path on the stage using the 
    Pencil tool or  the Linetool fromthe Tool Box.

4. Select the layer of theactual object and create motion tween using Step 4 and 
    Step5 of motion tweening. 

5. Place the object at thestarting point of the path in the first frame and at the ending 
    pointof the path in the last frame. Now you have created the motion along the 
    desiredpath.
 

Shape Tweening: Shapetweening is used to tween the shape of  instances and other objects.With shape  tweening we can create the effect of transforming one 
object into another object.Due to tweening we just need to define the object in first and last frameof the animation. You do not need to worry about the intermediate layers.You can not shape tween symbols and text objects. If you want to shapetween these object, you need to break apart these objects. You can breakapart the object by selecting the object on the stage and press ctrl+ B. It is better to do shape tweening on simple objects that can becreated by using tools in the Tool Box. You can try shape tweening on symbolsand text objects when you get comfortable with creating tweening and otherconcepts of the Flash.

We can create shape tweenby using the steps below:

1. Draw the object you wantto transform into other object on the stage using tools in 
    the ToolBox. It will get place in the first frame of the current layer.

2. Insert a blank Keyframeon the layer, upto the point u wanted the animation to last, 
    by clickingInsert and selecting Blank KeyFrame.
                        
                           Insert > Blank KeyFrame 

    or by rightclicking ( for Windows user ) on the point of interest and selecting Insert 
    BlankKeyFrame.

3. Select this blank keyframeand draw the second object in which you want the first 
    objectto get transformed

4. Now go to Windows, selectPanels and then select Frame. A window will open as 
    shownbelow. 

                        Windows > Panels > Frame

4. Select the first frameand then select Shape in the Tweening option. The Shape
    Tweeningis done. The timeline will look like as shown below.