Tag Archives: Term 3

Computer Graphic Design

Color Theory – Spring 2024, Day 1: Color Vocabulary

Welcome to our Color Theory unit!

For the next couple of weeks, we are going to explore the many ways that Illustrator allows you to enhance your artwork with color. We are also going to explore color theory and the different meanings colors have for different groups. With this knowledge, you will be able to more effectively communicate your desired message to everyone who looks at your artwork.

Objective:

Students will be able to identify and explain the concepts of Color Theory and Color Harmonies by using web resources to determine the meanings of color theory vocabulary terms so that they can gain expertise in communicating using correct color theory terminology.

Links:

Sensational Color: Color Theory

Sensational Color: Getting to Know the Color Wheel

Sensational Color: Color Harmonies

Sensational Color: Color Terminology Glossary

Topics Discussed:

  • Color Theory
  • Color Harmonies
  • Color Wheel
  • Primary Colors
  • Secondary Colors
  • Tertiary Colors
  • Triad
  • Complementary
  • Split Complementary
  • Analogous
  • Monochromatic
  • Shade
  • Tint
  • Swatches Panel

Instructions:

Use the information linked below from Color Expert Kate Smith’s outstanding Sensational Color website to read about Color Theory concepts and terminology:

Sensational Color – Color Theory Explained:  https://www.sensationalcolor.com/category/understanding-color/theory

Sensational Color – The Color Wheel and Color Relationships:  https://www.sensationalcolor.com/understanding-color/color-theory/know-color-wheel-806#.Uup6bPZgMQU

Sensational Color – Color Harmonies:  https://www.sensationalcolor.com/color-theory/creating-color-harmony/

Sensational Color – Color Terminology Glossary: https://www.sensationalcolor.com/color-theory/color-terminology-glossary/

After you have visited the websites, create a new Illustrator Web document with four default-sized artboards, on the first (upper left) artboard, use a headline and a subhead (large font, then smaller font) to write the following vocabulary words along with their definitions:

  1. Color Harmony
  2. Hue
  3. Primary Colors (Hues)
  4. Secondary Colors (Hues)
  5. Tertiary Colors (Hues)
  6. Warm Colors
  7. Cool Colors
  8. Triad
  9. Primary Triad
  10. Secondary Triad
  11. Tetrad
  12. Complementary
  13. Split Complementary
  14. Analogous
  15. Monochromatic
  16. Tint
  17. Tone
  18. Shade

When you have found and written all your definitions, save your document. We will continue to work with this document this week and next week.

Assigned: February 21st, 2024
Teacher Pacing Due Date: February 22nd, 2024

Computer Graphic Design

Type Week: Making Your Own Typeface With Calligraphr

Objective:

I can use online tools and my understanding of typographic principles to produce my own typeface.

Web Links:
Calligraphr.com

Topics Discussed:

  • Typography
  • Font

Assignment:

Today we are going to wrap up our exploration of Typography through its ultimate expression: Making our own Typeface!

As we saw in the movie Helvetica that we watched last week, Type can be created through many methods, including carving individual letters out of steel blocks, printing letters on clear plastic strips to stick down on pages, or our preferred method: through digital design, using applications specifically built for this purpose. Today, we are going to explore one of those applications, one that is purpose-built to make creating typefaces easy enough that anyone can do it!

To begin, visit the Calligraphr.com website. You will need to create your own login to proceed – It is recommended that use your haydenmagnet.org email address.

  1. Create a template and print it out. (A pre-built template will be provided in class, but you are welcome to build your own custom templates!)
  2. Fill out the template. You can do this in many different ways:
    • You can simply write the appropriate letter in the box with your favorite pencil, pen or marker
    • You can draw the letters on a seperate piece of paper, then cut them out and paste them in the provided spaces.
    • You can cut out letters from other documents and paste them on the template in the provided spaces to create an eclectic “ransom note” style font!
  3. When you have all the spaces filled, use a scanner, digital camera or a smartphone to take a screen capture of your filled-out template.
  4. On the fonts page, choose the Upload Template option and upload your image file.
  5. Click on Build Font and watch the magic happen!
  6. You now have a custom font that you can install and use for any of your design projects!

Assigned: February 20th, 2024
Teacher Pacing Due Date: February 20th, 2024