Looping Gif

In this project, students will explore basic animation techniques using Photoshop timeline.

  • First, Students will create a practice loop of a bouncing ball to get familiar with creating layered animation frames.

Here is a quick overview on how to create an animated GIF.

Written instructions for creating a gif in Photoshop.

Here is my instruction video with example.

Setup for timeline:

  • Go to the motion settings on the top setting bar or go to window- click on Timeline.
  • Click on the setting icon (it looks like a gear). Make sure the “Loop Playback” is clicked on.
  • Then, go to the three lined icon on the far right, click on the icon for drop down menu.  Click on “Set Timeline panels”  and type in 12 fps (frames per second).
  • Remember each layer is a frame for the video.
  • Next, students will brainstorm and research their own idea for a short (at most 25 frame) looping animation. Open and print out the worksheet to plan your idea.

Storyboard for animation and video

Get some ideas at Loopdeloop http://www.loopdeloop.org/

  • Third, students will start to draw out their idea using layers for each movement.  The background can change or stay the same.  If it is a changing background you will have several background layers too.

Make sure to make subtle changes to each frame.  Then, turn down the opacity to 30% some you can see the ghost of other movements.  It can be simple shapes and figures, but the movement must make sense.

Things to think about… What if you changed the background and not the subject, would there still be movement?  How could you use text?  You don’t have to, but it is an option. Who or what is your subject?

The Final loop can be 3 seconds long. It can include sound.

Saving Gif Tips: Adobe Tips for Gifs and video exporting

Reflection of Work

Type the reflection in a word document.  Print it and place it in your Weebly.  The reflection should be four short paragraphs.


  • What exactly do you see? Describe your Gif.
  • What are the facts (title, artist, date made, medium, subject, etc.)?


  • How are the things you described related to each other? How does the music, background, and subject work together?
  • How are the things you described working (or not working) together?
  • What elements of art are used? How are they used?


  • What is the artist trying to communicate?
  • How does this make you feel?
  • What does this work make you think of?


Is it successful? Why?Why not?

Explain your thoughts about your final work in detail.