Lesson objectives: To know what is motion tween. To create motion tween. To know motion presets. To know how to use motion editor. How to create a simple slideshow using motion tween.

1. Lesson 3
Motion tween
1

2. 2
Lesson objectives:
• To know what is motion tween.
• To create motion tween.
• To know motion presets.
• To know how to use motion editor.
• How to create a simple slideshow using
motion tween.

3. 3
What is motion tween:
It is similar to classic tween, but it gives you more
control of the movements you make.
Motion tween allows
you to move the
object in more
flexible path.

4. 4
How to make a motion tween?
1- start a new flash
document.
2- draw a shape using
drawing tool, or insert an
image.
3- go to frame 40 and
insert a key frame (F6 OR
right click > insert key
frame.

5. 5
4- right click on any frame between 1 – 40 > create motion tween
5- change the position of the object in each 5 frames until frame 40
Notice the green lines which follows the object, it’s the path of the object over the
40 frames
You can edit the path by using
the selection tool
6- press ctrl + enter to test the
movie

6. 6
Motion presets
Motion presets are motion tweens that the user can apply to objects which
are already existed in flash.
Motion presets saves your time, it allow you to save your motion tweens,
so you can use them in other works instead of making the tween from the
beginning.
To show the motion presets window, go to
window > motion presets.
You will see two types of motion presets:
1- default presets: the presets that are already
existed in flash
2- custom presets: the presets that you saved.

7. 7
To use the motion presets:
1- draw any shape on the stage.
2- select it.
3- go to motion presets and choose any
tween.
4- click apply.
5- test the movie (ctrl + enter).

8. 8
Motion editor
Motion editor is a panel that displays all the motion properties in more details.
In other words, an editing window that allow us to do many types of edits on
motion tween only.

9. 9
The types of properties in motion editor :
• Basic motion: which allows you to set the X and Y values ( the object
location on stage)
You can move the object on the stage by change the X and Y values or by
moving it over the stage and he values will change automatically.
Also you can move the line on the right to change the object location and values.

10. 10
• Transformation: which allows you to change the skew (the slope) and the
scale (size) of the tweened object.

11. 11
• Color effect
• Filters

12. 12
How to create a simple slideshow
using motion tween?

13. 13
1. Create a new flash document.
2. Import images to the library
(File > import > import to library).

14. 14
3. Drag image 1 to the stage, edit its transformation to make it fit to the stage.

15. 15
4. Insert a key frame in frame in frame 30 then press delete button to
delete the picture.
5. Right click on any frame between 1-30 and create motion tween
6. Go to frame 29 (the last frame that contains image 1), select the
image by the selection tool.
7. Go to properties > color effect > choose Alpha

16. 16
8. Change the alpha to 0.

17. 17
9. Insert image 2 in frame 30

18. 18
10. Insert a key frame in frame 60 then press delete button to delete the picture.
11. Right click on any frame between 30-60 and create motion tween .
12. Go to frame 59 (the last frame that contains image 2), select the image by the
selection tool.
13. From properties change the alpha of the picture to 0.
14. Insert image 3 in frame 60 and do the same as you did with the previous two
images.
15. Test the movie.