Color Theory Worksheet

Please read the materials listed below and answer the following questions:

• Color Theory Intro: http://www.nhsdesigns.com/graphic/color/index.php
• Color Wheel: http://www.nhsdesigns.com/graphic/color/color-wheel.php
• Color Combinations: http://www.nhsdesigns.com/graphic/color/color-combos.php
• Tints, Shades & Neutrals: http://www.nhsdesigns.com/graphic/color/tints_shades_neutrals.php
• Emotional Content: http://www.nhsdesigns.com/graphic/color/emotional-content.php
• Color Meaning: http://www.color-wheel-pro.com/color-meaning.html
• Color Physiology:  http://www.webdesign.org/web-design-basics/color-theory/color-psychology-quick-reference-cards.13826.html

Please type out answers in complete sentences.  You may paraphrase.  Please do NOT copy and paste definitions. 

1. Define hue: Hue is the generic name for a color. It distinguishes one color from another.
2. Define value: Value is the darkness of lightness of a color.
3. Define saturation: Saturation is pretty much the brightness of a color.
4. How many colors are available on our computers? There are about 16.8 million colors.
5. Define secondary color: A secondary color is two primaries mixed together.
6. Define tertiary color: A tertiary color is a primary plus a neighboring secondary color.
7. Define complementary colors: Complementary colors are two colors which sit opposite each other on the color wheel.
8. What are the primary colors in Photoshop? Red, green, and blue are the primary colors in Photoshop.
9. What are the secondary colors in Photoshop? Cyan, magenta, and yellow are the secondary colors in Photoshop.
10. Define subtractive color model: The subtractive color model is where you mix cyan, magenta, yellow, key color to get black.
11. Define additive color model: The additive color model is where you add the three primaries (red, green, and blue) to get a pure white light.
12. Is RGB additive or subtractive? RGB is additive.
13. Is CMYK additive or subtractive? CMYK is subtractive.
14. What is the RGB color model used for? To get a pure white light.
15. What is the CMYK color model used for? To get black and is also used for printing presses.
16. Define analogous colors: Analogous colors are those which sit next to each other on the color wheel.
17. Define tint: A tint is a color in which white has been added to a pure color. The more white, the lighter the tint.
18. Define shade: A shade is a color in which black has been added to a pure color. The more black, the darker the tint.
19. Define neutral: A neutral is the combination of complementary colors. Neutrals are more natural colors and tend to be brownish.
20. What can be said in general about warm colors? They tend to jump forward into prominence in a piece of design.
21. What can be said in general about cool colors? They tend to recede in a design.
22. What color is associated with stability? Brown.
23. What color symbolizes royalty? Purple.
24. What is the color of cleanliness? Blue.
25. What color symbolizes freshness? Light Yellow.
26. Which colors are associated with joy? Orange.
27. What color symbolizes passion and danger? Red.
28. Dark red is associated with: Vigor, willpower, rage, anger, leadership, courage, longing, malice, and wrath.
29. Reddish-brown is associated with: Harvest and fall.
30. Dark orange is associated with: Deceit and distrust.
31. Gold is associated with: Wisdom and wealth.
32. Yellow is associated with: Joy, happiness, intellect, and energy.
33. Dark green is associated with: Ambition, greed, and jealousy.
34. Olive green is associated with: Peace.
35. Light blue is associated with: Health, healing, tranquility, understanding, and softness.
36.  Dark purple is associated with: Sad feelings and frustration.
37. Why is the use of color important in graphic Design? The use of color is important in graphic design because it creates mood and draws the reader in. 

One-Word Art

I used size in order to make it look like the letters were getting farther apart from each other. I also changed the opacity of some of the letters to create value. I think this portrays distance well because it looks like the letters are coming closer and farther away from the first letter. 

Typography Quote

I placed the words like this because I thought they looked good stacked on top of each other. I used size in order to create contrast with the words and emphasize certain words. 

Typographic Art

Glyph Monster

I think it turned out pretty good. I didn't really have any trouble with anything besides getting the legs to look decent. 

Typography Applied

Typography Worksheet

Typography Worksheet:

http://www.csse.monash.edu.au/~cema/courses/CSE5910/lectureFiles/lecture5b.htm

Anatomy http://www.nhsdesigns.com/graphic/typography/anatomy.php

Write out the answers to these questions in complete sentences. 

Label and define all of the above numbers:

1. The ascender line is the imaginary line which determines the height of ascenders.



2. The base line is the imaginary line on which all characters rest. Descenders hang below the base line.
3. The ascender height is the x-height plus the height of the ascending stroke. It is the distance between the base line and the ascender line.
4. The cap height is the height of capital letters. It is the distance between the base line and the cap line.
5. The descender is the stroke of a letter which dips below the base line, as in the letters g and j.



6.The ascender is the stroke of a line of a letter which rises above the mean line, as in the letters d, f and k.
7. The x-height is the distance between the flat top and bottom of a lower case letter which has no ascender or descender, such as x. It is the distance between the base line and the mean line. The curved tops and bottoms of the p, o, and g extend beyond these lines so that they appear visually to fit the x-height.
8. The cap line is the imaginary line which determines the height of capital letters.
9. The mean line is the imaginary line which determines the height of lowercase letters. Ascenders rise above the mean line.
10.  The descender line is the imaginary line which defines the bottom reach of descenders.

Type Families:   http://www.nhsdesigns.com/graphic/typography/type-families.php

Define Serif: The fine line that extends from the top and bottom of letters making them easier to read; used for the body text of a book.
Define Sans-Serif: A typeface that is straight with no serifs or small extensions on letter; generally used for headers.
When do you use Antique Fonts? You use antique fonts when you are trying to evoke a period feel since they have a long history.
At most how many words should be Decorative Fonts at a time? At most, three words at a time.
What does a script font resemble? A script font resembles handwriting.
What element of design does script represent? (From elements lesson) It represents typeface.
Why use Symbol Fonts? They can complement a specific font.

Essentials:  http://freelancefolder.com/typography-essentials-a-getting-started-guide/

Define Typography: Typography is the art and process of arranging type for a variety of media purposes and is made up of several parts.
Why do designers need a solid foundation in typography? By understanding the underlying message that your choice of text contains, you will become more effective as you design and layout projects containing words and phrases.
Kerning: Kerning is the space located between individual letters of a word.
Leading: Leading is the space between the lines of text.
Tracking: Tracking is the white space throughout the text body.   

When do you use the following?
Center Alignment: Use center alignment with headlines of titles.
Right Alignment: Use right alignment for business letters, return address labels, business cards, and a variety of other applications where a formal style of alignment is needed.
Justified Alignment:  Use justified alignment for newspaper print and body text for textbooks.

Styling:  http://www.nhsdesigns.com/graphic/typography/styling-formatting.php

What is remembered: good styling or bad styling? Good styling is remembered.
What is legibility? Legibility is the quality of being readable or distinguishable by the eye.
Type size smaller than 7pt is: Type size smaller than 7pt is difficult to read.
Type size smaller than 3pts is: Type size smaller than 3pt is illegible.
Type range for legible type is: Type range for legible type is between 8pt and 14pt
What do you use for long passages? Use 9pt or 10pt for long passages.
What case do we use for Body? Use between 8pt and 14pt for a body.
What is measure? Measure is the width of the text column.
What can you tell me about Ragged Edges? Ragged Edges do not look good in text.

Text as Image: http://www.nhsdesigns.com/graphic/typography/text-as-image.php

What are some ways text can be used and what font types do you use for each?
Text can be used to create shapes and different illustrations. Hand-drawn letters can be used to create illustrations. Arabic font is more flowing and organic, which is used to create decorative designs.

Choosing and Using Type:  http://www.will-harris.com/use-type.htm

**Read ALL of it.  Answer the following:

Why is choosing and using the right font important? (Two reasons)

The right typeface can encourage people to read your message. The wrong typeface or bad typography can make your message go unread.

What are the two most important things to remember?  

Type should overpower the text. Use the appropriate typeface to convey the feeling that you want the reader to have.
What is appropriate? What do you have to consider?

The appropriate typeface conveys feeling you want the reader to have when reading the text. You have to consider the reader.

Tell me the rules:  (there are 10)

1.)    Body text should be between 10 and 12 point, with 11 point best for printing to 300 dot-per-inch printers. Use the same typeface, type size, and leading for all your body copy.

2.)    Use enough leading (or line-spacing). Always add at least 1 or 2 points to the type size.

3.)    Don’t make your lines too short or too long. Optimum size: Over 30 characters and under 70 characters.

4.)    Make paragraph beginnings clear. Use either an indent or block style for paragraphs. Don’t use both. Don’t use neither, either.

5.)    Use only one space after a period, not two.

6.)    Don’t justify text unless you have to. If you justify text you must use hyphenation.

7.)    Don’t underline anything, especially not headlines or subheads since lines separate them from the text with which they belong.

8.)    Use italics instead of underlines.

9.)    Don’t set long blocks of text in italics, bold, or all caps because they’re harder to read.

10.) Leave more space above headlines and subheads than below them, and avoid setting them in all caps. Use subheads liberally to help readers find what they’re looking for. 

Water Drop

The hardest part of the water drop was probably using minus front from the pathfinder panel. I then found out how to select certain layers in order to make the image look good. I used darker and lighter colors in order to create contrast.

Pen Tool Practice

Basketball Player

I used the rectangle tool and the eclispe tool all throughout this project. I also used the shape builder tool to remove parts of things that were not needed on the picture. For the shadows on the ball and the shadow of the person, I changed the opacity.

Using the elements of design, I was able to create my sunny picture. I used value when I made the sky. The sun is bright and the sky is darker, which creates contrast. The visual texture of my picture is smooth. I put a tree more towards the horizon line to look smaller in relation to the house. I used direction when I made horizontal and vertical lines.