besides the motion tween there are two other tweens in flash that you should be
be aware of
the shape tween and the classic tween now
if you're looking through cs for information or below
classic tweens are what we used to call motion tweens so it's kinda confusing
because our new motion tween for cs5 cs6 and
flash cc
creative cloud
those ones
are the new motion tween and if it's cs4 and below
that is what we now consider classic tween so
I'm gonna show you both of these tween's
and we'll first start with the classic tween which is very similar to a motion tween
except for
it tends to be a little bit harder
because you have to really set
two key frames and then add a motion tween in between
and it just gets kinda tedious but
it does have some great stuff in terms of
using a guide layer so let's say this rocket I wanna have it
kinda loop a couple of times and then crash
that's what I can do with the classic tween
so for this rocket layer for the first key frame
I will drag my
rocket out
my rocket movie clip
and I should just change to the
MOVE TO OR a quick
and now let's a hundred frames in I want to have it
animate and have it be over here so
I'll add a new key frame
so I'll hit f6 on my keyboard
and that new key frame what it does is it copies the key frame that was
directly to the left of it even though it's all the way over here
the last key frame to the left of it
so it copied whatever was on that key frame
and now I can move my rocket over here
let's go ahead and change this to a hundred percent so we can see this
and I want to transform it so that
it's gonna start crashing now
as you can see for the first ninety-nine frames it stays in this one spot
and then all of the sudden it's over here
so we need to tell flash that it needs to create a classic tween in
between these two key frames
so clicking on any frame in between or right click
and do create classic tween
and it turns purple
in this
line let's us know it's going to animate from point a
to point b
so now as we move it
you can see that slowly does it move across
and it rotates
and the problem with that is is that I actually want to have it go in this
direction and come back down
and it's just animating in one straight line
and as you can see with the classic tween we don't get that motion path so I
can't curb it and I can't change it
because it doesn't have one
so we can do something called a guide I'll go ahead and create a new layer and
I'll call this guide
for the rocket
and i need to double-click that layer icon
so I can change this to a guide layer
now I need to tell it that the rocket should follow this guide
and I can do that by dragging it underneath the guide layer
even though its already underneath it you can see it kind of indents
so I want it to indict and if it does it correctly is going to be indented underneath
the name for for that guide
and then the guide layer all the sudden has this
kinda snake like motion path thing happening
so now we have that rocket and it still has its motion tween but we need to
build the guide on the guide layer
so I'll grab the pencil tool and I would be leary of using the brush tool
because it can sometimes create gaps inside of it and then
it'll mess up your animation
so ignoring the rocket for now I'm just gonna go ahead and draw
my path and this is going to be invisible
when it actually plays in the animation okay
so I want it to loop a couple of times and then come crashing down
now what I need to do is with my move tool
I'll click on the first frame of my rocket layer
and as I move it around there's this central point right here
and I need that to snap
to the very beginning of my guide
well my guide
and now I can go to the very last frame
and grab that last key frame same thing I need that central point to snap to the
end of it
and I can go ahead and use the transform tool to kind of rotate it
so that it tries to follow the same path
so let's see what's happening
so it is in fact following my guide
which is fantastic
but it's not natural motion it should go up in turn around and come back down
and that's where we can click inside this classic tween
and choose orient to path
and now it should orient so let's check this out
and that looks really good
so let's go ahead and watch this
and that's a benefit of using a classic tween
so the other type of tween is called a shape tween
I'll go ahead and lock these layers so I don't mess them up
and I'll create a brand new layer
called shape tween
and I'll do a demo for this layer and then
actually do something
with text so we can transform text
from a blob of colors to an actual letter
so for this one a shape tween
means what it says it's
only for shapes
so you can't take a bit map image you can't take a movie clip symbol and
transform them
so for this shape tween
I'm gonna go ahead and
just make a circle
and that's the first key frame
and then this last one
I don't wanna hit f6 because that's gonna copy that original key frame and I want
morph it or transform it into a whole different shape
so instead I'm going to add a blank key frame so I'll right click and do insert blank key
frame
and on this key frame let's say I wanna do a star
so I'll change it to
star
and I'll even change the color and we'll see what happens with that
so I'll draw this star out
and now we have the first or the second key frame
and the first key frame and in between I can right click and do shape tween
so now it's gonna morph
that green circle
to the pink star
while also changing the color
so you can definitely do that with a shape
now a cool trick for this
is to transform words
from
different shapes
so let's say
I wanted to have the word
fly or go something
I can
on the first key frame
let's go ahead and delete that shape tween layer
on the first key frame
I want to add a letter
or actually let's just do a shape
so maybe we want this one to be red
IN
so I want to have red
and from here I want it to morph into the word or the letter f
then the next one I'll have L and the next one I'll have fly
but now I need to create a shape here in the shape of an f
so I can do a blank key frame
f7 on my keyboard
and I could draw enough up with my brush but I'm gonna just go ahead and use the
text tool
the text is not actually
a
let's see it's not
actually a shape but we can make it shape
so we'll just do let's do hobo
so type
capital f
and I can make it a little bit bigger
so right now that's not a shape so the shape tween won't work so if I right click in here and
do shape tween
you can see that it's a broken line
cause that's not gonna to work
so instead
I need to break this text up
so I'll go to modify AND break apart
and that's gonna turn it into a shape
so it's no longer edit able you can't double click in there and erase it and type a new
letter
now I can right-click in here and do
create shape tween
so it's gonna morph from that circle to an f
so then I can do the next one with let's say a yellow
and then may be a green and it's gonna have the word fly
hopefully that gives you an idea of your other when it comes to tweens
the motion tween in cs5 cs6 and flash creative cloud
is alot easier and you have a lot more options but
don't forget about these because these can come in really handy especially
the classic tween with a guide layer