PixelSpoke Lunch + Learn: Color Theory

1,789 views
1,581 views

Published on

Published in: Technology, Art & Photos
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,789
On SlideShare
0
From Embeds
0
Number of Embeds
397
Actions
Shares
0
Downloads
0
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

PixelSpoke Lunch + Learn: Color Theory

  1. 1. Lunch + Learn Color Theory I: The Color Wheel, Value Scale and the Language of ColorSynotac / synotac.com / 503.517.2116
  2. 2. L+L Introductions 1. Who is this guy? 2. Who are you and what is one thing that you hope to get out of today?Synotac / synotac.com / 503.517.2116
  3. 3. L+L Objectives 1. Gain a better understanding of Color, the Color Wheel and Value Scale in a broad sense, rather than the digital space. 2. Develop a fluency in the Language of Color 3. Make our own color wheels 4. More activities if time allows 5. Have some fun!Synotac / synotac.com / 503.517.2116
  4. 4. INTRODUCTION TO COLOR
  5. 5. What is Color Theory? The study of rules, ideas and principles that apply to color as a general topic, as well as the visual impacts of specific color combinations.Synotac / synotac.com / 503.517.2116
  6. 6. What is Color? Color derives from the spectrum of light interacting with light receptors in the eyes. An object produces different sensations in the eyes as a result of the way it reflects or emits light.Synotac / synotac.com / 503.517.2116
  7. 7. What is the spectrum? The electromagnetic spectrum is the range of all possible frequencies of electromagnetic radiation. The electromagnetic spectrum of an object is the distribution of electromagnetic radiation emitted or absorbed by that particular object.Synotac / synotac.com / 503.517.2116
  8. 8. Visible Light within the Electromagnetic SpectrumSynotac / synotac.com / 503.517.2116
  9. 9. THE COLOR WHEEL
  10. 10. Sir Isaac Newton Johannes Itten Color Circle, 1704 Farbkreis, 1961Synotac / synotac.com / 503.517.2116
  11. 11. The purpose of the color wheel Understanding and visualizing relationships of spectral hues, and creating effective color schemes.Synotac / synotac.com / 503.517.2116
  12. 12. Primary Colors Three spectrum colors are equidistant from one another on the color wheel—blue, yellow, red. In theory, all of the remaining 16 million or so colors can be mixed using the three primary colors. In practice, trace chemicals in pigments reflect light rays in multiple wavelengths, rather than pure spectrum color.Synotac / synotac.com / 503.517.2116
  13. 13. Three Primary ColorsSynotac / synotac.com / 503.517.2116
  14. 14. Three Secondary Colors Orange, Violet and Green are called "secondary colors." Each is theoretically born of primary parents: Red + Yellow = Orange Red + Blue = Violet Yellow + Blue = GreenSynotac / synotac.com / 503.517.2116
  15. 15. Secondary ColorsSynotac / synotac.com / 503.517.2116
  16. 16. Six Tertiary Colors Formed by combining a primary and a secondary hue. The names indicate the two source colors: Yellow-orange Red-orange Red-violet Blue-violet Blue-green Yellow-greenSynotac / synotac.com / 503.517.2116
  17. 17. Tertiary ColorsSynotac / synotac.com / 503.517.2116
  18. 18. Color WheelSynotac / synotac.com / 503.517.2116
  19. 19. COLOR RELATIONSHIPS
  20. 20. Complementary Colors Pairs of colors that are opposite on the color wheel. Any two complements contain the complete trio of primaries. Examples: Yellow complement is Violet (red + blue) Red complement is Green (yellow + blue) Blue complement is Orange (yellow + red)Synotac / synotac.com / 503.517.2116
  21. 21. Complements–contrastSynotac / synotac.com / 503.517.2116
  22. 22. ComplementsSynotac / synotac.com / 503.517.2116
  23. 23. ComplementsSynotac / synotac.com / 503.517.2116
  24. 24. Analogous Colors Formed by three adjacent colors on the color wheel. Example: Blue, blue-green and green Analogous colors are smooth and rich feelingSynotac / synotac.com / 503.517.2116
  25. 25. Analogous–similaritySynotac / synotac.com / 503.517.2116
  26. 26. NAMING COLORS, THEVALUE SCALE & INTENSITY
  27. 27. Naming Colors Every color existing in our world can be identified using three attributes: Hue: Basic source of the color.Synotac / synotac.com / 503.517.2116
  28. 28. Hue Putting aside the lightness or darkness of a color, as well as its brightness or dullness, which of the twelve basic color wheel hues is the starting point for this example?Synotac / synotac.com / 503.517.2116
  29. 29. Naming Colors: Value Value: Lightness or darkness of the color, also known as shades, tints, luminance, luminositySynotac / synotac.com / 503.517.2116
  30. 30. Value How dark or light is this red-violet relative to a seven-step value scale from white to black?Synotac / synotac.com / 503.517.2116
  31. 31. Value How dark or light is this red-violet relative to a seven-step value scale from white to black?Synotac / synotac.com / 503.517.2116
  32. 32. Naming Colors: Intensity Intensity: The dominance of hue in the color. The brightness or dullness of the color, also known as chroma or saturation.Synotac / synotac.com / 503.517.2116
  33. 33. Intensity How bright or dull is this red-violet relative to an intensity scale from brightest to dullest?Synotac / synotac.com / 503.517.2116
  34. 34. Intensity How bright or dull is this red-violet relative to an intensity scale from brightest to dullest?Synotac / synotac.com / 503.517.2116
  35. 35. Identified by three attributes Hue: Red-violet Value: Light Intensity: DullSynotac / synotac.com / 503.517.2116
  36. 36. Value versus IntensitySynotac / synotac.com / 503.517.2116
  37. 37. FROM THEORY TO PRACTICE
  38. 38. Activity 1. Pick a client logo and another object. 2. Describe their colors using the three attributes: Hue, Value, Intensity 3. Review and critique as a groupSynotac / synotac.com / 503.517.2116
  39. 39. Additional Resources FM Hue test www.xrite.com/custom_page.aspx?PageID=77 Reading Color: A course in mastering the art of mixing colors by Betty Edwards Interaction of Color by Josef Albers Color Workbook by Becky Koenig Readings on Color: The Philosophy of Color by Alex ByrneSynotac / synotac.com / 503.517.2116
  40. 40. Next time ... Color Techniques and the Effects of Color May 1, 2012 in our new office at 333 SW Fifth Avenue What color can I choose to evoke a particular mood? Why do the colors in this design work well together? Or not? How do surrounding colors affect each other?Synotac / synotac.com / 503.517.2116

×