Assignment 12-Project 4


Typography in Motion

Final Due Last Class
Upload to Google Drive

Select a short quote or verb that
You will animate using either Photoshop animated GIF or InDesign
No imaging only typography

DUE Next week


Storyboard initial sketches and bring in print out of storyboard.

Digital Assets

Create any initial digital assets for this project.

Native Files

Bring any native files to class we will work in class


Type in Motion
Kinetic typography is different from static typography

Assignment: Visually represent your selected quote or verb by expressing the content with typographic elements.
Consider variables and spoken word as it related to your animation
typeface, type size, weight, color, focus, orientation, location;
entrance, performance, exit; sequence, speed, transition, transformation,
emotion, feeling, atmosphere, interpretation.
Read your copy out loud, hear how it sounds Then think about sounds, any breaks or pause in pronunciation. you can work from that to visualize your text.


Design Process

The animation should be no shorter than 15 seconds and no longer than 60 seconds.

1. Select a short quote, a verb or noun, you will animate. Start concept sketches

2. Type Research: Find examples of simple type in motion
Get a job folder to  place all research, sketches reference and related items.

The first step rough sketch or storyboard a sequence of panels showing main steps. You are showing what is going to happen in main steps. The drawings don’t have to be great, just clear.

Create the artwork for the steps that is to be animated.

Use  InDesign  or Photoshop

6.  Bring any native files to class
You will work in class to refine project. Bring  file as well as your casebook native files.



Upload to  Google Drive Folder
 Project 4 Google Drive
A. Create  a NEW FOLDER
your  “Lastname_FirstName_Project 4”

B. Final version of your type in motion project
Name file: “lastname_firstname_p4.gif”
“lastname_firstname_p4.swf” or  “lastname_firstname_p4.html”


Quotations you could choose from or select your own

“I can, therefore I am.” » Simone Weil

Write something worth reading or do something worth writing.
Benjamin Franklin

Be the exception

Well done is better than well said
Benjamin Franklin

I walk slowly but I never walk backwards
Abraham Lincoln

“I hear and I forget, I see and I remember. I do and I understand.”

“Wherever you go, go with all your heart.” » Confucius

“Everything you can imagine is real.” » Pablo Picasso

“Do what you can, with what you have, where you are.” » Theodore Roosevelt

“Eighty percent of success is showing up.” » Woody Allen

“Never, never, never give up.” » Winston Churchill

“The best revenge is massive success.” » Frank Sinatra

“If you dream it, you can do it.” » Walt Disney

References  Class Pintrest Page samples

Vimeo motion Type Section


Animation InDesign
Annimated GIF  Tween fade between fades

Annimated GIF  Photoshop

Create animated GIFs with Photoshop

Fade In & Fade Out an Animated .GIF in Photoshop


Animated GIF  Photoshop

Fade in Fade Out  Animated GIf

Animation InDesign

Create animations using Adobe InDesign

Combining Multiple animation effects InDesign


References  Class Pintrest Page samples

Vimeo motion Type Section



Animation InDesign

Create animations using Adobe InDesign

Annimated GIF  Photoshop



Leave a Reply

Your email address will not be published. Required fields are marked *