color definitions graphic design. there are tens of thousands of colors at designers’ disposal,...

64
Color Definitions Graphic Design

Upload: cody-pearson

Post on 20-Jan-2016

212 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: 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

Page 2: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them

• There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them.

Page 3: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them

• The designers must:– get to grips with the

ways in which colors are classified and

– the terms used to describe them.

Page 4: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them
Page 5: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them

• Color can be said to differ in 3 significant ways:– Hue, tone, saturation

Page 6: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them

Hue, tone, saturation

• A pure color, such as red/green/blue, is known as the hue.

• It is the generic name of the color.

• A single hue will have many variations of its pure color, ranging from light to dark.

• The term describing this is “tone”.

Page 7: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them

• A Tint is hue with white added– Pink is a tint (red + white)

Page 8: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them

• A Shade is a hue with black added

• A Tint is a hue with white added.

+ =

+ =

red blk

red wht pink

Page 9: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them
Page 10: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them

Hue, tone, saturation

• A single hue will vary according to its brightness.

• This is known as “saturation”, also called chroma/ intensity.

Page 11: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them

Saturation

• is a measure of a color's pureness and brilliance.

• In subtractive color processing like CYMK, the more we mix colors the less pure they become; therefore, the color appears dull.

Page 12: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them
Page 13: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them

Adjusting saturation

• means adding black, gray, or color complements to a paint color in order to decrease saturation which will dull it or "knock it back".   

Page 14: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them

• Doing so moves the color farther away from its purest state of hue.

Page 15: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them

Pure Colors De-saturated

Page 16: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them

Hue, tone, saturation

• An excellent aid is a color wheel that shows the full spectrum of colors from red through to violet.

Page 17: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them
Page 18: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them
Page 19: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them
Page 20: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them
Page 21: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them

Additive Mixing

Page 22: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them

Primary colors for Light

Red

GreenBlue

Page 23: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them

Secondary colors for Light

Red

GreenBlue

Red + Green = Yellow

Green + Blue = Cyan

Red + Blue = Magenta

Page 24: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them

Red + Green + Blue = White

Red

GreenBlue

Page 25: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them
Page 26: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them
Page 27: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them
Page 28: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them

How we see color?!

Page 29: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them

• When light strikes the pigmented surface, some wavelengths are absorbed and others reflected.

• The reflected wavelengths determine the color we see.

• So what we call red paint is paint that absorbs green and blue.

Page 30: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them
Page 31: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them
Page 32: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them
Page 33: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them

The Sun gives off "white" light, a mixture of all the colors in the spectrum.

The object appears BLACK because RED, BLUE, and GREEN are all absorbed, which leaves nothing to be reflected.

We see the color BLACK.

Page 34: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them
Page 35: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them
Page 36: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them

Subtractive Mixing/ Primaries

Page 37: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them

Why called subtractive?!

• Because each color printed on to a stock subtracts from white and if the 3 primaries overlap, black will result.

Page 38: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them

Subtractive Mixing/ Primaries

CyanYellow

Magenta

Page 39: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them

Secondary for Subtractive Mixing

Cyan + Yellow = Green

Yellow + Magenta + Red

Magenta + Cyan + Blue

Page 40: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them
Page 41: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them
Page 42: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them

Complementary Colors

• Two hues directly opposite one another on a color wheel which, when mixed together in proper proportions, produce a neutral gray.

Page 43: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them
Page 44: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them

Complementary Colors

• e.g., blue and orange, yellow and purple, red and green .

Page 45: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them

Complementary Colors

• When a pair of high intensity complements are placed side by side, they seem to vibrate and draw attention to the element

Page 46: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them
Page 47: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them
Page 48: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them
Page 49: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them

sample

Henri Matisse - Woman with the Hat, Paris - 1904-5

Page 50: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them
Page 51: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them
Page 52: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them
Page 53: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them
Page 54: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them

Analogous colors

• Colors that are closely related in hue(s).

• They are usually adjacent (next) to each other on the color wheel.

Page 55: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them
Page 56: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them

Analogous

• - colors that contain a common hue and are found next to each other on the color wheel, e.g., violet, red-violet, and red create a sense of harmony. 

• Remember adjoining colors on the wheel are similar and tend to blend together.

Page 57: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them
Page 58: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them
Page 59: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them
Page 60: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them
Page 61: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them
Page 62: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them

Monochromatic:

• This color scheme uses colors from the same Hue on the color wheel, but with varying saturation and/or lightness (for example: different shades or tints of red).

Page 63: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them
Page 64: Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them

Combination of colors• Combination of Complimentary

colors:– > Contrast

• Combination of Analogous colors:– > Harmony