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
In Flash two types of tweening
is possible - Motion tweening and Shape tweening.
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
File > New
will already be there with a blank frame. First name the layer
Tween". Select the layer by clicking on layer name.
2. Now draw a object by selecting
a tool from the toolbox or drag and
an instance of a symbol that is already in the library on the stage.
object will also be in the first frame of the layer. Don't forget
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
by clicking Insert and selecting Frame.
Insert > Frame
right clicking ( for Windows user ) on the point of interest and
4. Select the first frame
of the layer. Click on Insert and select Create
Insert > Create Motion Tween
click ( for Windows user ) on the frame and select Create
5. Click on last frame and
insert keyframe by clicking on Insert and
Insert > Keyframe
click ( for Windows user ) on the frame and select Insert
Keyframe. Now the layer should look like 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.
properties that can be changed to create an animation are:
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
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
can also make the object rotate by using the rotate option. Select
in which you want the object to rotate. Go to Modify,
Transform and click Rotate.
Modify > Transform > Rotate.
user can right click on the object in the particular keyframe
select the Scale or Rotate option.
Right click Scale option
click Rotate option
3. Color Effects:
You can create color effects on the objects in Flash and
use these color options to create color tween. Make sure
using the effect options that the object is a symbol.
options go to Windows, select Panels and click on Effects. The
will be as as shown below.
You can use
five effect options Brightness, Tint, Alpha or Advanced
the keyframe on which you want the color property of
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
you can get the desired effect. Suppose you chose the
can see the change in the window as shown below
window. You can change the percentage value and can get
effect. The same can be done with Brightness. With the
help of Tint
we can change the color. With the Advanced option we
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
1. Do first three steps as
we have done while we were creating simple
2. Now insert a Guide Layer.
Guide Layer is a type of layer, where you
a desired path for your object to move along. The beauty of
Layer is, it will not be visible in the actual movie. We can
on the stage while we are creating the movie. To insert the
Layer click on the icon
at the bottom left corner of the
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
Pencil tool or Line
tool from the Tool Box.
4. Select the layer of actual
object and create motion tween using step 4
5 of motion tweening.
5. Place the object at the
starting point of the path in first frame and at
point of the path in last frame. Now you have created the
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
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
tools in the Tool Box. It will get place in the first frame of the
2. Insert a blank Keyframe
on the layer, upto the point you want the
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
Insert Blank KeyFrame.
3. Select this blank keyframe
and draw the second object in which you
the first object to be transformed
4. Now go to Windows, select
Panels and then select Frame. A window
open as shown below.
Windows > Panels > Frame
4. Select the first frame
and then select Shape in the Tweening option.
Tweening is done. The timeline will look like as shown