Instructables

How to Create an Animated GIF in Photoshop CS5

WELCOME !!
 
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. 

micnerd2 months ago

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

Nikkisaurus (author)  micnerd2 months ago

hey yo thank you :)

Mr. Noack1 year ago
http://www.headgearanimation.com/work/show?project_alias=seva_canada

check out this link
Kiteman1 year 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)  Kiteman1 year 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)  Kiteman1 year 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)  Kiteman1 year ago
I've fixed the problem, the file size was too big. It should work now.
:-)
Nikkisaurus (author)  Kiteman1 year 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!!!
Pro

Get More Out of Instructables

Already have an Account?

close

PDF Downloads
As a Pro member, you will gain access to download any Instructable in the PDF format. You also have the ability to customize your PDF download.

Upgrade to Pro today!