1. Start
Flash
2.
Click Modify and then click Document.
3.
To change the Stage size, you can enter the values for width and height
in the Dimensions text boxes. Click Printer to have
you Stage size match the maximum print area currently available to
you. Click Contents to create a Stage area just large
enough to cover the elements in you movie. For this project, use the
default size of 550 x 400 pixels.
4.
From the View menu select Rulers,
then select Grid.
| 5.
Click the Background Color Box to change the Stage's background
color. For this project, select white as the background color,
if necessary. |
Note:
A frame rate that is too slow makes the animation appear to start
and stop; if it is too fast, it is a blur. Motion pictures use
24 frames per second but AVI movies and websites using flash use
the frame rate of 12 frames per second. Since flash uses only
one rate per movie, check it before you start your work. |
| |
6. Leave 12
as the value for the frame rate. The total number
of the frames times the frame rate determines the length of the movie.
Flash uses 12 as a default rate.
7. Save
your work now.
8.
If the toolbar is not open, click Window and then
click Tools.
9. To
turn on tooltips, click Edit and then click Preferences.
10.
In the Preferences dialog box, click the General tab.
11.
Make sure the Show Tooltips box is checked. Click OK.
12.
Save your work.
1.
On the Timeline, click frame 1 on layer 1 to select
it.
2.
In the toolbar, click the Oval
tool. Set the stroke color to None. Set the Fill
color to red. You can do this in the toolbar or the properties box.
3.
Draw a circle near the middle of the stage.
| |
Next: you will create a motion tween for your circle. Before you
can use a drawn shape in a motion tween you must convert it to
a symbol. |
4. Use
the Selection tool to select your circle. Click Insert
and then click Convert to Symbol.
5.
Name the symbol ball and click Graphic as the Behavior.
Click OK. Flash will save this in your library. To
see the library, click Window and then click Library.
6.
From the Menu bar, click Insert and then click Create
Motion Tween.
7.
On the Timeline, click frame 5.
8.
From the Menu bar, click Insert
and then click Keyframe.
9.
Click the Selection tool and drag the circle to the
bottom of the Stage.The solid bullet in frame 5 will indicate that
you have created content in a keyframe.
10.
On the Timeline, click frame 10.
11.
From the Menu bar, click Insert
and then click Keyframe.
12.
Move the circle back to the middle of the Stage where it began.
13.
Click Window, click Toolbars, and
then click Controller. Click Play
on the Controller to preview your animation.
14.
Save you work.
1.
Click on frame 5 and click the circle. The Property
Inspector displays options for the selected instance of the Ball.
2.
On the Property Inspector, choose Tint from the Color
pop-up menu.
3.
Click the Color box and select a tint color.
4. Click
Play on the Controller to preview your animation.
5.
Click on frame 15. Click Insert.
Click Keyframe.
6.
Drag the circle to the bottom of the screen.
7.
With frame15 selected, click the circle and change
the tint color on the Property Inspector.
8.
Repeat steps 5-7 every five (5) frames, changing the color and position
of the circle each time and ending on frame 35.
9. Test
by clicking Play on the Controller. Save your work.
1.
Click on frame 5.
2.
Click Modify, Click Transform, and
then click Scale. Square handles appear on the four
corners and four sides of the box round the ball.
3. To
change the size of the ball without distorting its shape, drag one
of the corner handles in a diagonal direction. Make this instance
of the ball larger. If the ball is not entirely on the Stage, use
the arrow keys to reposition it.
4. Click
Play on the Controller to preview your animation.
5.
Repeat Steps 1-5 every five frames, alternately changing
from larger to smaller.
6.
Test you animation. Then Save your animation.
1.
Click on frame 10.
2.
Use Selection tool to drag the ball to the left side of the Stage.
3.
Click frame 15. Drag the ball to the
top.
4.
Click frame 20. Drag the ball to the
right.
5.
Click on frame 35. Drag the ball to
the center of the Stage.
6.
Click Play on the Controller to preview your animation
7.
Save your work.
1.
Click frame 40 on the Timeline.
2.
Click Insert, then Click Keyframe.
3.
Click the ball and use the Property Inspector to change
the tint to the color of your choice.
4.
Click frame 75 and insert a Keyframe.
5.
Click Modify, click Transform, and
then click Scale. Drag the corner of the square surrounding
the ball to make it larger.
6. On
the Property Inspector, choose Brightness from the
Color Pop-up menu.
7. Set
the Brightness to 100%. The ball becomes white, so
it disappears from view.
8.
Click Play on your Contoller to see your animation.
9.
Save your work.
1. To create a new layer, click Insert,
and then click Layer. Double click the title Layer 2, and key your name.
2. On the Name layer, click frame 75
and insert a keyframe.
3. Click Text in the Toolbar.
4. On the Property Inspector, click
the Font pop-up menu and select a font you like. Key 40 in the Font
Size Box, and use the color selector to make the text the color of your
choice. Click Align Left button.
5. Click on the left side of the Stage
and Key your name.
6. Use the Selection tool to select
the text. Click Insert and then click Convert to Symbol to open the
Convert to Symbol box.
7. Name the symbol Text 1 and click
Graphic as the Behavior. Click OK.
8. Use the Selection tool to select
the text. Click Insert, and then click Create Motion Tween.
9. On the Name layer, click frame 90.
Insert a keyframe.
10. Return to frame 75 and select the
text. Click Modify, click Transform, and the click Scale. Reduce the
size of your text.
11. Use the selection tool to select
the text.
12.On the Property Inspector, choose
Brightness from the color pop-up menu and increase the brightness to
100%.
13. In frame 75, use the Selection tool
to position the text on the left side of the Stage near the center.
14. In frame 90, use the Selection tool
to position the text on the left side of the Stage near the center.
15. Create a new layer and name it rocks.
16. On the Rocks layer, click frame
85 and insert a keyframe.
17. Click on the Text tool. On the Property
Inspector, click the Font pop-up menu and select a font you like. Key
40 in the Font Size Box, and use the color selector to make the text
the color of your choice. Click Align Left button.
18. Using the Text toll, key ROCKS on
the Stage. Align "ROCKS" to the right of your name.
19. In frame 85, use the Selection tool
to select the "ROCKS". Click Insert and then click Convert
to Symbol to open the Convert to Symbol box.
20. Name the symbol text 2 and click
graphic as the Behavior. Click OK.
21. On the rocks layer, click frame
85. Click Insert, and then click Create Motion Tween. Then click frame
100, click Insert, and click Keyframe. Click frame 110, click Insert,
and then click Frame
| "Rocks" disappears at frame 110 beaucse
frame 90 is the last frame on the rocks layer. |
22. To keep "ROCKS" on the
Stage, click frame 110 on the rocks layer. Click Insert, and then click
Keyframe
23. Click the Onion Skin button ( at
the bottom of the Timeline) to turn on onion skinning and align the
name and rocks animations.
24. On the Rocks layer, click frame
85 and the click the "rocks" text.
25. On the Property Inspector, choose
Brightness from the Color pop-up menu and increase the Brightness to
100%.
26. With frame 85 still selected, holf
down the Shift and drag "Rocks" to the far right of the Stage.
27. Click the Onion Skin button again
to turn off onio skinning, Test the Movie. Save your work.
28. Create another layer and title it
One.
29. On the one layer, click frame 101
and insert a keyframe.
30. Click the Text tool. On the Property
inspector, set the font you ant. Key 95 in the font size box and make
the text a color you like.
31. Using the Text tool, key !. Use
the Selection tool to position the "!" to the right of "ROCKS."
32. Use the Selection tool to select
the "!". Click Insert and then click Convert to Symbol to
open the Convert to Symbol box.
33. Name the symbol Text 3 and click
Graphic as the Behavior. Click OK.
34. Use the Selection tool to select
the text. Click Insert, and then click Create Motion Tween.
35.ON the one layer click frame 110
and insert a keyframe.
36. Click frame 110 and select the "!"
text. On the Property inspector, change the brightness to 40%. Click
on the Stage to apply the change.
37. Test the movie. When you are satisfied
with the appearence, save your animation.
38. Lean back and enjoy!