1 / 49

Designing With Type part 2

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.

brooks
Download Presentation

Designing With Type part 2

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. Designing With Typepart 2

  2. During Middle Ages books were called… • papyruses • illuminated manuscripts • scrolls • calligraphy What does “Illuminated” mean?

  3. The first printing press was invented… • by William Caslon • in 15th century • in 18th century • b & e • by Johannes Gutenberg • a & c

  4. Name 2 main type categories • ascender and descender • Serif and Sans Serif • cold and hot metal type • none of the above

  5. Which fonts are older,Serif or Sans Serif?

  6. Leading – spacing between lines 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 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 lead were placed between lines of type) and refers to the amount of spacing between lines of type.

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

  8. Kerning – spacing between letters

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

  10. Kerning Pairs These are pairs you must start paying attentiontoo in everything you design in this program. OC — curved letters need special attention Ya — always kern after a y Hi or fl — vertical letters together or ligatures Wn — oblique letters always present a problem

  11. Kerning Pairs

  12. Kerning Pairs

  13. Kerning Pairs There shouldn’t be a space between them

  14. Kerning Pairs

  15. compare these logos

  16. compare these logos

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

  18. Famous Graphic Designers David Carson http://www.ted.com/talks/lang/en/david_carson_on_design.html Paula Scher http://www.hillmancurtis.com/index.php?/film/watch/paula_scher/

  19. To Get More Ideas for Project 2 “Type City” – Interactive Project

  20. Student Work Pick a children book and draw one page. The illustration must related to content It must be black and white You can paste the text along the path And use letters to draw the character It must have content too

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

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

  23. Student Work

  24. Student Work

  25. Student Work

  26. Student Work

  27. Student Work

  28. Student Work. Project by Kat M.

  29. Student Work. Project by Leo A.

  30. Student Work. Project by Cynthia D.

  31. Student Work. Project by Rachel P.

  32. Student Work. Project by Shawn D.

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

  34. Need More Fonts? http://www.dafont.com http://www.urbanfonts.com

  35. Which one is Serif and which one is San Serif? Arial Times New Roman

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

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

  38. Here is sample paragraph Here is sample paragraph Here is sample paragraph Here is sample paragraph Here 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

  39. Here is sample paragraph Here is sample paragraph Here is sample paragraph Here is sample paragraph Here is sample paragraph Here is sample paragraph. Here is sample paragraph Here is sample paragraph Here is sample paragraph Here is sample paragraph Leading ____________ is space between lines

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

More Related