A cinemagraph showing reeds waving in the wind.

The Graphics Interchange Format (GIF) is a bitmap image format. The format can support the compilation of a sequence of still images and when played back, it generates a moving picture. GIF animations are gaining popularity again as a form of creative expression and as a method to use moving pictures to illustrate or explain concepts. In this section, you will create your own animated GIF from a sequence of still frames.

summary

Mini challenge

Summary: Generate an animated GIF from still image frames
Time7.svg
1.5 hours

Moving images (without sound) is the next modality in this learning pathway on creating media.

Start here

web resources

Stimulus resources

The following animated GIF examples illustrate the utility of moving pictures to illustrate concepts. In this challenge you are not required to produce complex animations. However, simple animations can add value to the online media you produce. (Click on the image to view the GIF source file on the Wikimedia Commons and use the back button of your browser to return to this page).

ARVE Error: maxwidth: 425px is not valid

Note, the following video does not have a sound track.

ARVE Error: maxwidth: 425px is not valid

objectives

Purpose

The purpose of this mini challenge is to develop and improve your digital skills in creating media using the animated GIF format.

(Note: You are not required to produce sophisticated or complex animated GIFS. The intention is to think creatively within the constraints of your current level of expertise.)

Tasks

A simple animation created by adding the letters and text to separate frames to generate an animated sequence.
  1. Think about an authentic application for your animated GIF, which could be used in your multimodal presentation assignment for this microcourse. For example:
    • A cinemagraph for subtle visual interest in a professional presentation.
    • A diagram or graph where changes in colour can be used for emphasis or attention during a written or verbal explanation.
    • A short screen cast showing how to navigate a website with text inserts or highlights to provide support.
    • An animation for marketing promotion in social media, for example a Twitter post.
  2. Note: There are online web services that will automatically convert video files into animated GIFs. You shouldn’t use this approach because the learning output actions require a blog post showing examples of the still image frames you used to generate the animation.
  3. You are free to use any graphic software package with the capability of generating animated GIFs from still frames. GIMP is a good open source software option. Download the correct option for your operating system and install the software.
    • You can use graphic software that you are familiar with to generate the images, and then open them in GIMP to generate the animination. In GIMP, select all the image files you created (these should be number sequentially, e.g Imagename01, Imagename02, Imagename03 etc) and use: File -> Open as layers.
    • Search online for help resources and tutorials if you’re not sure what to do.
  4. Export your image sequence as a GIF following the instructions provided in the stimulus resources above.

Outputs

activity

Learning output actions

Example blog posts

Animated GIF generated from photographs by Alan Levine

Publish a short blog post (about 300 words) sharing the process you followed for generating the animated GIF, including a short comment on why you chose the subject matter.

  1. Your blog post should:
    • Contain at least two of the still frames you used to generate the animation.
    • Embed the resultant animated GIF.
    • Summarise the process and tools that you used.
    • Provide a personal reflection on your experience with this creative process.
  2. Remember to tag or label your post using the course code: LiDA104
  3. Upload a copy of your animated GIF on mastodon.oeru.org or Twitter with a creative caption using the hashtag #LiDA104image