Flash easing tutorial

Step 1

• Go to the Properties menu and change the Frame Rate number from the default 12 to 25.
• Select the Oval Tool, draw a circle on the stage, near the top, in the middle.
• keep the circle perfectly round by holding shift while you drag the mouse, see Img 1.

Img 1

Step 2

• Rename the layer from Layer 1, to “Ball”.
• Now go back to your ball, and select it with the selection tool. Make sure you select the stroke around the edge of it, if you have one. Once you have it selected, right click and select “Convert to Symbol…” or press the hotkey F8. Make sure you have movie clip selected, and name the movie clip “ball_mc” (mc meaning movie clip), see Img 2.

Img 2

Step 3

• The next thing to do is plan where we want the keyframes. We already have one on frame 1, but we need a keyframe where the ball will be at the bottom, and another for when it bounces back up to the top.
• Add two new keyframes, to frames 15 and 30, see img 3.

Img 3.

Step 4

• Click on keyframe 15. The ball should be selected, but if not, use the selection tool to select it.
• Press the down key on your keyboard.
• If you hold shift while pressing an arrow key, it will move the object faster.
• At frame 15, your stage should look like this (see img 4 )

Img 4

Step 5

• If you go to keyframe 30, you will notice that the ball is still at the top, which is what we want.
• Right click on a frame between 1 and 15 (the first and second keyframes), and select “Create Motion Tween” , see img 5.

Img 5

• Once you do this you will see the frames turn blue, and an arrow passes through them. This indicated a motion tween. Do the same between the second and third keyframe.
• If you test your movie at this stage, the ball will move up and down.
• It doesn’t look very realistic, so we will add easing.

We need to add the easing twice, one for the first tween, and one for the second. Click on your first motion tween (where the frames are blue between keyframes 1 and 15). Your Properties menu should change. You should see an Ease box. The value will be set to 0 as default. The blue arrow to the right opens a sliding bar. If you slide it down, the frames will ease in (which means they will begin slow, and finish faster). If you slide it up, the frames will ease out, which does the opposite. We need to ease it in, so slide it downwards all the way to -100, see img 6.

Img 6

• Do the same for the motion tween in between keyframes 15 and 30, except this time, make the tween ease out.
• Do this by sliding it upwards all the way to 100.
• Test your movie Control + Enter