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
In Flash two types of tweeningare
possible - Motion Tweening and Shape Tweening.
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
already be there with a blank frame. First name the layer as "Motion
the layer by clicking on layer name.
2. Now draw an object usingtoolbox
or drag and drop an instance of a symbol that is
the library on the stage. Now the object will also be in the first frameof
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
and selecting Frame.
Insert > Frame
clicking ( for Windows user ) on the point of interest and selectingInsert
4. Select the first frameof
the layer. Click on Insert and select Create Motion Tween
Insert > Create Motion Tween
( for Windows user ) on the frame and select Create Motion Tween.
5. Click on last frame andinsert
keyframe by clicking on Insert and selecting
Insert > Keyframe
( for Windows user ) on the frame and select Insert Keyframe.
look like this.
animation lasts for 20 frames.
6. Now select the first frameand
set the properties of the object the way you want it
the begining of the animation. After that select the last frame and
in the properties for its display at the end of the animation.
that can be changed to create an animation are:
1. Position: You canchange
the position of the object at particular keyframe just by
the object on the stage at that particular keyframe. Selectthe
drag the object to the desired position.
Scale or Rotate:You can change the size of the object in particular keyframes
in or zoom out effects. To change the size go to Modify, then
Transform and Scale.
Modify > Transform > Scale
also make the object rotate by using the rotate option. Select thekeyframe
want the object to rotate. Go to Modify, select Transform and click
Modify > Transform > Rotate.
can right click on the object in the particular keyframe and can
Scale or Rotate option.
Right click Scale option
click Rotate option
3. Color Effects: You cancreate
a few color effects for your objects in Flash and we
color options to create color tweens. To use these options go to
Panels and then select Effects. The window will be as as shown
You can usefour
effect options Brightness, Tint, Alpha or Advanced options.
keyframe on which you want the color property of the object to get
Effect window and select one of the options. You will get a fewmore
the window and by changing them, you can get the desired effect.
choose Alpha effect.You can see the change in window as shown
effect window. You can change the percentage value and can get the
The same can be done with Brightness. With the help of Tint
the color. With the Advanced option we can change color as well
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
for your object to move along. The beauty of the Guide Layer is, itwill
in the actual animation. We can see it on the stage while we are
animation. To insert the Guide Layer select the iconat
corner of the timeline window. An alternative way is go to Insertand
Insert > Motion Guide
3. While the Guide Layeris
selected, draw a desired path on the stage using the
tool or the Linetool
fromthe Tool Box.
4. Select the layer of theactual
object and create motion tween using Step 4 and
of motion tweening.
5. Place the object at thestarting
point of the path in the first frame and at the ending
the path in the last frame. Now you have created the motion along the
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
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,
and selecting Blank KeyFrame.
Insert > Blank KeyFrame
or by rightclicking
( for Windows user ) on the point of interest and selecting Insert
3. Select this blank keyframeand
draw the second object in which you want the first
4. Now go to Windows, selectPanels
and then select Frame. A window will open as
Windows > Panels > Frame
4. Select the first frameand
then select Shape in the Tweening option. The Shape
done. The timeline will look like as shown below.