cyclical animation

Christina Lysko

Kyle Richer

Create a roughly 5 second repeating animation that uses typography and shows comprehension of the 12 principles of animation. Through creative use of color, movement, gesture and quality of image and form, the artist will create a looping animation that clearly communicates a message or an emotion to the viewer.

The piece will be reviewed based on craft, concept, innovative expression, ability to communicate weight and materiality through movement, and the empathic read of your audience.

RISD examples:

pat |after/image | snow/travel | woah | drop | jumping jack

Professional examples

There’s something about animated type that feels deeply personal… Letters start to take on lives when they saunter, shout or skip.

Our computers and phones are awash with movement. Images and typography repeat and change ceaselessly. Even sites and apps themselves slide and snap into place as we rollover, swipe, scroll, and tap.

The goal of this assignment is to engage with typography and words at a unique depth, instill an awareness of interpretive typography, as well as an understanding of how context and movement mold typographic potential.

PROCESS

IMAGE DEVELOPMENT

Explore a variety of approaches and media. Be inventive and push your creativity. Explore and perform typographic experiments using a variety of 2D and 3D materials and processes. Look at ways of hybridization working back and forth between physical and digital making. 

All imagery created must be your own. You may use any combination of processes and imagery this may be accomplished by lettering, drawing, illustration, photography/video, stop motion, 3D built, collage, etc. Letters may be based on existing typefaces, however I highly encourage you to experiment with the form itself. 

Consider implementing a different method for each animation and/or creating a visual system that connects them. Formal aspects such as, type style, image, composition, color, texture, shape, perspective, weight, scale, foreground/background – are all vital in how your pieces might relate. 

STORYBOARD | The first step in creating an animation is storyboarding your keyframes. 

The storyboard is a sequence of drawn or image panels that depict the main sections of your animation, also called keyframes. What you want to think about here is what is going to be on the screen when and how it is going to enter, move and/or exit your screen. 

DELIVERABLES + FORMAT

  • Photoshop, After Effects, CSS animation
  • RGB or RGBA color profile
  • no smaller than 300 x 300 px, no larger than 640 x 480 px
  • .mov files preferred. .gif files are smaller & loads faster, but it limit colors and isn’t an acceptable file format in some places
  • Must loop seamlessly, with no obvious beginning or end
  • After Effects: MP4 or MOV,  frame rate 24 fps reduces file size without losing quality