How To Make An Animated GIF With Photoshop

If you only have access to Photoshop but want to make a .gif, heres a quick tutorial:

1. Save your image sequence into a folder.

(eg. The folder "chewingSequence" contains: "chewing01", "chewing02", "chewing03" ....... etc ..... "chewing20")

2. In Photoshop go to "File => Scripts => Load Files into Stack".

3. In the menu change the "Use" from "files" to "folder".

4. Click "Browse" and find the folder where you saved the image sequence .

(eg. "chewingSequence")

5. Click "OK" and wait for the images to be imported.

6. In the top menu click on "Window => An

imation".

(this will bring up the animation palette)

7. In the top right corner of the animation palette click the downwards pointing arrow icon and select "make frames from layers".

8. Then click "Reverse Frames" to get the frames in the right order.

9. Go to "File => Save for Web & Devices".

(here you can optimize and preview your animation)

10. In the top right of this new window select "GIF".

11. And finally click "Save" to export and name your animation.

For displaying GIF animations on Blogger

if you try to upload the .gif image sequence directly to blogger it will appear as a still image like so

12. Upload your .gif onto Google Sites (you can use Photobucket but Google Sites is easier)

13. Once the animation is uploaded onto your site, click "view" to view the .gif.

14. "select" and "copy" the url of your .gif.

15. Click the "add image" icon in the blog post creation window in blogger.

16. "paste' the url of your .gif into the "add an image from the web" box.