So you want to make an animated gif? Well look no further! For this tutorial, all you need is…
- Some awesome images that you want to make into an animation
- Photoshop (I used CS3)
Now I know that there are tons of other programs out there to make animated gifs, and if you do a Google search for “free animated gif creator” or something like that, you can find some free programs to do it. This is just a tutorial for le Photoshop, because, well, that’s what I used! You can download a trial of Photoshop CS4 for free. It lasts for 30 days.
STEP 1: Open the images that you want to use in Photoshop. I wanted to make an animated gif of me shoving JP over, so I opened the series of images (from our proofs from Matt Miller) that documented that awesomeness.
STEP 2: In Photoshop, create a new file that is the same size as the images that you’re going to make into the gif. In my case, they were 760 px by 507 px, so that’s the size I created.
STEP 3: Activate the image that you want to be the first frame in your animation. Make sure the Move Tool is selected, then click the image, then slide and drag it into your new and blank image. On your (now not blank anymore!) image, slide the image into place by dragging it around. You’ll notice that this image is now “Layer 1.”
Tutorial continued after the jump…


















