Presentation is loading. Please wait.

Presentation is loading. Please wait.

Digital & Interactive Media

Published byClaude Hart Modified over 6 years ago

Similar presentations

Presentation on theme: "Digital & Interactive Media"— Presentation transcript:

1 Digital & Interactive Media
Color Theory Copyright © Texas Education Agency, All rights reserved. Trade & Industrial Education

2 Lesson Objectives Define terminology related to color theory
Identify types of color schemes Develop a color scheme Identify the RGB values for drawing objects Design a color wheel using RGB values Establish the CYMK values for drawing objects Copyright © Texas Education Agency, All rights reserved. Trade & Industrial Education

3 PART ONE Color Terminology & Color Schemes
Copyright © Texas Education Agency, All rights reserved. Trade & Industrial Education

4 Color Terminology Color: Color results when light is reflected off of an object. As the light hits an object, some of the light wave is absorbed into the object. A portion of the light wave is reflected back to your eyes. The color that is reflected is determined by the LENGTH of the light wave that is reflected from the object. Copyright © Texas Education Agency, All rights reserved. Trade & Industrial Education

5 Color Terminology Primary colors: Red, Yellow, and Blue
These are considered the basic colors. All other colors can be created by using a mixture of any of these three colors. RED YELLOW BLUE Copyright © Texas Education Agency, All rights reserved. Trade & Industrial Education

6 Color Terminology + = + = Tints Shades
Created by adding white to a color Shades Created by adding black to a color Blue White Blue Tint + = Blue Black Blue Shade + = Copyright © Texas Education Agency, All rights reserved. Trade & Industrial Education

7 Color Terminology + = + = + = Secondary colors:
Orange, Violet, and Green Created by mixing equal amounts of two primary colors Yellow + Red Orange = Blue + Red Violet = Yellow + Blue Green = Copyright © Texas Education Agency, All rights reserved. Trade & Industrial Education

8 Color Terminology Tertiary colors: + = + = + = + =
Primary + Secondary = Tertiary Tertiary colors: These colors can be created by mixing a primary color with an adjacent secondary color OR they can be made by mixing unequal amounts of two primary colors. Yellow Green YellowGreen + = Red Violet Red-Violet + = Red Orange Red-Orange + = Blue Green Blue-Green + = Copyright © Texas Education Agency, All rights reserved. Trade & Industrial Education

9 Color Terminology Neutral colors: White Brown Black
Varying shades of each Black Gray White Tan Brown Copyright © Texas Education Agency, All rights reserved. Trade & Industrial Education

10 Color Terminology Color Wheel:
Blue-Green Color Wheel: If we arrange the primary, secondary, and tertiary colors in a circle, adjacent to the colors according to their mixture combinations, we get a color wheel. Green Yellow-Green Blue Blue-Violet Yellow Violet Yellow-Orange Orange Red-Violet Red Red-Orange Copyright © Texas Education Agency, All rights reserved. Trade & Industrial Education

11 Color Schemes Complementary colors:
Blue-Green Complementary colors: Any two colors that are exactly opposite on the color wheel Green Yellow-Green Blue Blue-Violet Yellow Violet Yellow-Orange Orange Red-Violet Red Red-Orange Copyright © Texas Education Agency, All rights reserved. Trade & Industrial Education

12 Color Schemes Split-complement colors: Has three colors Pick a color
Blue-Green Split-complement colors: Has three colors Pick a color Find the two adjacent colors of its complementary color Green Yellow-Green Blue Blue-Violet Yellow Violet Yellow-Orange If you lay an isosceles triangle in the middle of the color wheel, the tips of the triangle will point to the three split-complementary colors. Orange Red-Violet Red Red-Orange Copyright © Texas Education Agency, All rights reserved. Trade & Industrial Education

13 Color Schemes Analogous colors:
Blue-Green Analogous colors: Any three colors that are side by side on the color wheel Green Yellow-Green Blue Blue-Violet Yellow Violet Yellow-Orange Orange Red-Violet Red Red-Orange Copyright © Texas Education Agency, All rights reserved. Trade & Industrial Education

14 Color Schemes Harmonious Pairs:
Blue-Green Harmonious Pairs: Has four colors that are split-complements of each other Find a complementary pair Locate the two adjacent colors for the original pair Green Yellow-Green Blue Blue-Violet Yellow Violet Yellow-Orange If you lay a rectangle in the middle of the color wheel, the tips of it will point to the four harmonious pair colors. Orange Red-Violet Red Red-Orange Copyright © Texas Education Agency, All rights reserved. Trade & Industrial Education

15 Color Schemes Triad colors:
3 colors that are equally distant from each other on the color wheel Most basic triad scheme is the 3 primary colors If you lay an equilateral triangle (triangle with all three sides the same length) in the middle of the color wheel, the tips of the triangle will point to three colors that make up a triadic scheme. Blue-Green Green Yellow-Green Blue Blue-Violet Yellow Violet Yellow-Orange Orange Red-Violet Red Red-Orange Copyright © Texas Education Agency, All rights reserved. Trade & Industrial Education

16 Color Schemes Tetrad colors:
Blue-Green Tetrad colors: Have four colors that are equally distant from each other on the color wheel If you lay a square in the middle of the color wheel, the tips of it will point to the four colors that make up a tetrad scheme. Green Yellow-Green Blue Blue-Violet Yellow Violet Yellow-Orange Orange Red-Violet Red Red-Orange Copyright © Texas Education Agency, All rights reserved. Trade & Industrial Education

17 Color Scheme Example Tetrad Pairs
Place a square in the middle of the color wheel. Your four colors are located at the corners of the square. Choose two colors for the majority of your objects and let the other two colors be accents. Copyright © Texas Education Agency, All rights reserved. Trade & Industrial Education

18 Color Scheme Example Analogous Scheme
Choose any 3 colors that are side by side on the color wheel. Any neutral color may be brought in as an accent. Copyright © Texas Education Agency, All rights reserved. Trade & Industrial Education

19 Sample Color Wheel Use this for Assignment #1
Copyright © Texas Education Agency, All rights reserved.

20 Assignment #1 Create a color scheme: Obtain a color wheel.
Using the given printouts and colored pencils (don’t use markers), color in the designs to represent various color schemes. Choose your own variations of color that represent the given schemes. Color in all objects within the large, bold rectangle. You may color in the background with a scheme color, or you may leave it white. Copyright © Texas Education Agency, All rights reserved. Trade & Industrial Education

21 PART TWO Electronic Color & RGB values
Copyright © Texas Education Agency, All rights reserved. Trade & Industrial Education

22 Electronic Color Computer Monitors:
Use light in 3 colors to create images on the screen Monitors use RED, GREEN, and BLUE color This is called RGB Text and object color are determined by its RGB values Blue Green Red Copyright © Texas Education Agency, All rights reserved. Trade & Industrial Education

23 Electronic Color Setting RGB values: Click on the Shape Fill button
Choose the More Fill Colors option Click on the Custom tab Copyright © Texas Education Agency, All rights reserved. Trade & Industrial Education

24 Electronic Color Setting RGB values:
A color is defined by three values These values must be within the number range 0-255 Blue is created by a Blue value of 255; Red and Green values are 0 Equal values of Red and Green create Yellow Copyright © Texas Education Agency, All rights reserved. Trade & Industrial Education

25 Electronic Color Setting RGB values:
When all values are 0, it creates black When all values are 255, it creates white Copyright © Texas Education Agency, All rights reserved. Trade & Industrial Education

26 Assignment #2 Create a color wheel:
Create drawing objects and fill them with color by changing the RGB values. Move and rotate the objects to create a color wheel. There should be 4 color variations between each primary and secondary color. Copyright © Texas Education Agency, All rights reserved. Trade & Industrial Education

27 PART THREE Printed Color & CMYK values
Copyright © Texas Education Agency, All rights reserved. Trade & Industrial Education

28 Pigment Color Color Printers: Use mixtures of 4 colors
Printers use CYAN, MAGENTA, YELLOW, and BLACK color This is called CMYK Cyan Magenta Yellow Black Copyright © Texas Education Agency, All rights reserved. Trade & Industrial Education

29 Pigment Color + = + = + = Color Printers:
Combinations of CMYK will create Blue, Red, or Green The monitor screen displays color in RGB values; the printer will print that color in CMYK values. Sometimes, the translation causes the color on a printout to be different than that on the screen Cyan Magenta + = Blue Yellow Magenta + = Red Cyan Yellow + = Green Copyright © Texas Education Agency, All rights reserved. Trade & Industrial Education

30 Pigment Color Setting CMYK values:
In some programs, you can switch the color mode from RGB to CMYK Copyright © Texas Education Agency, All rights reserved. Trade & Industrial Education

31 Pigment Color Setting CMYK values: A color is defined by four values
These values must be within the number range 0-100 You can achieve the same color selection as RGB but using CMYK values instead The color Blue in RGB values is 0, 0, 255 In CMYK values is 99, 67, 0, 20 The RGB value of the color Blue is The CMYK value of the same color Blue is Copyright © Texas Education Agency, All rights reserved. Trade & Industrial Education

32 Assignment #3 Create a paint strip:
Using a software program that allows CMYK values, recreate the color scheme of a paint chip sample. Print the document, then record the RGB values and CMYK values for each color. Print the document in color. Staple the paint chip sample to the document. Copyright © Texas Education Agency, All rights reserved. Trade & Industrial Education

33 The End Trade & Industrial Education
Copyright © Texas Education Agency, All rights reserved. Trade & Industrial Education

Download ppt "Digital & Interactive Media"

Similar presentations

Color Schemes. Neutral Neutral color schemes can be easier to live with than with vibrant color schemes. True neutral colors are black, white and shades.

Color Schemes. Neutral Neutral color schemes can be easier to live with than with vibrant color schemes. True neutral colors are black, white and shades.
Color Theory Color- the illusion of producing different hues to the eye as a result of various electromagnetic wavelengths of white light reflecting from.

Color Theory Color- the illusion of producing different hues to the eye as a result of various electromagnetic wavelengths of white light reflecting from.
ECA 228 Internet Design color. rods & cones electromagnetic radiation.

ECA 228 Internet Design color. rods & cones electromagnetic radiation.
Color Wheel.

Color Wheel.
Color: The result of the spectrum of visible light reflecting off of an object. Ultraviolet Infrared.

Color: The result of the spectrum of visible light reflecting off of an object. Ultraviolet Infrared.
A Brief Review on Color Theory

A Brief Review on Color Theory
Color Theory. Primary Colors What are the Primary Colors?

Color Theory. Primary Colors What are the Primary Colors?
Click Here Lesson 2 Color Theory Bench Marks Click Here Standards.doc.

Click Here Lesson 2 Color Theory Bench Marks Click Here Standards.doc.
Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them.

Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them.
Quiz Review - Drawing Kickback - line type most specific to designers that is drawn with an emphasis at the beginning and at the end. Feathering - a vague-looking.

Quiz Review - Drawing Kickback - line type most specific to designers that is drawn with an emphasis at the beginning and at the end. Feathering - a vague-looking.
Color Wheel The colour wheel is divided into three categories: primary, secondary, and tertiary. The three primary colours are red, yellow and blue. These.

Color Wheel The colour wheel is divided into three categories: primary, secondary, and tertiary. The three primary colours are red, yellow and blue. These.
Colors are also divided into WARM and COOL categories. The WARM colors are red, orange and yellow. COOL colors are green, blue and violet.

Colors are also divided into WARM and COOL categories. The WARM colors are red, orange and yellow. COOL colors are green, blue and violet.
Color Theory Color Wheel Color Wheel Color Values Color Values Color Schemes Color Schemes.

Color Theory Color Wheel Color Wheel Color Values Color Values Color Schemes Color Schemes.
COLOR SCHEMES Certain colors used together in design There are seven basic color harmonies.

COLOR SCHEMES Certain colors used together in design There are seven basic color harmonies.
COLOR MODEL WEB DESIGN. BASIC COLOR THEORY With colors, we can set a mood, attract attention, or make a statement We can use color to energize, or to.

COLOR MODEL WEB DESIGN. BASIC COLOR THEORY With colors, we can set a mood, attract attention, or make a statement We can use color to energize, or to.
Where does color come from? Ray of light is the source of all color.

Where does color come from? Ray of light is the source of all color.
Visual and Graphic Design

Visual and Graphic Design
The Color Wheel The color wheel is a means of organizing the colors in the spectrum. The color wheel consists of 12 sections, each containing one hue.

The Color Wheel The color wheel is a means of organizing the colors in the spectrum. The color wheel consists of 12 sections, each containing one hue.
PRIMARY COLORS: red, blue, yellow SECONDARY COLORS: The colors created from mixing an equal amount of 2 primary colors.

PRIMARY COLORS: red, blue, yellow SECONDARY COLORS: The colors created from mixing an equal amount of 2 primary colors.
Colour Visual Arts 8. Colour There are many different terms used in reference to colour The chroma refers to the description of the colour including the.

Colour Visual Arts 8. Colour There are many different terms used in reference to colour The chroma refers to the description of the colour including the.

Similar presentations

Ads by Google