Tag Archives: Illustrator

Type Week: Typeface Anatomy

Objective:

I can use the Internet to find out more about the different parts of letters and what these parts are named.

Web Links:
A-Z Anatomy of Type
Type Anatomy: A Visual Guide to the Parts of Letters

Topics Discussed:

  • Typography
  • Letter Anatomy
  • Uppercase
  • Lowercase
  • Small Caps
  • Baseline
  • X-height
  • Ascender
  • Descender
  • Serif
  • Terminal
  • Stem
  • Crossbar
  • Bowl
  • Counter
  • Shoulder
  • Ligature

Assignment:

Visit the A-Z Anatomy of Type webpage or the Type Anatomy: A Visual Guide to the Parts of Letters in the links provided. Read through the articles to learn about Letter Anatomy, and the standard set of names for the parts of a letter.

  1. Open your Text Week document in Illustrator and go to the fourth (lower left) artboard.
  2. For each of the fifteen vocabulary terms:
    • Create a headline in Point Type with the vocabulary word itself
    • Use Area Type to write the definition of the vocabulary word. Use complete sentences, and you may copy and paste definitions (Just make sure you are copying the correct definition!).
    • Use Point Type and the line or shape tools to demonstrate what each of the vocabulary terms looks like. Use the pictures on the website as a guide, but DO NOT copy the website’s images into your document. Use a red-colored stroke on your lines and shapes to show the part of the letter the vocabulary word is describing.


  3. You should have a headline, a definition and a graphic for each of the following terms:
    • Uppercase
    • Lowercase
    • Small Caps
    • Baseline
    • X-height
    • Ascender
    • Descender
    • Serif
    • Terminal
    • Stem
    • Crossbar
    • Bowl
    • Counter
    • Shoulder
    • Ligature
  4. Save your document. Make sure that you have all four Artboards completed, and turn it in to today’s Assignment Post in our Google Classroom to complete the Typography Week activities.

Assigned: February 13th, 2024
Teacher Pacing Due Date: February 14th, 2024

Illustrator Type Week: Expressive Text

Objective:

I can use the Appearance and Graphic Styles panels in Illustrator to produce expressive text.

Web Links:

Adobe Illustrator CC: Graphic Styles
Adobe Illustrator CC: Appearance Attributes
Adobe Fonts: https://fonts.adobe.com/
DaFont.com – Download Free Fonts: https://www.dafont.com/

Topics Discussed:

Typography
Appearance Panel
Graphic Styles Panel
Expressive Text

Assignment:

Visit the Adobe tutorial links. Follow the instructions to learn how to use the Appearance Panel, and how to save object appearances as Graphic Styles.

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. Check out the Adobe Fonts and DaFont.com links. We will discuss in class how these sites make it easy to download and install new and useful typefaces for use in your designs.
  2. Watch the in-class demonstration, or visit the links above 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.
  3. Open your Text Week document in Illustrator and go to the third (lower left) artboard.
  4. 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. We will continue to work on this document next week.

Assigned: February 8th, 2024
Teacher Pacing Due Date: February 9th, 2024