Picture of How to Create an Animated GIF in Photoshop CS5
Remove these adsRemove these ads by Signing Up

Step 1: Step One: Are you Prepared?

Picture of Step One: Are you Prepared?
Before you can start your animation, you must ask yourself a few simple questions:
Do I have hands to hold a mouse or pen to draw with? If you answered yes, you may continue.
Do I have a computer, and does it have Photoshop on it? If you answered yes, you may continue (but I'll take this time to say that the instructions I give you may not work for all types of Photoshop, I'll only tell you how to do it in CS5, but the procedure is similar is other types)
AND MOST IMPORTANTLY: Do I have a desire to animate? If you answered yes, you may continue, but first let me tell you why this is the most important. Animation is a long a tedious process, but the end result is worth it. If you aren't driven to finish a project, it may never see the light of day. Don't get frustrated or discouraged, everyone started somewhere, and once you get the hang of it, it's really more fun than work. 

Congratulations, if you've made it this far, you are ready to animate, let's get going then, I'll just show you what you need to open.

Step 1.5 : Opening a New Animation: 
Opening a new animation is just like opening a regular photoshop document. All you have to do is open Photoshop and go to File>New, or hold Ctrl+N. This will open a menu that asks you what you'd like your new document to look like. In the width and height boxes I usually put in 8x8 by typing 8 in both spaces and changing the drop boxes parallel to 'inches'. I also change the resolution to 300 pixels/inch. This makes the image less blurry and I can do more detailed work. When I change the animation into a GIF at the end, the resolution will go back down to 72px/inch, so you can leave it if you prefer. 

mya.i.rowe2 months ago

ayyyy thanks for the instructions!!

nadchoo made it!4 months ago

Thank you for the instruction!!! I finally made a short animated gif for the first time!! :"D

Nikkisaurus (author)  nadchoo4 months ago
first of all, thats adorable, second of all, OMG THATS REALLY ADORABLE
im so glad people are usingg my instructable to discover new things, :')

THANK YOU SO MUCH :''''') it's all thanks to you that i finally made
it!!! i'll create more and be sure to let you know if i did!!! i'm
totally curious about the adobe flash too, but i'll get a hang of this
first! :3

So this is my first time doing this as well and im just curious, when I save the final outcome I try and send it through an email the GIF itself wont show up. it's showing me a blank page and I'm just curious if theres another way to export it so I can send it. Any help would be greatly appreciated.

Nikkisaurus (author)  brandon.wayne.7771584 months ago
Perhaps the file is too large for email? Maybe uploading it to an image sharing site like Imgur and then copying the link into an email would be better. Keep me posted on what you find :)

Im gonna try that, thank you :D for some reason it wasnt showing up when I was saving it as a GIF, but I sent it to someone and it worked, so I think it all worked out (:

Thank you again for your help, im used to getting ignored when I ask these things online xD

FaerinaM made it!6 months ago

Thanks! very simple and guideful. Here's the 8-frame i've made

micnerd1 year ago

You are amazing this tutorial was so easy to follow! Thank you!!!

Nikkisaurus (author)  micnerd1 year ago

hey yo thank you :)

Mr. Noack2 years ago

check out this link
Kiteman2 years ago
All this on how to make an animated GIF, but I don't actually see an animated GIF?

They do work here:
parking animation.gif
Nikkisaurus (author)  Kiteman2 years ago
I'm sorry, this is my first Instructable, so i don't know how to do many things with it yet. I tried multiple times to attach the GIF on the end of the Instructable, but it wouldn't move. There was no problem with the file it worked fine, so it wasn't that. If you had looked through the entire Instructable, you would have seen that I embedded a Youtube video at the end, showing the moving GIF.
Thanks for your input though. :)
You just upload it like a normal image, and attach it to a step the same as any other image.
Nikkisaurus (author)  Kiteman2 years ago
Yes, i know, but it wasn't moving. There was definitely a problem somewhere, ad i couldn't figure it out. If the video is a problem, i can try again, but i don't see why it would make a difference, the point is that its there for you to see.
The video isn't a problem in itself, it's just you promise a GIF, not a video.

Animated GIFs don't usually start moving until you look at the final version - give it a go.
Nikkisaurus (author)  Kiteman2 years ago
I've fixed the problem, the file size was too big. It should work now.
Nikkisaurus (author)  Kiteman2 years ago
Alright, i'll try again.
I'm sure that it's a minor glitch. Your instructable will only be that much better once your GIF is uploaded properly. Great work!!!