Wednesday, September 28, 2011

New Assignment: Make an animated Gif

Hello Students,

Making an animated Gif is super easy. You can make fun simple animations with ease, create one to add to your blog. Make sure you display the image at 100% or

How to make an animated Gif with Photoshop CS5:

  • Launch Photoshop
  • FILE / OPEN a new document at your desired size, I made mine at 200X180 Pixels. It's a good idea not to make Gif files too large, otherwise they can take along time to load over an internet connection.
  • Your animation can be a series of images, photos etc. You can hand draw each frame the animation also. The key is to set up separate layers that you will turn into frames of animation.





  • Go to the WINDOW / ANIMATION palette and set up your frames across the timeline. Drag the ends to begin and end a frame. Use the play button to watch the animation.






Go to FILE / SAVE FOR WEB AND DEVICES to export your animation as an animated Gif file. Make sure to set your looping options.



Open your Gif file in a web browser to test it. Here's my result:



- Mr. W