Quiz 2
Writing for the Web:
accessibility: web-safe fonts
Some fonts are better for web and some are better for print.
Georgia is a better font because it fits into the pixels better.
Concise
Road map : a series of subheads and bolded inline text.
* Inverted pyramid writing.
Punctuation:
quotes, apostrophes
dashes
hyphens
alignments
ellipsis
Motion Graphics:
Names
Aspect Ratios - tv 4:3 cinema 16:9
conversion between them (letterbox etc)
Safe Areas
Tuesday, December 7, 2010
Tuesday, November 30, 2010
Homework Stuffs
Only use futura bold or century gothic bold.
---------
in Illustrator
types > glyphs - shows you all the available ligatures and other stuffs
for the hw.project you don't have to create outline the text in order to distort it.
booyah
homework:
Choose 2 words and pick two words of your own.
You don't have to print and mount it.
Word Project
---------
in Illustrator
types > glyphs - shows you all the available ligatures and other stuffs
for the hw.project you don't have to create outline the text in order to distort it.
booyah
homework:
Choose 2 words and pick two words of your own.
You don't have to print and mount it.
Word Project
Tuesday, November 23, 2010
Class notes
Title Sequence - film, tv, video game
-thumbnails (several different ideas, by hand)
-roughs (more sketches but work all the way through)
(15-20 frames)
- final digital (illustrator)
----------------------------
1. dimension - aspect ratio
4:3 (old television ratios)
16:9 - cinema proportions
1.33:1 (good for talking heads, good for when the shots is constantly moving)
1.78:1 (longer shot, lawrence of arabia like scenes)
Computers
640 x 480
800 x 600
1024 x 768 (average)
1600 x 1200 (metropolitan areas)
1920 x 1600
---------
2.Conversions
To make 4:3 fit into cinema:
Stretch:
4:3 image stretched to fill a
16:9 screen
http://www.crutchfield.com/S-0cqnSOWVTe4/learn/learningcenter/home/aspect_ratio.html
Letterbox: When you take large format and shrink it down to fit smaller.
Crop:
Pan and Scan : zooming in on particular images/shots
--------------
3. Safe Area
put them in the middle so they don't get chopped
basic rule of how long to leave the words on the screen - long enough so that you (the designer) can read through it 3 times over (this is about how long someone else who has never read the text before takes to read it for the first time)
----------------------
-----------------------
http://notcoming.com/
http://notcoming.com/saulbass/index2.php
-thumbnails (several different ideas, by hand)
-roughs (more sketches but work all the way through)
(15-20 frames)
- final digital (illustrator)
----------------------------
1. dimension - aspect ratio
4:3 (old television ratios)
16:9 - cinema proportions
1.33:1 (good for talking heads, good for when the shots is constantly moving)
1.78:1 (longer shot, lawrence of arabia like scenes)
Computers
640 x 480
800 x 600
1024 x 768 (average)
1600 x 1200 (metropolitan areas)
1920 x 1600
---------
2.Conversions
To make 4:3 fit into cinema:
 |
| 4:3 with pillars |
Stretch:
4:3 image stretched to fill a
16:9 screen
 |
4:3 image zoomed to fill a |
Letterbox: When you take large format and shrink it down to fit smaller.
Crop:
Pan and Scan : zooming in on particular images/shots
--------------
3. Safe Area
put them in the middle so they don't get chopped
basic rule of how long to leave the words on the screen - long enough so that you (the designer) can read through it 3 times over (this is about how long someone else who has never read the text before takes to read it for the first time)
----------------------
-----------------------
http://notcoming.com/
http://notcoming.com/saulbass/index2.php
Subscribe to:
Posts (Atom)