Close All Laptops Please

Only the right section of the class may use their laptops.

Making Things Move

The Final Countdown

Just an overview of the next couple weeks:

Take-home Exam

The take-home exam will be delivered through Canvas, like other quizzes.

In-Lecture Exam

Both parts of the final - take-home and in-lecture - exams will be more about critical capacity than ability to pull information directly from readings or lectures.

P03 Introduction

Your final assignment allows you to approach a topic of interest to you. Based on this topic, you will develop and communicate message using your choice of:

  • Digital photography
  • Photo essays
  • Text+image combinations
  • Graphic narratives
  • Flipbooks
  • Stop-motion
  • Interactive narratives

Interactive Narrative

An example of a simple interactive narrative: Pup Ponders the Heat-Death of the Universe

P03 Process

How you explore the process is up to you, but some of the tools you may want to employ:

  • sketching
  • brainstorming
  • action verbs
  • mind mapping
  • research
  • storyboarding
  • iteration

Not Permitted

Video and sound are not permitted in this project.

P03 Materials

You may work with other's materials for this project, but any materials that are not your own must be cited, as well as any visual materials that are not yours must be reworked in a way that clearly demonstrates your own design considerations.

When in doubt, talk to us.

Flipbooks

Flipbook Animation Examples

Photo Flipbooks

Photo Flipbook Animation Examples

Flipbook Pieces

Components of a flipbook:

Images

A flipbook of photographs?

A Stop-motion Example

Animation Basics

Timing

The speed of an action, which gives meaning to the movement.

Smooth Timing

To achieve smooth animation, a pair of keyframes may have hundreds of frames between.

Drawing

Key Frames

Much like our storyboards, you should plan the major changes.

Consider:

  • Fast+slow moving imagery
  • Changes in scale
  • Morphing
  • Moving off the page
  • Interactions

Key Frames

Create your own keyframe storyboards.

Consider:

  • Fast+slow moving imagery
  • Changes in scale
  • Morphing
  • Moving off the page
  • Interactions

Anticipation

Using anticipation you can prepare the audience for an action. While a lack of anticipation can create a sense of surprise.

Easing

Things don't move at a constant rate, they have to accelerate (ease in) and decelerate (ease out).

Exaggeration

Perfect imitations of reality can look static or dull. You want to use exaggeration to emphasize.

Squash & Stretch

Squashing and stretching objects gives them a sense of weight and flexibility.

Visual Communication and Motion

Motion Ui Design Principles (Beyond Kinetic)

Flipbook Advertising

Audi Q5 Flipbook Advertising

Make Your Flipbooks

Translate your storyboards into flipbooks.

Participation

Complete your flipbook and then bring it down to show to one of your TA's for today's participation grade.

P03 Questions

We will now give you time to pose any one-on-one questions or bounce ideas for P03 off us.

For next week

Please remember!

  1. Bring a camera to next week's lecture
  2. Complete Quiz 4

Stop.
Move.

Interact.

How to Contact Andrew

Office Hours:

Otherwise: