Tutorial 4: Using Motion Tween & Motion Guide

Layer Frame What should you do Format

1 1Draw Circle (use Oval Tool)

Stroke Color = BlueFill Color = BlueLayer Name = ball1* Convert to Symbol as a graphic and name it as a ball1

2 1Draw Circle (use Oval Tool)

Stroke Color = RedFill Color = RedLayer Name = ball2* Convert to Symbol as a graphic and name it as a ball2

3 1Draw Circle (use Oval Tool)

Stroke Color = BlackFill Color = BlackLayer Name = ball3* Convert to Symbol as a graphic and name it as a ball3

4 1Draw Circle (use Oval Tool)

Stroke Color = PinkFill Color = PinkLayer Name = ball4* Convert to Symbol as a graphic and name it as a ball4

Create Motion TweenClick on layer ball1, right-click on frame1 -> click Create Motion Tween.Then click on frame20, right-click Insert Keyframe. Click on frame20 again, then drag the blue ball to right side.

Then create motion tween for ball2, ball3 and ball4. Test your program. Make sure your timeline as shown as below.

… Now we combine our tutorial with motion guide.

Click on layer ball4, insert 4 another layer. Then, set the following properties.

Layer Frame What should you do Format

5 1Click on Frame20Right-click -> Insert KeyframeType the text M

Font Color = RedFont Size = 59Layer Name = M* Convert to Symbol as a graphic and name it as a M

6 2Click on Frame20Right-click -> Insert KeyframeType the text R

Font Color = GreenFont Size = 59Layer Name = R* Convert to Symbol as a graphic and name it as a R

7 3Click on Frame20Right-click -> Insert KeyframeType the text S

Font Color = BlueFont Size = 59Layer Name = S* Convert to Symbol as a graphic and name it as a S

8 4Click on Frame20Right-click -> Insert KeyframeType the text M

Font Color = YellowFont Size = 59Layer Name = M* Convert to Symbol as a graphic and name it as a M

Create Motion TweenFor layer M, R, S and M, Build up the animation containing the motion tween. Refer to previous step (or previous module) to set up this animation. Use frame40 to insert keyframe.

Create Motion Guide Click on layer M -> right-click, choose Add Motion Guide. Automatically, layer Guide:M appears. Then, click on layer Guide:M. Choose Pencil Tool from the Panel Tool. Set Smooth at Panel Options. Draw the line on the stage as follow.

For layer ball1, ball2, ball3 and ball4, insert extra Keyframe at frame40.

Make sure your timeline as shown as below.

Test your program. Then, create another motion tween and motion guide for layer R, S and M. Save the file a Tutorial 4.

Well done !!!!!!