Tweening

Tweening is an technique where an animation program like Flash generates changes in some properties of an objects from one frame to another and creates animation effects. This makes animation without the user having to draw every frame. The user just needs to define the properties of the object in the first and last frame.

In Flash two types of tweening is possible - Motion tweening and Shape tweening.

Motion Tweening: Motion tweening is used to tween the changes in the properties of instances and other objects. With motion tweening we can change the position, size, rotation, and skew objects to create motion from one frame to another frame. Additionally, we can also tween the color of instances, make the color to fade in or fade out. To tween the color of any object we must convert them into symbols. See Creating symbols for that. 

We can create motion tween by using the steps below:

1. To create a new file click on 
                          File > New
    A layer will 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 a object by selecting a tool from the toolbox or drag and 
    drop an instance of a symbol that is already in the library on the stage. 
    Now the object will also be in the first frame of  the layer. Don't forget 
    to convert the object into symbol if it is not a symbol already. 

3. Insert a frame on the layer, upto which point you want the animation to 
    last, by clicking Insert and selecting Frame.
                         Insert > Frame 
    or by right clicking ( for Windows user ) on the point of interest and 
    selecting Insert Frame.

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

5. Click on last frame and insert keyframe by clicking on Insert and 
     selecting Keyframe.
                        Insert > Keyframe
    or right click ( for Windows user ) on the frame and select Insert 
     Keyframe. Now the layer should look like this. 

    In this example the animation lasts for 20 frames.

6.  Select the first frame and set the properties of the object the way you
     want the object displayed at the begining of the animation. After that 
     select the last frame and make changes in the properties of the object
     for its display at the end of the animation.

The properties that can be changed to create an animation are:

1.  Position:  You can change the position of the object at a particular 
     keyframe just by repositioning the object on the stage at that 
     particular keyframe. Select the keyframe and drag the object to the 
     desired position.

2.  Scale or Rotate: You can change the size of the object in the 
     particular keyframe to create zoom in or zoom out kind of effects.
     To change the size go to Modify select Transform and click Scale.

                              Modify > Transform > Scale

    You can also make the object rotate by using the rotate option. Select 
    the keyframe in which you want the object to rotate. Go to Modify, 
    select Transform and click Rotate.

                              Modify > Transform > Rotate.

    Windows user can right click on the object in the particular keyframe 
    and can select the Scale or Rotate option.
 
             Right click Scale option             Right click Rotate option

3. Color Effects: You can create color effects on the objects in Flash and 
    you can use these color options to create color tween. Make sure 
    before using the effect options that the object is a symbol. To use 
    these options go to Windows, select Panels and click on Effects. The 
    window will be as as shown below.



   You can use five effect options Brightness, Tint, Alpha or Advanced 
   option. Select the keyframe on which you want  the color property of 
   the object to be changed. Now open the effect window and select one 
   of the option. You  will get few more options on the window and by 
   changing them you can get the desired effect. Suppose you chose the 
   Alpha effect.You can see the change in the window as shown below 
   the effect window. You can change the percentage value and can get 
   the desired effect. The same can be done with Brightness. With the 
   help of Tint  we can change the color. With the Advanced option we 
   can change color as well as Alpha. 
 

Motion Tweening along guided path: We can create motion tweening along a user define path.For defining the path along with you want the object to move follow the steps written below.

1. Do first three steps as we have done while we were creating simple 
    motion tweening.

2. Now insert a Guide Layer. Guide Layer is a type of layer, where you 
    can draw a desired path for your object to move along. The beauty of 
    the Guide Layer is, it will not be visible in the actual movie. We can 
    see it on the stage while we are creating  the movie. To insert the 
    Guide Layer click on the icon   at the bottom left corner of the 
    timeline window. Alternetive way is go to Insert and click Motion Guide.

                             Insert > Motion Guide

3. While the Guide Layer selected, draw a desired path on the stage 
    using Pencil   tool or Line   tool from the Tool Box.

4. Select the layer of actual object and create motion tween using step 4
    and step 5 of motion tweening. 

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

Shape Tweening: Shape tweening 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 frame of the animation. We do not need to worry about the intermediate layers. 

You can not shape tween symbols and text objects. To shape tween a symbol or a text object , you need to break apart them. You can break apart the the boject by selecting the object and go 
 
                                          Modify > Break Apart    

It is better to do shape tweening on simple objects that can be created by using tools in the Tool Box. You can try shape tweening on symbols and text objects when you get comfortable with creating tweening and other concepts of the Flash.

We can create shape tween by using the steps below:

1. Draw the object you want to transform into other object on the stage 
    using tools in the Tool Box. It will get place in the first frame of the 
    current layer.

2. Insert a blank Keyframe on the layer, upto the point you want the
    animation to last, by clicking Insert and selecting Blank KeyFrame.
 
                            Insert > Blank KeyFrame 

    or by right clicking ( for Windows user ) on the point of interest and 
    selecting Insert Blank KeyFrame.

3. Select this blank keyframe and draw the second object in which you 
    want the first object to be transformed

4. Now go to Windows, select Panels and then select Frame. A window
    will open as shown below. 

                         Windows > Panels > Frame

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