Contents [show]
Typography in Motion
Select a short quote that you will animate using either InDesign or Photoshop
Uploads of final type in motion files and PDF of casebook; explain your work; research and concept as related to research and your design choices.
Motion
Type Research:
Find examples of motion typography
Select a short quote you will animate sample you could choose from follow
Start concept sketches
Bring examples, concept sketch and any native files to class
Specifications:
I. Bring ALL native files to class
You will work in class to refine project. Bring file as well as your casebook native files. Y
II. Upload to Google Drive Project 4 Folder
A. Create a NEW FOLDER
your “Lastname_FirstName_Project 4”
B. Final version of your type in motion project
Name file: “lastname_firstname_p4.swf” or “lastname_firstname_p4.html” “lastname_firstname_p4gif”
C. A Digital Casebook File
For this project you will ONLY upload a digital casebook. With all related materials: page one; brief description page two; final concept board, concept sketches, reference etc. Document does not have to be a designed document but should reflect your design process. Must be saved as a PDF.
Name Casebook file: “lastname_firstname_pcb_4.PDF”
Design Process
The animation should be no shorter than 15 seconds and no longer than 60 seconds.
1. STORYBOARD –
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.
2. CREATE DIGITAL ASSETS –
Create the artwork for the steps that is to be animated.
3. PRODUCTION
Use InDesign or Photoshop
I. Research & Discovery
Reference: Do online research
Get a job folder to place all research, sketches reference and related items.
II. Storyboarding and Conceptualizing
Do a brainstorming activity and idea to generate ideas for your design concept. Using your research, graphic and conceptual sources, begin designing.
Create concepts. These should be quick sketches that highlight a concept/idea.
Design Resources
Reference
Related Videos
Word as Image
Vimeo Type
Kinetic type Channel
Art of the Movie Title
Kinetic Type Examples
Day O Kinetic
Kinetic Typography Resources
Animation InDesign
InDesign basics
adobe.com/contentcorner
InDesign: Creating Animations
Animated GIF Photoshop
Fade in/out GIF
fadein out animated GIF
Animated Loading GIFs
Animated GIF Tween
LYNDA.COM
play list animation Brooklyn Public Library
Quotations
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
