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 icon at
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 Line tool
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.

|