Tag Archives: Typography

Computer Graphic Design

Intro to Typography – Searching for Type 2018

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.
  • I can define Typography as a technique for communication and as an art form.
  • I can define Typeface and Font and recognize the difference between the two.
  • I can identify the categories of fonts and how they are best used.

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:
 
Paratype – Typeface Classification
https://www.paratype.com/help/class/
Fonts.com – 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 InDesign to create a document that introduces and explains each of the above items.
  3. Use a default 8.5″ x 11″ Letter 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 InDesign document and any sample images you used to the Google Classroom page for this assignment.

Example:

Searching For Type Example

sftexample

Assigned: September 25th, 2018
Teacher Pacing Due Date: September 27th, 2018

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

Web Link:
Adobe Illustrator CS5 Tutorial 37 | Appearances & Graphic Styles:

 

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 fourth artboard.
    3. Use the pre-set Graphic Styles libraries and the Type Tool to create five words 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 five words and all of the previous assignments, save your work and upload a copy of your Text Week Illustrator document to the Text Week Assignment Post on my Google Classroom page.

Assigned: March 8th, 2018
Teacher Pacing Due Date: March 9th, 2018