USING COLOR (Intro to GD: Wk 5a)

  • View
    8.440

  • Download
    0

  • Category

    Design

Preview:

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.

Citation preview

( 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

Every color can be defined by four essential qualities:

1. HUE

2. SATURATION

3. TEMPERATURE

4. VALUE

Every color can be defined by four essential qualities:

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

1. HUE

Every color can be defined by four essential qualities:

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

1. HUE

Every color can be defined by four essential qualities:

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

1. HUE

Every color can be defined by four essential qualities:

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

1. HUE

Every color can be defined by four essential qualities:

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

2. SATURATION

Every color can be defined by four essential qualities:

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

2. SATURATION

Every color can be defined by four essential qualities:

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

2. SATURATION

Every color can be defined by four essential qualities:

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

2. SATURATION

Every color can be defined by four essential qualities:

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

2. SATURATION

Every color can be defined by four essential qualities:

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

2. SATURATION

Every color can be defined by four essential qualities:

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

2. SATURATION

Every color can be defined by four essential qualities:

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

2. SATURATION

Every color can be defined by four essential qualities:

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

2. SATURATION

Every color can be defined by four essential qualities:

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

2. SATURATION

Every color can be defined by four essential qualities:

The color’s perceived warmth or coolness

3. TEMPERATURE

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)

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)

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)

Battle of the color wheels

ROY G BIV

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

RGB & CMYK

RED

GREENBLUE

(K=black)

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

RGB & CMYK

RED

GREENBLUE

MAGENTA YELLOW

CYAN

(K=black)

RGB is light. CMYK is ink.

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

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.

RGB is light. CMYK is ink.

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.

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.

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.

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?

Six basic color relationships:

1. MONOCHROMATIC

2. ANALOGOUS

3. COMPLEMENT

4. SPLIT COMPLEMENT

5. PRIMARY

6. SECONDARY

Recommended