visual communication design
Typography 1


.............. ......... syllabus :: project one :: project two :: type workbook :: speech :: class blog ::

:- Adobe TV

Film Titles
:- Art of the Title
:- Saul Bass: storyboards

Early Motion
:- Duchamp
:- Duchamp and John Cage

:- Motionographer
:- Work For Herman Miller
:- Brain Sharing
:- Emerging Cities
:- Heart Desease

Stop Motion
:- The Seed
:- Making of the Seed
:- On Whiteboard

:- Clicktrack: Barnbrook
:- Animated Type Videos
:- Tragic peaceful death
:- Typographic movies

Various Student Projects
:- the world is under attack
:- famous speech
:- animation and poster
:- 100 American Speeches

Music/Sound Effects
:- a1freesoundeffects
:- partnersinrhyme
:- soundsnap
:- audiojungle
:- findsounds








Speech Visualization
Choose a “great” AUDIO speech. With the audio of the speech you have chosen, you will be creating a typographic expression/visual of the speech. The final designs are typographic visualizations of the speech. Each capturing the speeches mood, tone, intonation, emphasis, personality, feeling, stresses, pauses.
The intention is to create “visual” of the audio. We the audience should “see” the mood, tone, intonation, emphasis, personality, feeling, stresses, pauses of the speech.

The typographic solutions explore type size (scale, spacing, orientation, placement, text as a positive and negative. You reverse type. Keep in mind the design principles of closure, overlap (positive / negative), opposition/tension and cropping. Use space wisely, and consider how scale and spacing enhances the visual tone of your speech. DO NOT use drop shadows or distort (stretch or pull) type in either direction, or place type on a curve or in a cute shape. Keep in mind what you learned from your previous type projects.

Speech in Motion: Adobe AfterEffects (720 x 480 pixels)

GOALS: successfully visualize in typographic motion: expression, intonation, emphasis...
clear hierarchy, transitions, timing, unexpected, dynamic

FONT: 2 typefaces of your choice, from the “approved type list"
please have a reason for choosing the fonts you choose

COLOR: black and white + up to 2 additional colors and tints can be used

Imagery: you may incorporate other imagery but it should not be more important than the TYPE

SIZE: WIDESCREEN = 1920 x 1080

DURATION: 30 – 45 seconds
*select a 30 - 45 second segment of your speech, you picking a highlight.

AUDIO: you must use the audio of the speech plus you may add additional sound/ music.

Tuesday April 12
-- correct Jayahawk Ink books

READ/BLOG: Graphic Design New Basics. pg 30 - 39
Look at the next chapter Scale. and READ: Type and Motion pg 215 - 231.

For your speech...Examine/Describe/Dissemble the speech you have chosen. Keep notes as part of your process.
Type up and print out the following AND BLOG:
_ Who is speaking?
_ Why was/is the speech important to society?
_ Why do you feel in is important or interesting?
_ What is the emotion, mood, tone, personality, feeling of the speech?
_ What is intonation, emphasis, what is loud, stressed, or soft. Where are there pauses...
_ What do you FEEL should be loud or soft, long pause or rushed?
_ Is there a call to action? When listening to it what are key/emphasized words?
_ How does it make you feel?
_ How do imagine that the audience felt?
_ Could there be another interpretation of the speech?
_ Write/find a short bio, of the person giving the speech.
_ Type up the 30 - 45 seconds of the speech so you have it as text on an 8.5 x 11 sheet.

Begin to visualize what you discovered when you listened to your speech.
Using the real text.. create a series of 3.25 x 5 inch studies...

_ use just a small part of your speech and use as many 3.25 x 5 inch panels as you need to explore how to “show” your speech using just letterspacing and word spacing. Just want to get a feeling of the speech using just letterspacing and word spacing. Print them out.

_ add scale and weight to your study. save as and print

_ add value (color, tints, transparency, background color) to your study. save as and print

_ final study use scale, contrast, tension, rhythm. save as and print

In total you should have 4 sets of studies. all printed out. you can use as many pages as you need but do not put different studies on the same page. Studies should get better/ more interesting. No wrong answers except for not doing it. EXPLORE using only type!

Thursday, April 14
Edit sound for Aftereffects: edit in aftereffects

Working in class, have your earphones, paper, pens...*make sure you bring headphones for every class.
Working in class on dissecting type and "what is sequence"

Listen to your speech (at least 3 times) and take notes/ mark up a printout of your speech to show: intonation, emphasis, what is loud, stressed, or soft. What is intonation, emphasis, what is loud, stressed, or soft. Where are there pauses...

*Start your homework in class be very clear what the expectations are before you leave!

READ: type in motion
Practice Animators use one word and follow along with the animation. Try to get it to work.
Dropbox for video

Using what you discovered in your studies start to think about the speech in a sequence. Use the attached file to create the 3 storyboards. The "frames" are key frames what is currently on the screen. Create 3 “interpretations" of your speech. The goal of the variations are to express: mood, tone, intonation, emphasis, personality, feeling, stresses, pauses... Use no more than 2 fonts from the

_ Choose fonts that match your speech. Have an opinion on why you chose the fonts you choose.

Each variation should make the visualization more...
_ dynamic,
_ interesting and
_ clear.

Each should represent
_ what the speech sounds like.
_ Use a grid/horizontal pull/clothesline to pull us through the frames.

_ Explore contrast.
_ Vary type size,
_ orientation,
_ spacing,
_ placement,

as well as
_ reverse type,
_ omit,
_ slice,
_ block,
_ overlap words or
_ letters.

_ DO NOT use drop shadows or distort (stretch or pull) type in either direction, no cute shapes..

Have all 3 pages printed out and pinned up when class starts

Tuesday, April 19
small group crits on storyboards
aftereffcts demo and garage band demo

Aftereffects Tranisitions: please practice scale, moving text, easing, transparency, masks. Make sure you know how to do those transistions. So practice. Do them. Save them. Render them and put them on the server (this is part of your "process grade" for the project. Please do it and get it onto the server You can use what you did in class or make new. Only asking you to do this so that you know how and are gettign more comfortable in AfterEffects. Use if you are completely lost. Start with the basics until you are comfortable with using key frames.

Aftereffects Round 1: build your first animatic in aftereffects. Use the WIDESCREEN = 1920 x 1080
Round 1 animatic means put all your text into aftereffects and get it close to being matched up to the sound. Words can stay on the screen when others come on. Just get all the words on scree. DO NOT ANIMATE (ie do not make any transistions) type will just flash on and off the screen.
Render and put on the server in the folder = Round_1_and_TransistionStudies name the file:

*yes that means 2 different movies are going on the server. Get them on the server before class starts.

Bring your storyboards to class. If you refined them based on feedback print out the refined storyboard.

This project will take around 25+ hours to finish so use your time wisely. You will need it.

Thursday, April 21
class crit

aftereffects round 2: begin to animate the speech work on the sections that have the same transitions. Work on adding transistions to the entire speech. Remember the refinements are in waves. You work through the speech. Then on details. Then on the entire speech again. Do not get stuck working on one section for hours. This is a waste of time. If you are stuck on a section move on and then ask in class how to do something.
Render and put on the server

Refine your storyboard. Save as a pdf.

Tuesday, April 25
class crit: looking at first round 2

aftereffects round 3
: have your speech fully animated and more refined. Refine sound so it is smooth, fades.... Render it as Quicktime and put it on the server.

Thursday, April 27
class crit: looking at first round 2

aftereffects round 4 (last round):
Continue to refine motion.
Render it as Quicktime and put it on the server.

add last frames: speech name, date of speech, your name, university of kansas, professor Herstowski, ANY music or image credits. Render it as Quicktime upload it to the server so we can watch them on Tuesday.

Tuesday, May 3: PROJECT DUE
Watch and crit videos. Have your videos final videos on the server. Upload to Vimeo. Post to your Behance page.

see below

No Class Thursday work on getting all this ready for the Review...


Friday May 6: REVIEW
all projects from the entire year on the wall and/or table by 9am. You have to be set up and gone by 9am. You can start setting up anytime after 5pm on Thursday. Pick up ALL your projects by Monday! no exceptions don't leave it in the rooms it maybe tossed.

Jeremy's 11:30 section put your work up in 203D

Jeremy's 2:30 section put your work up in 203A

You each get a table and a panel use your space wisely. You have to show ALL your projects from both semesters and all VISC classes (202, 204, 302, 304). You can stack work on the tables, chairs. go high. But make sure it looks as professional as you can.

*MAKE sure your LULU workbook is on your table. I will pick it up to do a final grade.