Animation (Rolling color balls) using Photoshop

Rolling color balls animation using Photoshop



1. File -->New (To start a new work)

2. Click --> Ok

3. Right click on the background.Pop menu will come.click--> Layer from background


4. Create Newlayer Layer-->New-->Layer (or)shift+ctrl+N
5.Using the Elipse tool draw a small circle on the left top corner and fill it with red color.


6. Create Newlayer Layer-->New--->Layer (or)shift+ctrl+N
7. .Using the Elipse tool draw a small circle below the first circle and fill it with ff00ff color.



8. Create Newlayer Layer-->New--->Layer (or)shift+ctrl+N
9 .Using the Elipse tool draw a small circle below the first circle and fill it with 6a09fd color.


10. Create Newlayer Layer-->New--->Layer (or)shift+ctrl+N
11.Using the Elipse tool draw a small circle below the first circle and fill it with 08e8fc color.

12. Create Newlayer Layer-->New--->Layer (or)shift+ctrl+N
13.Using the Elipse tool draw a small circle below the first circle and fill it with 09fc3c color.


14.Window-->animation
15.Deselect all the except the Layer 0






16.Duplicates the selected frame


17. Activate the Shape 1 by clicking the shape 1 on the layer pallatte.


18.Duplicates the 2nd frame.
19.Activate the shape 2 by clicking the shape 2 on the layer palette.


20.Duplicates the 3nd frame.
21.Activate the shape 3 by clicking the shape 3 on the layer palette.


22.Duplicates the 4th frame.
23.Activate the shape 4 by clicking the shape 4 on the layer palette.


24.Duplicates the 5th frame.
25.Activate the shape 5 by clicking the shape 5 on the layer palette.


26.Duplicates the 5thframe.
27.DeActivate the shape 5 by clicking the shape 5 on the layer palette.


28.Duplicates the 4thframe.
29.DeActivate the shape 4 by clicking the shape 4 on the layer palette.


30.Duplicates the 3rd frame.
31.DeActivate the shape 3 by clicking the shape 3 on the layer palette.


31.Duplicates the 2nd frame.
32.DeActivate the shape 3 by clicking the shape 2 on the layer palette.


33.Duplicates the 2nd frame.
34.DeActivate the shape 3 by clicking the shape 2 on the layer palette.


35.Layer-->Group Layers or Ctrl+G
36.File-->Save for Web devices


37.Click-->Save

38.Give the name for this animation & save type is .gif




Download Source file