Designing With Type part 2

Post on 24-Feb-2016

45 views 0 download

Tags:

description

Designing With Type part 2. During Middle Ages books were called…. papyruses illuminated manuscripts scrolls calligraphy What does “Illuminated” mean?. The first printing press was invented…. by William Caslon in 15 th century in 18 th century b & e by Johannes Gutenberg a & c. - PowerPoint PPT Presentation

Transcript of Designing With Type part 2

Designing With Typepart 2

a) papyrusesb) illuminated manuscriptsc) scrollsd) calligraphy

What does “Illuminated”mean?

During Middle Ages books were called…

The first printing press was invented…

a) by William Caslonb) in 15th centuryc) in 18th centuryd) b & ee) by Johannes Gutenbergf) a & c

Name 2 main type categories

a) ascender and descenderb) Serif and Sans Serifc) cold and hot metal typed) none of the above

Which fonts are older,Serif or Sans Serif?

Leading – spacing between linesThis term derives from “hot type” typesetting (strips of leadwere placed between lines of type) and refers to the amountof spacing between lines of type.

This term derives from “hot type” typesetting (strips of lead

were placed between lines of type) and refers to the amount

of spacing between lines of type.

This term derives from “hot type” typesetting (strips of leadwere placed between lines of type) and refers to the amountof spacing between lines of type.

Leading – spacing between lines

How much leading?One rule of thumb suggests adding about 20% or around 2 points to the point size of your text as a starting point for adjusting line spacing. Less is generally too crowded.

Type size: 32 pt. / Leading Size: 34 pt.

Kerning – spacing between letters

Kerning – is the individual attention given to the spacing between any two letters

These are pairs you must start paying attentiontoo in everything you design in this program.

OC — curved letters need special attentionYa — always kern after a y Hi or fl — vertical letters together or ligaturesWn — oblique letters always present a problem

Kerning Pairs

Kerning Pairs

Kerning Pairs

Kerning Pairs

There shouldn’t be a space between them

Kerning Pairs

compare these logos

compare these logos

“Typolution” Animation by Olivier Beaudoin:http://www.youtube.com/watch?v=zVPfTlpCKaw

Famous Graphic Designers

David Carsonhttp://www.ted.com/talks/lang/en/david_carson_on_design.html

Paula Scherhttp://www.hillmancurtis.com/index.php?/film/watch/paula_scher/

To Get More Ideas for Project 2

“Type City” – Interactive Project

Student Work

1. Pick a children book and draw one page. The illustration must related to content

2. It must be black and white3. You can paste the text along the

path4. And use letters to draw the

character5. It must have content too

Student Work

6. You should play around the keyword in the content. Make a outstanding and look like its meaning

Student Work

If you don’t have time to search the children book. You can use the content of previous student’s work.e.g. humpty dumpty sat….But you must draw your own egg and character. Have your own gesture of the character. You own layout and structure of paragraph.

Student Work

Student Work

Student Work

Student Work

Student Work

Student Work. Project by Kat M.

Student Work. Project by Leo A.

Student Work. Project by Cynthia D.

Student Work. Project by Rachel P.

Student Work. Project by Shawn D.

More Useful Links

All you need to know about different typefaces:http://www.paratype.com/help/term/

Need More Fonts?

http://www.dafont.comhttp://www.urbanfonts.com

ArialWhich one is Serif and which one is San Serif?

Times New Roman

________________ I s s p a c e b e t w e e n e a c h l e t t e r.

H e r e I s t h e s a m p l e s e n t e n c e.Here is the sample sentence.

________________ I s s p a c e b e t w e e n e a c h l e t t e r.

H e r e I s t h e s a m p l e s e n t e n c e.Here is the sample sentence.

Kerning

Here is sample paragraph.Here is sample paragraphHere is sample paragraphHere is sample paragraphHere is sample paragraph

Here is sample paragraph

Here is sample paragraph

Here is sample paragraph

Here is sample paragraph

Here is sample paragraph

____________ is space between lines

Here is sample paragraph.Here is sample paragraphHere is sample paragraphHere is sample paragraphHere is sample paragraph

Here is sample paragraph

Here is sample paragraph

Here is sample paragraph

Here is sample paragraph

Here is sample paragraph

____________ is space between linesLeading

Student Extra Credit

You can demonstrate Illustrator technique that didn’t cover in class. The time length is 10 minutes. You will have extra 3% in your final grade.