0

   

Adding motion tween+motion guide to sprites in Flash

This tutorial covers using motion tween and motion guide to animate sprites in Flash. You are going to be shown how to make the animation below.

 

 

First off, create a movieclip that contains an animation of a running sprite. Refer to this “how to animate sprites in Flash 8” tutorial post if you forgot how to create one.

Motion tween to sprites

Now we’ll create a motion tween. Right click on the first frame, and select ‘Create Motion Tween’. Then, move the movieclip to the left edge of the stage.

create_running_motion_tween

Click on the 20th frame, then press F6 to insert a keyframe. Flash automatically generates the frames between the first frame and the last frame. In the 20th frame, move the movieclip towards the right edge of the stage.

motion_tween_sakura_right

Now the motion tween should be complete. Press Ctrl+Enter to test your movie.

Motion guide to sprites

No need to create a new Flash document, we’ll just continue from what we’ve done just now.

Create a motion guide layer by clicking on the ‘Add motion guide’ icon.

motion_guide_sakura_icon

motion_guide_layer

Then, in that layer, draw a curvy stroke using the Pencil tool. And as always, it’s width, shape or color does not matter, it only has to be one continuous stroke.

sakura_motion_guide_left

In the first frame, drag the character towards the start of the stroke, and in the last frame, move it to the end of the stroke. Note that your character is fixed on the stroke’s path.

sakura_motion_guide_right

Ok, now it’s done. It should be something like the animation below. Press Ctrl+Enter to test your movie.

 

 

prev/next«How to animate sprite in Flash 8Moving sprites using AS2 in Flash»