Hello there! Golf Thewlis here with another installment on animated GIFs! GIFs are great as humourous ads or inserts for your web page but how do you make the little bastards? I haven’t got a clue so I’m going to hand this over to one of the technical people at Blunt who know a bit about computers. Go on there…
A lot of programmes like After Effects and Premiere have the ability to save your movie as an animated Gif. But for this tutorial we’re looking at how you to make an animated Gif from scratch using CS4.
It’s a good idea to have a think about your Gif before you start with CS4. Most GIFs work as loops so they appear to repeat the same action for ever. Using this as my starting point I found the famous photos Muybridge did of the nude man walking (“That’s walking” – Golf). In this example I’m using a series where the nude man is going up the stairs.
Using Photoshop I made each frame into a layer. I also altered each frame to make it look as if the nude man was forever ascending the stairs.
Now go to the Window tab and choose Animation.
This will open up a timeline like the one in the picture underneath.
Now click on the little menu button at the right hand side of the animation timeline. This will bring up the option of turning your layers into frames. Do that and you will see the frames gathered on your timeline.
On each frame you can adjust the length of each frame. Fiddle around with this option to make sure your animations aren’t too fast.
Now it’s time to save your image. Go to Save for Web & Devices. Make sure you save it as a GIF. In the right hand bottom corner there is a choice of whether you want to have your animation play once or forever. I’m choosing to have it set on forever so it will be on a continuous loop.
Here’s the finished piece.
Filed under: Animation | Tagged: animated Gifs, Animation, CS4, CS4 tutorial, GIFs, How to make animated GIFs, man going upstairs, Muybridge man, Photoshop and GIFs, photoshop tutorial | Leave a comment »