USING COLOR (Intro to GD: Wk 5a)

7,754 views
7,637 views

Published on

Week 5a, Color

Presentation from Introduction to Graphic Design, Columbia College Chicago. Much of the content taken from readings, including the textbooks: Timothy Samara's "Design Elements" and "Design Evolution." Other references cited in presentation. Please note: many slides are intended for class discussion and might not make sense out of context.

Published in: Design, Technology, Art & Photos
1 Comment
42 Likes
Statistics
Notes
  • Thanks, the slides of color relationships are very useful.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
7,754
On SlideShare
0
From Embeds
0
Number of Embeds
1,372
Actions
Shares
0
Downloads
613
Comments
1
Likes
42
Embeds 0
No embeds

No notes for slide

USING COLOR (Intro to GD: Wk 5a)

  1. 1. (A VERY BRIEF) INTRO TO USING COLOR
  2. 2. Every color can be defined by four essential qualities: 1. HUE 2. SATURATION 3. TEMPERATURE 4. VALUE
  3. 3. Every color can be defined by four essential qualities: 1. HUE Where the color sits in the visible wavelength: “red”, “blue”
  4. 4. Every color can be defined by four essential qualities: 1. HUE Where the color sits in the visible wavelength: “red”, “blue”
  5. 5. Every color can be defined by four essential qualities: 1. HUE Where the color sits in the visible wavelength: “red”, “blue”
  6. 6. Every color can be defined by four essential qualities: 1. HUE Where the color sits in the visible wavelength: “red”, “blue”
  7. 7. Every color can be defined by four essential qualities: 2. SATURATION The intensity of a color: “fire engine red”, “pastel red”
  8. 8. Every color can be defined by four essential qualities: 2. SATURATION The intensity of a color: “fire engine red”, “pastel red”
  9. 9. Every color can be defined by four essential qualities: 2. SATURATION The intensity of a color: “fire engine red”, “pastel red”
  10. 10. Every color can be defined by four essential qualities: 2. SATURATION The intensity of a color: “fire engine red”, “pastel red”
  11. 11. Every color can be defined by four essential qualities: 2. SATURATION The intensity of a color: “fire engine red”, “pastel red”
  12. 12. Every color can be defined by four essential qualities: 2. SATURATION The intensity of a color: “fire engine red”, “pastel red”
  13. 13. Every color can be defined by four essential qualities: 2. SATURATION The intensity of a color: “fire engine red”, “pastel red”
  14. 14. Every color can be defined by four essential qualities: 2. SATURATION The intensity of a color: “fire engine red”, “pastel red”
  15. 15. Every color can be defined by four essential qualities: 2. SATURATION The intensity of a color: “fire engine red”, “pastel red”
  16. 16. Every color can be defined by four essential qualities: 2. SATURATION The intensity of a color: “fire engine red”, “pastel red”
  17. 17. Every color can be defined by four essential qualities: 3. TEMPERATURE The color’s perceived warmth or coolness
  18. 18. Every color can be defined by four essential qualities: 4. VALUE (or BRIGHTNESS) The tonal value of a color, how light or dark the color is
  19. 19. Every color can be defined by four essential qualities: 4. VALUE (or BRIGHTNESS) The tonal value of a color, how light or dark the color is
  20. 20. Every color can be defined by four essential qualities: 4. VALUE (or BRIGHTNESS) The tonal value of a color, how light or dark the color is
  21. 21. Battle of the color wheels
  22. 22. ROY G BIV
  23. 23. In Adobe programs, there are two color models you need to know: RGB & CMYK RED BLUE GREEN (K=black)
  24. 24. In Adobe programs, there are two color models you need to know: RGB & CMYK RED MAGENTA YELLOW BLUE GREEN CYAN (K=black)
  25. 25. RGB is light. CMYK is ink.
  26. 26. RGB is light. CMYK is ink. RGB is called additive because all of the colors together at 100% would create white.
  27. 27. RGB is light. CMYK is ink. RGB is called additive because all of the colors together at 100% would create white. CMYK is called subtractive because the absence of all ink would leave white.
  28. 28. Taken together, RGB and CMY form a relationship of primaries and secondary colors that can be mixed to create all of the colors in between.
  29. 29. All six primary colors are made up of one complement and two components. A 100% fully saturated green also contains no magenta. At all. Magenta also contains no green. They are each other’s complements.
  30. 30. All six primary colors are made up of one complement and two components. A 100% fully saturated green is composed of equal amount of yellow and cyan only. Yellow and cyan are green’s components. A 100% fully saturated green also contains no magenta. At all. Magenta also contains no green. They are each other’s complements.
  31. 31. As a graphic designer, you need to be comfortable with with working with RGB (256 values) and CMYK (ink percentages). How would you increase the saturation of the green sweater? What is the “formula” for the sweater?
  32. 32. Six basic color relationships: 1. MONOCHROMATIC 2. ANALOGOUS 3. COMPLEMENT 4. SPLIT COMPLEMENT 5. PRIMARY 6. SECONDARY

×