Flash Game Design  
Tutorials Articles
  Step 4.
  This is the final part of this Photoshop tutorial to create swinging pendulum. Now that you've create all the , open the PSD in Image ready. Since layer set number 5 is the only one visible at the moment, frame 1 is already made. Create a 2nd frame, make layer set 5 inisible and layer set 4 visble. For the 3rd frame, make layer set 4 invisible and 3 visible.
   
 
a)   b)   c)
   
Step 5.
Keep adding frames until you have 11 frames and layer set -5 is visible. So now the animation should be of the pendulum swinging from left to right.
a)   b)
Step 5.
Next, we need to make it swing back to the left, create the frames and switch the layers sets to visible in reverse to what we just did. Do this until you reach 20 frames and layer set 4 is visible. We dont need to make layer set 5 visible because once the animation reaches the end it will just repeat from the 1 frame, which is layer set 5.
a)   b)
Step 6.

Now all you need to do is save your file as gif and then you're done! If you save the gif at the default settings you're file will be quite large. To make it smaller, make the optimize panel visible and set the colors to something low like 32.

   
 
 
 
   
   
Site Copyright © 2008 Nick DS. All rights reserved.