Topics
Alternative treatments in typography
Reference
Motion studies – Michael Jackson
Exercises
Practical workshop for final assignment
More motion tweening
Motion guide
Mask layer
Class 11
Review of the Dong L animation.
Today’s topics
Visualization of music
History of title sequence
Text and moving image
Reference
Exercises
Sample sound tracks
Sample video footages
Class 10
Dynamic Typography
RTHK design program
Basic motion design principles
Example movies
Flash introduction
Reference
Thaumatrope
Flip book
Len Lye
Line and cell animation
Stop motion animation
Rotoscoping
Exercises
Flash introduction
Rhythm visualization
Download the quicktime movie or flash video.
Sample text: 動L
Class 09
Web typography with CSS
Reference
Exercises
Use HTML tags to layout this sample page.
Use CSS to further improve the layout of the previous page.
Use this sample page for image and text. See if we can achieve this version or this one.
Sample photos for the layout.
Class 08
Introduction to the use of Type on screen
Common delivery platforms
Introduction to text in Flash
Reference
Class 07
Presentation material can be downloaded here.
Schedule
Review of the logo assignment
Introduction to Chinese calligraphy
Chinese typography fundamentals
Exercises
Layout one of the below Chinese poem with vertical text in Illustrator.
Layout another Chinese poem with experimental typography. Try also removing some parts of the characters such that you can still recognize the words.
Find one Chinese character. Use English alphabets to recreate the character. You can freely transform the English alphabets.
Class 06
Class 05
Presentation material can be downloaded here.
Remember to bring back your typographic journal that includes a number of good and bad typography examples.
Schedule
- Review and present the typography journal
- Logo design introduction
- Live trace exercise
- Transform the letters ‘abc’ or ‘ABC’ into any shapes you selected
- Logo design examples
- Abstraction and reduction exercise
- Short film about John Maeda
- Clock face re-design exercise (?)
Exercise material
Class 04
Presentation material can be downloaded here.
Reference
Josef Muller-Brockmann
Armin Hofmann
Odermatt & Tissi
Victor Moscoso
Zuzana Licko
Topics
- A short review of well known typographers
- Exercise 1 – continued from last week (creative layout)
- Exercise 2 – continued from last week (text poster)
- Graphical text & visual poetry
- Exercise 3 – create a visual poetry from the 2 choices
Remarks
Remember to bring your typography journal next week to share with us your collection.
Exercise material
Sample poem for exercise
SHE WALKS IN BEAUTY
by: George Gordon (Lord) Byron (1788-1824)
She walks in beauty, like the night
Of cloudless climes and starry skies;
And all that’s best of dark and bright
Meet in her aspect and her eyes:
Thus mellow’d to that tender light
Which heaven to gaudy day denies.
One shade the more, one ray the less,
Had half impair’d the nameless grace
Which waves in every raven tress,
Or softly lightens o’er her face;
Where thoughts serenely sweet express
How pure, how dear their dwelling-place.
And on that cheek, and o’er that brow,
So soft, so calm, yet eloquent,
The smiles that win, the tints that glow,
But tell of days in goodness spent,
A mind at peace with all below,
A heart whose love is innocent!
GOD SAVE THE QUEEN
by Sex Pistols
God save the queen her fascist regime
It made you a moron a potential H-bomb!
God save the queen she ain’t no human being
There is no future in England’s dreaming
Don’t be told what you want don’t be told what you need
There’s no future no future no future for you
God save the queen we mean it man (God save window leen)
We love our queen God saves (God save… human beings)
God save the queen cos tourists are money
And our figurehead is not what she seems
Oh God save history God save your mad parade
Oh lord God have mercy all crimes are paid
When there’s no future how can there be sin
Were the flowers in the dustbin
Were the poison in your human machine
Were the future your future
God save the queen we mean it man
There is no future in England’s dreaming
No future for you no future for me
No future no future for you
Class 03
Presentation material can be downloaded here.
Source text file for alignment exercise.
Source spreadsheet for form design exercise.
Topics
- Text alignment (continued from last week)
- Grid system
- Golden section
- Modular grid
- Form design
- Poster
Exercise 1
Illustrator text tool, with external text (download here)
Exercise 2
Expressive grid
Exercise 3
Text only poster for AVA information day
Exercise 4
Typography for spreadsheet
Reference
Posted in Uncategorized
