Flash Tutorial 1 APIIT

FLASH TUTORIAL 1
(Creating Simple animation (Tweening) in Flash)

 Flash can create a type of tweened animation using timeline: Motion Tween
 Creation of Motion/Shape tween using timeline is the basics of Flash.
 Motion tween is nothing but tweening a Symbol's movement from one position to
another.
 To implement Motion Tween all that you have to do is, provide Flash with
Symbol's initial position and the end position. Rest is taken care by Flash. Isn't it
really simple.
 Steps to follow:

1. Open a new flash file (Ctrl+N).

2. New Document window will appear
3. Select General panel and choose Type: Flash Document . Press OK.
4. If your timeline window is not open, press (Ctrl+Alt+T).
Timeline not
opened

MULTIMEDIA APPLICATIONS (AINT001-3-2) 1

Flash Tutorial 1 APIIT

Timeline
opened

5. Now you can see a single Layer called "Layer1" in your timeline Window.

6. Select the first frame.

7. Now you draw your own object. Draw a pencil as shown below:

The following tools in the toolbox are useful to draw the above pencil:

MULTIMEDIA APPLICATIONS (AINT001-3-2) 2

Flash Tutorial 1 APIIT

This tool is used to

select, move and adjust.
To enable this tool, you
may also press “v”

This tool is used to

draw lines

This tool is used to fill

colour

8. You can also either choose Rectangular tool or Oval tool from the tool box and
draw your desired shape.
9. Now select your object on the stage – press “v” on the keyboard and select.
10. Press F8 to convert this image to a Movie Clip Symbol. Convert to Symbol
window will pop-up as follows:

MULTIMEDIA APPLICATIONS (AINT001-3-2) 3

Flash Tutorial 1 APIIT

11. Name the movie clip symbol as “pen”.

12. Select Movie Clip behavior and press OK.
13. Note: You can create motion tween only on symbols.
14. Right now your Symbol is in frame1 of Layer1. Select frame 20 and press F6 to
insert a new keyframe.

Press F6 and creating

new keyframe now

15. Still keeping playhead on frame 20, move your Symbol to any other position other
than the present one.

MULTIMEDIA APPLICATIONS (AINT001-3-2) 4

Flash Tutorial 1 APIIT

16. Select any frame between, 2 to 19

17. Press Ctrl + F3 and a Property inspector will pop up as follows:

Property
inspector pop up

18. Select Motion from the tween pop-up menu in the Property inspector.

19. Now your Layer will look something like the one shown below.

20. Now press (Ctrl+Enter) to view your motion tween.

MULTIMEDIA APPLICATIONS (AINT001-3-2) 5