Animated gif photoshop cs5 mac how to#

This will do the same thing as copying a layer back in the layers menu. This is where you can see if you've made any mistakes, or if you need to add more frames-if this is the case, you can just click the icon at the bottom of the timeline that looks like the new layer icon. Now if you hit the play button at the bottom left of the timeline, you can see your animation play though. This will turn all of your layers into frames in an animation. all of your images may be jumbled into one, so what you should do is go to the top right of that timeline and look for the menu icon (looks like an arrow pointing down will four lines), click it, and then select 'Make frames from layers'. In Photoshop CS5, if you go to Window>Animation, a snazzy little timeline will appear at the bottom of your screen. So, you've managed to draw frames that you think will become a beautiful animation. When you have finished one frame, click and drag it to the 'new layer' icon again and continue. Remember, the most frames you use, the smoother and moreР’В realisticР’В the animation will be. On your second layer, you can start to paint over and add subtle differences to show your subject is moving. Now the first layer, your background, has become your first frame n your animation. This will create an identical layer over top of the last one and there will be no transparent spots. When you're satisfied with your drawing, go over to the Layers menu at the bottom right of the screen and drag and drop this first layer over the 'create new layer' icon (looks like a little piece of paper with its corner folded up). Like glass, if you cover the whole layer, you can't see the last frame underneath, but if you erase, you take the 'paint' off, so if you make a mistake, draw over it in the background colour or something. This isР’В crucialР’В in animation, because you can create 'frames' with layers, but in order for it to work, you have to make sure none of your layers have transparent spots. Each time you add a new layer, its a new, transparent sheet of glass, and each time you draw on the layer, it will cover up whatever is underneath it.

The first layer is the background, and you can't delete it. Layers are like sheets of glass you place over one another. I use the little colour swatch thing at the bottom left to chose the colours for her dress, hair and skin.Р”В«efore you go any further, let me explain layers, because they are most important when animating. Then I chose the brush tool and drew the back of the girl I'll have turn around. What I've done here is chosen a colour I like, in this case dark blue, and used the fill bucket to create the background. For the sake of the instructable, I'll leave it very simple. You can animate anything you want with Photoshop, but for now, I'm just going to use a girl turning around. 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. This makes the image less blurry and I can do more detailed work. I also change the resolution to 300 pixels/inch. 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'. This will open a menu that asks you what you'd like your new document to look like.

All you have to do is open Photoshop and go to File>New, or hold Ctrl+N. Opening a new animation is just like opening a regular photoshop document. Don't getР’В frustrated or discouraged, everyone started somewhere, and once you get the hang of it, it's really more fun than work.Р”В¬ongratulations, 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. If you aren't driven to finish a project, it may never see the light of day. Animation is a long a tedious process, but the end result is worth it.

Animated gif photoshop cs5 mac how to#

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