www.artinsight.org

COLOR & COMPOSITION

MOVEMENT

PRIMARY COLORS:
RED, YELLOW, BLUE

SECONDARY COLORS:
ORANGE, GREEN, PURPLE

RED, YELLOW, BLUE

PIGMENT, PAINTING

subtractive color mixing

HUE = COLOR

SATURATION = INTENSITY, CHROMA

VALUE = LIGHT TO DARK, TINTS, SHADES
 

TINT = COLOR + WHITE

SHADE = COLOR + BLACK

TONE = COLOR + ANOTHER COLOR
CREATING A NEUTRAL

COLORS THAT ARE OPPOSITE FROM EACH OTHER ON THE COLOR WHEEL

Example 2: ORANGE & BLUE

Example 3: RED & GREEN

ANALOGOUS COLORS

colors that sit next to each other on the color wheel

Example 1: yellow, green, blue

WARM & COOL COLORS

Warm: red, orange, yellow

Cool: green, blue, purple

This is subjective!
...meaning that any of these colors
can appear warm or cool depending
on what they are placed next to.

(1) overlapping and blending two colors

(2) change the intensity of the color

(3) change the value of the color

7 COLOR

CONTRASTS

Hue

Value (light/dark)

Temperature (cold/warm)

Complementary

Simultaneous Contrast

Saturation

Extension

Cool Colors: blues, greens, purples.  These colors recede in space, appear smaller, slower, and more transparent. 

Warm Colors: yellows, oranges, and reds. Warm colors radiate, advance, and expand in space, and are dynamic

Atmospheric Color: Warm colors expand and advance forward. Cool colors contract and recede backwards. Colors with texture and detail appear to be closer than soft, dull colors with not texture.

An OPTICAL ILLUSION. Colors that appear to intensify each other and to vibrate along shared edges. A large amount of one color will flood or dominate another color. When this happens, the dominant color washes over the surface and changes the other color. With this technique, you can make 1 color look like 2 colors, or you can make 2 different colors look like the same color.

To make Simultaneous Contrast work – you need:

1. A saturated, bright dominant color

2. A weaker color

3. The extension & proportion of the 2 colors is    important. If the    dominant color is a large area and the weak color is tiny, then the simultaneous contrast will be extreme.

Another word for saturation is INTENSITY. Pure color, straight out of the tube is highest in saturation. A hue loses its intensity as another color is added to it. There are essentially four ways of changing the intensity of a color:

1. add white – color becomes a tint, lighter in value

2. add black – color becomes a shade, darker in value

3. add grey – color becomes neutral, neither light nor dark, nor warm nor cool

4. add the complementary color to create a tone

Extension:  the proportion of one color to another. A highlight color is a good example of extension. Using a small amount of one color to create a focal point.

7 elements

OF Design

Line

Space

Texture

Shape

Form

Value

Color

direction, vertical, horizontal, diagonal, point, organic, geometric, hard, soft

Texture

texture can be implied – the illusion of texture using mark-making techniques (a 2D concept)

or texture can be actual – the physical, tactile surface (a 3D concept)

Value

gradation, light / dark contrast

circle, square, triangle

Scale

sphere, cube, pyramid

Space, Depth, Perspective

How to create the illusion of depth:

Perspective (1 point, 2 point, 3 point)

Overlapping

Cropping

Diminution (objects appear to become smaller as they get further away)

Value (atmospheric, things will appear hazier as they get further away)

Texture (objects that are closer will have more defined texture)

 OF DESIGN

Contrast

Unity

Balance

Emphasis

Pattern

Rhythm

Movement

Contrast

color, value, size, texture, etc.

Strong contrast creates a dynamic design

Minimal contrast creates a harmonious design

Emphasis

focal points, scale, making one element dominant

Objects that are closer, larger or with intense color will be noticed first.

Pattern

Repetition, shape

Rhythm

created with color, pattern, texture.

Compare to music: slow, fast.

Movement

composition, gesture, direction of elements, vertical, horizontal, diagonal.

www.colormatters.com

http://en.wikipedia.org/wiki/Color_theory

www.worqx.com/color

http://r0k.us/graphics/SIHwheel.html

http://www.colorsontheweb.com/

http://acept.la.asu.edu/PiN/rdg/readings.shtml

http://webexhibits.org/

http://colortheory.liquisoft.com/

http://www.public.iastate.edu/~design/ART/ARTVS208/colorwheel.swf

http://www.cs.nyu.edu/courses/fall02/V22.0380-001/color_theory.htm

fun site: color & personality test - based on Dr. Max Lüscher

optical illusions

http://www.michaelbach.de/ot/

http://www.ritsumei.ac.jp/~akitaoka/index-e.html