Bouncing Ball
For this project you are to create an animation cycle that contains series of 12 still images per second that when played back give the illusion of movement. You are going to create a minimum of 48 frames of animation, in which a ball bounces back and forth across the screen.
1.Open flash. Select Modify, document and change the size to W 550 px H 400 px
2. The box on the page is called the stage. This is where you will create your animation.
3. Make sure that you have the following windows opened. Tools, timeline, properties. If you do not see these windows, select Windows and make sure these items are checked.
Tools
Black Arrow - This is used as a selection tool.
Square Tool -This tool is used to draw squares and rectangles. You can draw a square by dragging the shape while holding the shift key.
Circle Tool - This tool is used to draw circles and ovals. You can draw a circle by dragging the shape while holding the shift key.
Straight Line Tool -This tool is used to draw lines. Lines can be stretched and bent and shaped to outline objects.
Paint Bucket -This tool is used to fill the objects that you are creating.
Brush Tool -This tool is used to draw freehand lines and shapes.
Magnifying Tool - This tool is used to zoom in and out of the stage. To switch between zoom in and zoom out, hold down the ALT key.
Small Paint Bucket with box - This is the fill color. Press the box to select a fill color.
Small Pencil with box - This is the outline color. Press the box to select a outline color.
Modify tool - This tool is used to stretch or shrink or rotate the object that you make.
Timeline
The timeline, is were you see each frame (gray or white box) of your animation. Frame 1 (gray) is the farthest to the left, each frame is numbered in groups of 5 and run left to right. 12 frames equal 1 second of animation,
In the timeline, you will see an area called layer.
Layers
Layers are were you will create your animation images and layers stack vertically (up and down).
4. Click on layer 1 and rename that layer ball.
5. Go to insert new layer. Rename that layer ground. Move the ground layer by dragging it below the ball layer.
6. On the ground layer, use the square tool to draw a box H 1 inch the width if the stage. Set the fill color for green, outline color no fill (the white square with the red line through it) Place this square at the bottom of the stage.
7. Lock the ground layer.
8. Use the circle tool to draw a ball on the ball layer. Set the fill color for red outline color no fill (the white square with the red line through it) Place this circle at the left edge of the stage.
9. Press F6. This creates a new key frame in frame 2. Use the black arrow to move the ball down a little bit toward the ground.
10. Press F6. This creates a new key frame in frame 3. Use the black arrow to move the ball down a little bit toward the ground.
11. Continue to do this until the ball hits the ground. The bigger the movement the faster the ball moves.
12. When the ball hits the ground, use the modify tool to squish the ball. Press F6.
13. As the ball leaves the ground, use the modify tool to stretch the ball. Press F6.
14. Continue to move the ball until it completely crosses the screen.
15. Press the enter key to watch your animation.
16. Now you will move the ball back across the screen (right to left) then left to right until you reach a minimum of 48 frames.
17. Use the modify tool to change the size, and the fill tool to change the color of the ball to add some variety to your animation.
18. Save your project. Select edit save as and save it as a Flash project.
19. Export your project as a movie with a different name. Go to Save, export movie. Export movie as a Flash Movie File. Set the quality to high (slider to the right). Name your project, Press OK, Press OK.
20. Go to weebly.com Log in and go to media. Drag the Flash element to the page. Double click on the icon and upload your file.
21. Press the Publish button to publish your page.
1.Open flash. Select Modify, document and change the size to W 550 px H 400 px
2. The box on the page is called the stage. This is where you will create your animation.
3. Make sure that you have the following windows opened. Tools, timeline, properties. If you do not see these windows, select Windows and make sure these items are checked.
Tools
Black Arrow - This is used as a selection tool.
Square Tool -This tool is used to draw squares and rectangles. You can draw a square by dragging the shape while holding the shift key.
Circle Tool - This tool is used to draw circles and ovals. You can draw a circle by dragging the shape while holding the shift key.
Straight Line Tool -This tool is used to draw lines. Lines can be stretched and bent and shaped to outline objects.
Paint Bucket -This tool is used to fill the objects that you are creating.
Brush Tool -This tool is used to draw freehand lines and shapes.
Magnifying Tool - This tool is used to zoom in and out of the stage. To switch between zoom in and zoom out, hold down the ALT key.
Small Paint Bucket with box - This is the fill color. Press the box to select a fill color.
Small Pencil with box - This is the outline color. Press the box to select a outline color.
Modify tool - This tool is used to stretch or shrink or rotate the object that you make.
Timeline
The timeline, is were you see each frame (gray or white box) of your animation. Frame 1 (gray) is the farthest to the left, each frame is numbered in groups of 5 and run left to right. 12 frames equal 1 second of animation,
In the timeline, you will see an area called layer.
Layers
Layers are were you will create your animation images and layers stack vertically (up and down).
4. Click on layer 1 and rename that layer ball.
5. Go to insert new layer. Rename that layer ground. Move the ground layer by dragging it below the ball layer.
6. On the ground layer, use the square tool to draw a box H 1 inch the width if the stage. Set the fill color for green, outline color no fill (the white square with the red line through it) Place this square at the bottom of the stage.
7. Lock the ground layer.
8. Use the circle tool to draw a ball on the ball layer. Set the fill color for red outline color no fill (the white square with the red line through it) Place this circle at the left edge of the stage.
9. Press F6. This creates a new key frame in frame 2. Use the black arrow to move the ball down a little bit toward the ground.
10. Press F6. This creates a new key frame in frame 3. Use the black arrow to move the ball down a little bit toward the ground.
11. Continue to do this until the ball hits the ground. The bigger the movement the faster the ball moves.
12. When the ball hits the ground, use the modify tool to squish the ball. Press F6.
13. As the ball leaves the ground, use the modify tool to stretch the ball. Press F6.
14. Continue to move the ball until it completely crosses the screen.
15. Press the enter key to watch your animation.
16. Now you will move the ball back across the screen (right to left) then left to right until you reach a minimum of 48 frames.
17. Use the modify tool to change the size, and the fill tool to change the color of the ball to add some variety to your animation.
18. Save your project. Select edit save as and save it as a Flash project.
19. Export your project as a movie with a different name. Go to Save, export movie. Export movie as a Flash Movie File. Set the quality to high (slider to the right). Name your project, Press OK, Press OK.
20. Go to weebly.com Log in and go to media. Drag the Flash element to the page. Double click on the icon and upload your file.
21. Press the Publish button to publish your page.