How to create a animated equalizer in Adobe Photoshop CS3

Have you already know on how to make a animated .gif in Photoshop?
If not, try to follow and learn from my tutorial in making a animated equalizer.

These are the following simple steps in making a animated equalizer in Photoshop:

1. Go to START button and select Adobe Photoshop CS3
After you select you will encounter a blank page. You have to create a working area using CTRL + N and manage the size. Fill the background with color black using a foreground and background tools.
             

2. Create a rounded-rectangle
               You can manage the color of the object by using a GRADIENT form the layers styles.

 

3. Duplicate the rounded-rectangle
                 In duplicating the object, select the layer, then right click and select duplicate.

              Duplicate several rounded-rectangle and you are going to decide the number of the object in each layer.

4. Create an Animation Frame
                After you had all the layers, you are going to make a animation frame. To have a animation frame, go to the workspace and then click video and film.   

5. Create an Animation Layer
                 You can manage the layer in every animation frame by selecting  the layer that you want to show.

 

6.  Hide the Layers

                 You are going to hide the layers that are not useful on your frame. Click the EYE-LIKE on your layer in order for it to be hidden on your frame.

7. Manage the Time

                      After you have already done all frames, you can manage the time in every frames. You can input your own time when it is not shown in selection area. 

 

8. Save your Work    
              After you had all the your frames, you can save it. To save, go to the File menu and select Save for Web and Devices or use the shortcut key Alt + Shift + CTRL + S

               Make sure that the document type is GIF

             Output of the Work