USING COLOR (Intro to GD: Wk 5a)

39
(A VERY BRIEF) INTRO TO USING COLOR

description

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.

Transcript of USING COLOR (Intro to GD: Wk 5a)

Page 1: USING COLOR (Intro to GD: Wk 5a)

( A V E R Y B R I E F )

I N T R O T O U S I N G C O L O R

Page 2: USING COLOR (Intro to GD: Wk 5a)

Every color can be defined by four essential qualities:

1. HUE

2. SATURATION

3. TEMPERATURE

4. VALUE

Page 3: USING COLOR (Intro to GD: Wk 5a)

Every color can be defined by four essential qualities:

Where the color sits in the visible wavelength: “red”, “blue”

1. HUE

Page 4: USING COLOR (Intro to GD: Wk 5a)

Every color can be defined by four essential qualities:

Where the color sits in the visible wavelength: “red”, “blue”

1. HUE

Page 5: USING COLOR (Intro to GD: Wk 5a)

Every color can be defined by four essential qualities:

Where the color sits in the visible wavelength: “red”, “blue”

1. HUE

Page 6: USING COLOR (Intro to GD: Wk 5a)

Every color can be defined by four essential qualities:

Where the color sits in the visible wavelength: “red”, “blue”

1. HUE

Page 7: USING COLOR (Intro to GD: Wk 5a)

Every color can be defined by four essential qualities:

The intensity of a color: “fire engine red”, “pastel red”

2. SATURATION

Page 8: USING COLOR (Intro to GD: Wk 5a)

Every color can be defined by four essential qualities:

The intensity of a color: “fire engine red”, “pastel red”

2. SATURATION

Page 9: USING COLOR (Intro to GD: Wk 5a)

Every color can be defined by four essential qualities:

The intensity of a color: “fire engine red”, “pastel red”

2. SATURATION

Page 10: USING COLOR (Intro to GD: Wk 5a)

Every color can be defined by four essential qualities:

The intensity of a color: “fire engine red”, “pastel red”

2. SATURATION

Page 11: USING COLOR (Intro to GD: Wk 5a)

Every color can be defined by four essential qualities:

The intensity of a color: “fire engine red”, “pastel red”

2. SATURATION

Page 12: USING COLOR (Intro to GD: Wk 5a)

Every color can be defined by four essential qualities:

The intensity of a color: “fire engine red”, “pastel red”

2. SATURATION

Page 13: USING COLOR (Intro to GD: Wk 5a)

Every color can be defined by four essential qualities:

The intensity of a color: “fire engine red”, “pastel red”

2. SATURATION

Page 14: USING COLOR (Intro to GD: Wk 5a)

Every color can be defined by four essential qualities:

The intensity of a color: “fire engine red”, “pastel red”

2. SATURATION

Page 15: USING COLOR (Intro to GD: Wk 5a)

Every color can be defined by four essential qualities:

The intensity of a color: “fire engine red”, “pastel red”

2. SATURATION

Page 16: USING COLOR (Intro to GD: Wk 5a)

Every color can be defined by four essential qualities:

The intensity of a color: “fire engine red”, “pastel red”

2. SATURATION

Page 17: USING COLOR (Intro to GD: Wk 5a)

Every color can be defined by four essential qualities:

The color’s perceived warmth or coolness

3. TEMPERATURE

Page 18: USING COLOR (Intro to GD: Wk 5a)

Every color can be defined by four essential qualities:

The tonal value of a color, how light or dark the color is

4. VALUE (or BRIGHTNESS)

Page 19: USING COLOR (Intro to GD: Wk 5a)

Every color can be defined by four essential qualities:

The tonal value of a color, how light or dark the color is

4. VALUE (or BRIGHTNESS)

Page 20: USING COLOR (Intro to GD: Wk 5a)

Every color can be defined by four essential qualities:

The tonal value of a color, how light or dark the color is

4. VALUE (or BRIGHTNESS)

Page 21: USING COLOR (Intro to GD: Wk 5a)

Battle of the color wheels

Page 22: USING COLOR (Intro to GD: Wk 5a)

ROY G BIV

Page 23: USING COLOR (Intro to GD: Wk 5a)

In Adobe programs, there are two color models you need to know:

RGB & CMYK

RED

GREENBLUE

(K=black)

Page 24: USING COLOR (Intro to GD: Wk 5a)

In Adobe programs, there are two color models you need to know:

RGB & CMYK

RED

GREENBLUE

MAGENTA YELLOW

CYAN

(K=black)

Page 25: USING COLOR (Intro to GD: Wk 5a)

RGB is light. CMYK is ink.

Page 26: USING COLOR (Intro to GD: Wk 5a)

RGB is called additive because all of the colors together at 100% would create white.

RGB is light. CMYK is ink.

Page 27: USING COLOR (Intro to GD: Wk 5a)

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.

RGB is light. CMYK is ink.

Page 28: USING COLOR (Intro to GD: Wk 5a)

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.

Page 29: USING COLOR (Intro to GD: Wk 5a)

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.

Page 30: USING COLOR (Intro to GD: Wk 5a)

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.

Page 31: USING COLOR (Intro to GD: Wk 5a)

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?

Page 32: USING COLOR (Intro to GD: Wk 5a)

Six basic color relationships:

1. MONOCHROMATIC

2. ANALOGOUS

3. COMPLEMENT

4. SPLIT COMPLEMENT

5. PRIMARY

6. SECONDARY

Page 33: USING COLOR (Intro to GD: Wk 5a)
Page 34: USING COLOR (Intro to GD: Wk 5a)
Page 35: USING COLOR (Intro to GD: Wk 5a)
Page 36: USING COLOR (Intro to GD: Wk 5a)
Page 37: USING COLOR (Intro to GD: Wk 5a)
Page 38: USING COLOR (Intro to GD: Wk 5a)
Page 39: USING COLOR (Intro to GD: Wk 5a)