Bouncing Ball
Image 1
Image 2
Image 3
Image 2
Image 1

Steps to create a bouncing ball in photoshop.

1) Create a 400 x 400 pixel page with a transparent background. File>New.
In the Name: box, Type Ball. Click the down arrow to select pixels for width and height.
Select pixels. It is important to select pixels before selecting size. Type 400 in the Width Box
and 400 in the Height Box. Press OK.
2) Create a ball. Pick a color. Click on the ellipse tool. It might be hiding behind the rectangle tool.
Press the shift key while dragging the cursor over the page to create a circle.
Use the move tool to position the circle as in image 1 above.
3) Duplicate that layer twice. Layer. Duplicate Layer. Layer. Duplicate Layer.
4) Click on the second layer. Use the move tool to position the circle in the middle of the page
as in Image 2.
5) Click on the third layer. Use the move tool to position the circle in the top of the page
as in Image 3.
6) Now we are ready to create the animation.

7) >Window>Animation
8) The animation window should appear in the bottom of the screen.
9) Click on the duplicate frame 4 times.This is a small icon in the lower right corner of the animation window.
Move the mouse over the icon and pause. The name of the icon will appear.
10) Click each layer and move the ball to the positions shown above. Clicking the eyeball show the layer or hides the layer.
11) Click on the play window in the animation window to test your animation.It is the little arrow icon. You can arrange speed
by clicking on the timer under each cell. Adjust the animation speed and movement as desired. Click on the 0.0 sec
and a drop down menu will appear.
12) Save for Web and devices a gif.


This is a more advance ball bounce. Try it.