Flash MX

I. Create a New File

Go to File and New. Check on Flash Document.

 

II. Insert New Layers

(Layers are like stacked transparencies, each holding separate objects)

Click on Insert and then Timeline and then Layer until you have 3 Layers (Mac).

Double-click on the word Layer 1 and rename, then continue with Layer 2 and 3.

III. Frame by Frame Animation (series of frames that move in time)

            Main movement points are "keyframes" and the movement of a symbol or object in-between keyframes is called "tweening"

1. Create a graphic (or use an image, animation, or button). Choose the circle from the left toolbar and pick a color next to the paint bucket. Draw a circle in the upper left-hand corner of the stage, holding down the Shift key to constrain proportions. You'll notice that the white dot in the Blue Ball layer changed to black, signifying that it now holds content. If you need to reposition a graphic, click on the Selection Tool (black arrow) in the upper left hand corner of the Toolbar.

2. Click on the Selection Tool (black arrow on the toolbar) and choose the second frame in the Blue Ball layer or row.

3. Click the F6 key to insert a new keyframe. (Or you may right-click the frame and choose Insert Keyframe.)

           

4. Drag the circle to a new place, slightly to the right, on the stage.

5. Continue adding new frames and graphic changes by repeating Step 2, 3, and 4 until the ball is over on the right side after about 25 frames. Tedious, isn't it?

(In short, remember these three steps--Click frame, click F6, move graphic and then repeat.)

6. Check your work by clicking on Control and then Play.

IV. Motion Tweening

1. Choose Layer 2 so that the pencil appears indicating that this layer is now chosen and ready for work.

2. Drag the red playhead back to the number 1 frame and click on the Text tool on the left Toolbar.

3. Click in the upper right hand side of the Stage and type a heading for your graphic. In the bottom Properties box, choose a font, size, and color.

3. Click on frame 25 and click on F6, inserting a keyframe.

4. Drag the text straight down to the lower left hand corner.

5. Double click on any frame between 1 and 25 to blacken that whole area.

6. In the properties box below the stage, beside the word Tween, choose Motion from the dropdown menu.

7. Check your work by clicking on Control and then Play.

V. Shape Tweening

1. Choose Layer 3 so that the pencil appears indicating that this layer is now chosen and ready for work.

2. Move the red playhead back to the number 1 frame.

3. Choose the circle from the left toolbar and pick a color next to the paint bucket. Draw a large oval in the middle of the stage. If you need to reposition a graphic, click on the Selection Tool (black arrow) in the upper left hand corner of the Toolbar.

4. Click on frame 25 and right-click the frame (Control Key plus click on a Mac or click on F6) and choose Insert Keyframe from the menu. Leave the graphic in the same space as it is. (You could, of course, at this point, select the oval and change it's color or modify it's shape for interesting effects.)

5. In the properties box below by the word Tween, click on Shape.

6. Click on frame 25 and Insert Keyframe.

7. Choose the Subselection tool (white arrow) from the left Toolbar, click on the oval, and roll over the center right edge of your oval until you see a tiny open square by the arrow cursor. Click and drag the tiny box directly left to the center of the oval.

8. Check your work by clicking on Control and then Play.