Animated GIF

In todays workshop, we were taught how to create an animated GIF in Adobe Photoshop. We were provided with ‘Sprite Sheet‘ to use. A sprite sheet is a series of images – usually of an animation all put into a larger image. You then insert each separate image into photoshop, making sure they are all on their own layer. Next, you have to make sure the timeline is visible and make each layer a different frame and you can alter the speed of the animation by selecting all the frames and clicking on the seconds drop down button. Next, you have to reposition all the images so that the animation makes sense. To do this, you have to make sure you move the right image on the right layer so that it flows.


Screen Shot 2014-10-13 at 15.30.06

We were given a man walking as our animation, however, when you played it, it went backwards. To fix this problem you have to select all the frames, right click and select ‘reverse frames‘. Finally you can set how many times the animation plays, in our case we did an infinite loop so it kept playing until you close the GIF.

Screen Shot 2014-10-13 at 15.30.14

Screen Shot 2014-10-13 at 15.29.54

This workshop was really helpful when uploading our own animations and turning them into GIFs. The process was fairly easy to get the hang of and by taking screenshots allowed me to look back on the workshop and check that I was doing each stage correctly – saving time.



Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s