How to create a tweened animation
Step 1.
-
Start by clicking on the first frame of “Layer 1“, just to be sure the object we are going to draw will be placed there.
- Now draw a circle on the stage using the “Oval Tool“, as shown in Fig 1.
Next, we are going to apply “Motion Tween” to the KeyFrame.
- Right-click on the first frame and select “Create Motion Tween“
Fig. 1
Step 2.
- Right-click on the 15th frame, and select “Insert Keyframe” as shown in fig 2.
You’re going to see an arrow connecting the first frame with the 15th, as an indication there’s “Motion tween” between the 2 keyframes we made.
Step 3.
- Select the 15th frame, now click on the circle and drag it to any place on the stage other than the original position. as show on the right.
- Got to the “Control” menu, and select “Test Movie“.
You’re done! You’ll notice the animation going in loop, just like in fig 3
Step 4.
To stop the animation when it reaches frame number 15, which is the end of the movie, right click on the 15th frame and select “Actions”
- In the left column, under Actions>Movie Control, double click on “stop“
- Test your movie, it should stop when the animation ends, unlike Fig 3
Conclusion
- We created 2 points, the first point is A and the second one is B.
- We changed the position of the second point, B.
- Because there’s Motion Tween, flash animated the object and moved it from A to B!
The same applies if you change the size of the circle instead of moving it to somewhere else, try it and see what happens!








Trackbacks/Pingbacks
[...] How to Create Motion tweens in flash | Flash tutorials | Flash … [...]
[...] Yo can add Shape Tween instead of Motion Tween. [...]
[...] our tweened animation. Note: Please make sure you have already read and understood the tutorial on "Motion Tweening" [...]