Designing With Type part 2

49
Designing With Type part 2

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

Page 1: Designing With Type part 2

Designing With Typepart 2

Page 2: Designing With Type part 2

a) papyrusesb) illuminated manuscriptsc) scrollsd) calligraphy

What does “Illuminated”mean?

During Middle Ages books were called…

Page 3: Designing With Type part 2

The first printing press was invented…

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

Page 4: Designing With Type part 2

Name 2 main type categories

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

Page 5: Designing With Type part 2

Which fonts are older,Serif or Sans Serif?

Page 6: Designing With Type part 2

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.

Page 7: Designing With Type part 2
Page 8: Designing With Type part 2

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.

Page 9: Designing With Type part 2

Kerning – spacing between letters

Page 10: Designing With Type part 2

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

Page 11: Designing With Type part 2

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

Page 12: Designing With Type part 2

Kerning Pairs

Page 13: Designing With Type part 2

Kerning Pairs

Page 14: Designing With Type part 2

Kerning Pairs

There shouldn’t be a space between them

Page 15: Designing With Type part 2

Kerning Pairs

Page 16: Designing With Type part 2
Page 17: Designing With Type part 2
Page 18: Designing With Type part 2
Page 19: Designing With Type part 2
Page 20: Designing With Type part 2
Page 21: Designing With Type part 2
Page 22: Designing With Type part 2
Page 23: Designing With Type part 2

compare these logos

Page 24: Designing With Type part 2

compare these logos

Page 25: Designing With Type part 2

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

Page 26: Designing With Type part 2

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/

Page 27: Designing With Type part 2

To Get More Ideas for Project 2

“Type City” – Interactive Project

Page 28: Designing With Type part 2

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

Page 29: Designing With Type part 2

Student Work

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

Page 30: Designing With Type part 2

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.

Page 31: Designing With Type part 2

Student Work

Page 32: Designing With Type part 2

Student Work

Page 33: Designing With Type part 2

Student Work

Page 34: Designing With Type part 2

Student Work

Page 35: Designing With Type part 2

Student Work

Page 36: Designing With Type part 2

Student Work. Project by Kat M.

Page 37: Designing With Type part 2

Student Work. Project by Leo A.

Page 38: Designing With Type part 2

Student Work. Project by Cynthia D.

Page 39: Designing With Type part 2

Student Work. Project by Rachel P.

Page 40: Designing With Type part 2

Student Work. Project by Shawn D.

Page 41: Designing With Type part 2

More Useful Links

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

Page 42: Designing With Type part 2

Need More Fonts?

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

Page 43: Designing With Type part 2
Page 44: Designing With Type part 2

ArialWhich one is Serif and which one is San Serif?

Times New Roman

Page 45: Designing With Type part 2

________________ 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.

Page 46: Designing With Type part 2

________________ 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

Page 47: Designing With Type part 2

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

Page 48: Designing With Type part 2

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

Page 49: Designing With Type part 2

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.