Flash Animation Tutorial: Creating Tweening

Video Transcript

"So, I've already gone ahead and, and animated this and I want to show you how it works and then I'll show you how I built it. So we've got the square and the circle. Back on frame one, they start out in these positions and they travel to these positions. So basically they just criss-cross each other. OK. Let's, let me show you how I did that. I'm going to undo my past work and show you. OK. So, Mr. Square over here, remember this is kind of like a stage. This is your canvas or your stage, and these are your actors. So, actor Square is on the stage at frame one, but frame two he's off. So we need, we need to put him in. So what we do is we create a frame by hitting F5 at frame ten. So now, remember this is frames over time. So at frame two Circle guy is not on the stage anymore. But Square guy is because we've just added that frame at frame ten. So he stays there throughout. So we want Circle guy to be there at ten. So we go to frame ten and click F5 and now they're both there for the entire duration of the first ten frames, when they disappeared. So, on ten, frame ten though we want them to do something else. Key framing is about saying OK on frame one do this, on frame ten do this and then the computer just interpolates this, the hard stuff in between. So on frame ten, what I want you to do is hit F6, which creates a key frame for both of these. And then you can move your characters into their new positions and then they go from frame one in these positions to frame ten in these positions. The problem is the computer's not interpolating between them. What we want to see is the movement, not just the stuttery, jump from one place to another. So what you do is you left click on your mouse and go down to create motion tween. Do that for both Circle and Square and then you've created the motion in between."