Tag Archives: Typography

Computer Graphic Design

Intro to Typography – Searching for Type 2020

Today we will begin exploring typography, which is the art of arranging type to make language visible. To fully understand typography, we will explore many different aspects of type, including the history of typography and how it has evolved throughout different time periods and developed in the digital age. In today’s assignment we will discover and investigate four of the major categories of type.


Objective:

  • I can identify and explain the four major categories of typefaces by creating a document that displays and defines all four categories so I can better understand Typography as a technique for communication and as an art form.

Vocabulary Words:

  • Type
  • Typeface
  • Font
  • Serif
  • Sans Serif
  • Script
  • Ornamental/Decorative/Display
  • Typography
  • Typeface versus Font
  • Digital Typography
  • Font Foundries
  • Free vs. Paid Fonts
  • Online Typeface Resources

Links:

Wikipedia – Typography
https://en.wikipedia.org/wiki/Typography

Wikipedia – Typeface
https://en.wikipedia.org/wiki/Typeface

Wikipedia – Font
https://en.wikipedia.org/wiki/Font

Paratype – Typeface Classification
https://www.paratype.com/help/class/

Fonts.com – Type Classifications

https://www.fonts.com/content/learning/fontology/level-1/type-anatomy/type-classifications

Dafont.com – Free Fonts
https://www.dafont.com/

Topics Discussed:

  • Serif Fonts
  • Sans Serif Fonts
  • Script Fonts
  • Ornamental/Decorative/Display Fonts
  • Online Typeface Resources

Assignment:

  1. Using the web addresses above, find the definitions for each of the following:
    serif type
    sans serif type
    script type
    ornamental/display type
  2. Use Vectr to create a document that introduces and explains each of the above items.
  3. Use a default 640px W x 640px H size page.
  4. Include a large headline for each category, and a one sentence explanation of the definition.
  5. Include a sample image to show me what each of the four type categories looks like.
  6. Try to put all of the four on one page!
  7. When you are finished, hand in your completed document (exported as a .png or .jpg) to the Google Classroom page for this assignment.

Example:

Searching For Type Example

sftexample

Assigned: August 31th, 2020
Teacher Pacing Due Date: September 1st, 2020

Computer Graphic Design

Illustrator Type Week: Expressive Text

Objective: Use the Appearance and Graphic Styles panels in Illustrator to produce expressive text.

Student Friendly Objective: I can use Illustrator to produce expressive type.

Web Link:
Adobe Illustrator CS5 Tutorial 37 | Appearances & Graphic Styles: https://www.youtube.com/watch?v=yDtraLlf5rA

Topics Discussed:

  • Typography
  • Appearance Panel
  • Graphic Styles Panel
  • Post-Modernism
  • Expressive Text

Assignment:

Watch the “Adobe Illustrator CS5 Tutorial 37 | Appearances & Graphic Styles” tutorial video. Follow the tutorial to learn how to use the Appearance Panel, and how to save object appearances as Graphic Styles.

Recall back in the first semester, when we watched Helvetica and discussed the differences between the Modernists and the Post-Modernists. The Modernists believed that text should not be expressive, and meaning should only be derived from the word itself (i.e. the word “dog” should not look like a “dog”) whereas Post-Modernists asked the question, why can’t the word “dog” look like a dog?

wwdog

Text that visually looks like the thing it is describing is called Expressive Text, and Illustrator has special tools that make the production of Expressive Text extremely easy and effective. Today we are going to explore the use of these tools to produce some expressive text of our own.

  1. Watch the tutorial video to learn how to use the Appearance Panel, how to save object appearances as Graphic Styles, and how to access the pre-set Graphic Styles libraries.
  2. Open your Text Week document in Illustrator and go to the third artboard.
  3. Use the pre-set Graphic Styles libraries, the Warp tools and the Type Tool to create ten words (five nouns and five verbs) that look like what is being described. For example:

Try to use different words and graphic styles than the ones in the example. When you have all ten words, save your work. We will continue working on this document until the end of this week.

Assigned: March 2nd, 2020
Teacher Pacing Due Date: March 3rd, 2020