How dy? Today, I’m gonna teach ya’ how to create an animated .gif image with Adobe Photoshop. This is my second time making a tutorial see my first one My Photoshop Cloning / Multiplicity TuT I’ll be using my Photoshop CS2 for this tutorial.

Step 1

I have here 6 motion captured images of Cebu Bloggers doing jump shots in the park under the new Mactan Bridge. As you can see I open up my Animation Palette below (Window> Animation on your Photoshop menu).

On the Layers Palette you need to double click the first layer to unlock it, another window will pop-up just press OK.

Step 2

Now, after you unlock the main image lets put the other 5 images on the Layers Palette by dragging them using the  Move Tool into your main image. Our main image is Layer 0

Step 3

Click the  eye icon in the Layers Palette to turn the images off except the Layer 0 before we add frames on the Animation Palette.

Now, on your Animation Palette let’s add a New Frame, make sure nothing is check in the Animation Palette Option.

Step 4

Every time you add a New Frame, click the  eye icon on the Layers Palette to show that image on the new frame.

You can see a preview of the animation by pressing the play button in the Animation Palette, you can also set the speed  of each frame by clicking the 0 sec below it. You can experiment anything, don’t be afraid making mistakes there is the undo button. 

Saving your Animation (.gif) Go to File > Save for Web make sure you choose GIF as file.

Final Product

Cebu Bloggers Society