COLOURmstina-color-studies.weebly.com/uploads/3/9/7/3/39737182/basic_c… · the basic color wheel...

52
The basic Principles of COL OUR Application

Transcript of COLOURmstina-color-studies.weebly.com/uploads/3/9/7/3/39737182/basic_c… · the basic color wheel...

Page 1: COLOURmstina-color-studies.weebly.com/uploads/3/9/7/3/39737182/basic_c… · the basic color wheel when white, black or both are mixed in (grey). The basic Principles of COLOUR application

The

basic

Principles

of COLOUR Application

Page 2: COLOURmstina-color-studies.weebly.com/uploads/3/9/7/3/39737182/basic_c… · the basic color wheel when white, black or both are mixed in (grey). The basic Principles of COLOUR application

Hues, Tints, Tones and Shades: What’s the Difference?

A lot of us use the terms hue, tint, tone and shade when referring to color in art, but did you know each of these terms has a very specific meaning? For a painter, knowing the difference between them all is important when communicating concepts in your painting. More importantly, you can use this knowledge for color mixing, helping you figure out how to mix just the right colors from your paints.

The basic Principles of COLOUR application

Page 3: COLOURmstina-color-studies.weebly.com/uploads/3/9/7/3/39737182/basic_c… · the basic color wheel when white, black or both are mixed in (grey). The basic Principles of COLOUR application

Hues, Tints, Tones and Shades: What’s the Difference?

• Hue is just a color. • Tints, tones, and shades are variations of the hues found on

the basic color wheel when white, black or both are mixed in (grey).

The basic Principles of COLOUR application

Page 4: COLOURmstina-color-studies.weebly.com/uploads/3/9/7/3/39737182/basic_c… · the basic color wheel when white, black or both are mixed in (grey). The basic Principles of COLOUR application

Hue : Any single color in the spectrum(the 12 color wheel)

The basic Principles of COLOUR application

Page 5: COLOURmstina-color-studies.weebly.com/uploads/3/9/7/3/39737182/basic_c… · the basic color wheel when white, black or both are mixed in (grey). The basic Principles of COLOUR application

Value : The relative brightness or darkness of a color

The basic Principles of COLOUR application

Page 6: COLOURmstina-color-studies.weebly.com/uploads/3/9/7/3/39737182/basic_c… · the basic color wheel when white, black or both are mixed in (grey). The basic Principles of COLOUR application

Tint : A color with white addedShade : A color with black added

The basic Principles of COLOUR application

Page 7: COLOURmstina-color-studies.weebly.com/uploads/3/9/7/3/39737182/basic_c… · the basic color wheel when white, black or both are mixed in (grey). The basic Principles of COLOUR application

Saturation: The relative intensity or purity of a color

Bright, vibrant colors (reds or oranges) have a saturation dull or muted colors (browns) have a low degree of

saturation

The basic Principles of COLOUR application

Page 8: COLOURmstina-color-studies.weebly.com/uploads/3/9/7/3/39737182/basic_c… · the basic color wheel when white, black or both are mixed in (grey). The basic Principles of COLOUR application

Colors can be of the same hue and still have varying degrees of saturation

The basic Principles of COLOUR application

Page 9: COLOURmstina-color-studies.weebly.com/uploads/3/9/7/3/39737182/basic_c… · the basic color wheel when white, black or both are mixed in (grey). The basic Principles of COLOUR application

Creating Tints and Shades

TintA hue produced by the

addition of white

ShadeA hue produced by the

addition of black.

The basic Principles of COLOUR application

Shade and tint are terms that refer to a variation of a hue.

Page 10: COLOURmstina-color-studies.weebly.com/uploads/3/9/7/3/39737182/basic_c… · the basic color wheel when white, black or both are mixed in (grey). The basic Principles of COLOUR application

The basic Principles of COLOUR application

Page 11: COLOURmstina-color-studies.weebly.com/uploads/3/9/7/3/39737182/basic_c… · the basic color wheel when white, black or both are mixed in (grey). The basic Principles of COLOUR application
Page 12: COLOURmstina-color-studies.weebly.com/uploads/3/9/7/3/39737182/basic_c… · the basic color wheel when white, black or both are mixed in (grey). The basic Principles of COLOUR application

Cartoon

* Highly Saturation = FAKE

Page 13: COLOURmstina-color-studies.weebly.com/uploads/3/9/7/3/39737182/basic_c… · the basic color wheel when white, black or both are mixed in (grey). The basic Principles of COLOUR application

Highly Saturation

*Happiness*Warm

Low Saturation

*Sadness / Lonely*Cold

Page 14: COLOURmstina-color-studies.weebly.com/uploads/3/9/7/3/39737182/basic_c… · the basic color wheel when white, black or both are mixed in (grey). The basic Principles of COLOUR application

SATURATION & VALUE in a nutshell

The basic Principles of COLOUR application

• Don’t overdo it

• Use it to guide the viewer

• Use it to tell a story

• Use it to change the mood

• Draw attention to something

Page 15: COLOURmstina-color-studies.weebly.com/uploads/3/9/7/3/39737182/basic_c… · the basic color wheel when white, black or both are mixed in (grey). The basic Principles of COLOUR application

How do these idea work together?Like the elements of design, hue, saturation and value can be used to emphasize certain areas of a composition or deemphasize others

Colors can balance, organize and harmonize a design, or to create discord

Colors with high saturation intensity and brighter value are more visible and demanding of a viewer s attention

Colors with low saturation can be used to set apart secondary information or to create background elements

The basic Principles of COLOUR application

Page 16: COLOURmstina-color-studies.weebly.com/uploads/3/9/7/3/39737182/basic_c… · the basic color wheel when white, black or both are mixed in (grey). The basic Principles of COLOUR application

Basic Colour Terms

Hue - Undiluted colours. The true colours of the spectrum.

Saturation / Intensity - Brightness of a colour.

Value - Lightness and darkness of a colour.

Tint - A colour with the presence of white. Lighter shade of a colour.

Shade - A colour with the presence of black. Darker shade of a colour

The basic Principles of COLOUR application

Page 17: COLOURmstina-color-studies.weebly.com/uploads/3/9/7/3/39737182/basic_c… · the basic color wheel when white, black or both are mixed in (grey). The basic Principles of COLOUR application

The basic Principles of COLOUR application

Page 18: COLOURmstina-color-studies.weebly.com/uploads/3/9/7/3/39737182/basic_c… · the basic color wheel when white, black or both are mixed in (grey). The basic Principles of COLOUR application

Warm Colors: These are the colors of fire. They radiate warmth. Warm colors are more often

associated with passion, energy, impulsiveness, happiness, coziness, and comfort. They draw

attention and have the advantage of being inviting and harmonious.

The basic Principles of COLOUR application

Page 19: COLOURmstina-color-studies.weebly.com/uploads/3/9/7/3/39737182/basic_c… · the basic color wheel when white, black or both are mixed in (grey). The basic Principles of COLOUR application

Cool Colors: These are the colors of water. Cool colors are more often associated with calm, trust, and professionalism. The are also associated with sadness and melancholy. The have the advantage

of being professional and harmonious, but can also turn people off by the coolness they radiate.

The basic Principles of COLOUR application

Page 20: COLOURmstina-color-studies.weebly.com/uploads/3/9/7/3/39737182/basic_c… · the basic color wheel when white, black or both are mixed in (grey). The basic Principles of COLOUR application

The basic Principles of COLOUR application

Page 21: COLOURmstina-color-studies.weebly.com/uploads/3/9/7/3/39737182/basic_c… · the basic color wheel when white, black or both are mixed in (grey). The basic Principles of COLOUR application

Color Schemes / Harmonies

The basic Principles of COLOUR application

Page 22: COLOURmstina-color-studies.weebly.com/uploads/3/9/7/3/39737182/basic_c… · the basic color wheel when white, black or both are mixed in (grey). The basic Principles of COLOUR application

The “6” Colours Combinations

The basic Principles of COLOUR application

may pass unnoticed when pleasing, yet offend dramatically when compositions seem to clash. One outcome we seek in the final form or composition,is a successful use of colour.

Page 23: COLOURmstina-color-studies.weebly.com/uploads/3/9/7/3/39737182/basic_c… · the basic color wheel when white, black or both are mixed in (grey). The basic Principles of COLOUR application

• Only ONE color• Best for single subjects• atmospheric

The basic Principles of COLOUR application

Page 24: COLOURmstina-color-studies.weebly.com/uploads/3/9/7/3/39737182/basic_c… · the basic color wheel when white, black or both are mixed in (grey). The basic Principles of COLOUR application

Colors can be of the same hue and still have varying degrees of saturation

The basic Principles of COLOUR application

Page 25: COLOURmstina-color-studies.weebly.com/uploads/3/9/7/3/39737182/basic_c… · the basic color wheel when white, black or both are mixed in (grey). The basic Principles of COLOUR application

The basic Principles of COLOUR application

Page 26: COLOURmstina-color-studies.weebly.com/uploads/3/9/7/3/39737182/basic_c… · the basic color wheel when white, black or both are mixed in (grey). The basic Principles of COLOUR application

The basic Principles of COLOUR application

Page 27: COLOURmstina-color-studies.weebly.com/uploads/3/9/7/3/39737182/basic_c… · the basic color wheel when white, black or both are mixed in (grey). The basic Principles of COLOUR application

The basic Principles of COLOUR application

• Color adjacent on wheel• Easy on eyes• Peaceful, comfortable

mood• Seen in nature

Page 28: COLOURmstina-color-studies.weebly.com/uploads/3/9/7/3/39737182/basic_c… · the basic color wheel when white, black or both are mixed in (grey). The basic Principles of COLOUR application

Colors can be of the same hue and still have varying degrees of saturation

The basic Principles of COLOUR application

Page 29: COLOURmstina-color-studies.weebly.com/uploads/3/9/7/3/39737182/basic_c… · the basic color wheel when white, black or both are mixed in (grey). The basic Principles of COLOUR application

The basic Principles of COLOUR application

Page 30: COLOURmstina-color-studies.weebly.com/uploads/3/9/7/3/39737182/basic_c… · the basic color wheel when white, black or both are mixed in (grey). The basic Principles of COLOUR application

The basic Principles of COLOUR application

Page 31: COLOURmstina-color-studies.weebly.com/uploads/3/9/7/3/39737182/basic_c… · the basic color wheel when white, black or both are mixed in (grey). The basic Principles of COLOUR application

The basic Principles of COLOUR application

Page 32: COLOURmstina-color-studies.weebly.com/uploads/3/9/7/3/39737182/basic_c… · the basic color wheel when white, black or both are mixed in (grey). The basic Principles of COLOUR application

The basic Principles of COLOUR application

• Opposing color on wheel• Very popular• Naturally pleasing to eye• Use one color

predominantly

Page 33: COLOURmstina-color-studies.weebly.com/uploads/3/9/7/3/39737182/basic_c… · the basic color wheel when white, black or both are mixed in (grey). The basic Principles of COLOUR application

Colors can be of the same hue and still have varying degrees of saturation

The basic Principles of COLOUR application

Page 34: COLOURmstina-color-studies.weebly.com/uploads/3/9/7/3/39737182/basic_c… · the basic color wheel when white, black or both are mixed in (grey). The basic Principles of COLOUR application

The basic Principles of COLOUR application

Page 35: COLOURmstina-color-studies.weebly.com/uploads/3/9/7/3/39737182/basic_c… · the basic color wheel when white, black or both are mixed in (grey). The basic Principles of COLOUR application

The basic Principles of COLOUR application

• Similar to complimentary • One end extended• More creative freedom• Feels lively, joyous

Split Complementary

Page 36: COLOURmstina-color-studies.weebly.com/uploads/3/9/7/3/39737182/basic_c… · the basic color wheel when white, black or both are mixed in (grey). The basic Principles of COLOUR application

Colors can be of the same hue and still have varying degrees of saturation

The basic Principles of COLOUR application

Page 37: COLOURmstina-color-studies.weebly.com/uploads/3/9/7/3/39737182/basic_c… · the basic color wheel when white, black or both are mixed in (grey). The basic Principles of COLOUR application

The basic Principles of COLOUR application

Page 38: COLOURmstina-color-studies.weebly.com/uploads/3/9/7/3/39737182/basic_c… · the basic color wheel when white, black or both are mixed in (grey). The basic Principles of COLOUR application

The basic Principles of COLOUR application

Page 39: COLOURmstina-color-studies.weebly.com/uploads/3/9/7/3/39737182/basic_c… · the basic color wheel when white, black or both are mixed in (grey). The basic Principles of COLOUR application

The basic Principles of COLOUR application

Page 40: COLOURmstina-color-studies.weebly.com/uploads/3/9/7/3/39737182/basic_c… · the basic color wheel when white, black or both are mixed in (grey). The basic Principles of COLOUR application

The basic Principles of COLOUR application

• Equally distant on wheel• Hard to pull off• Strong visual contrast• Best for cartoon/surreal

scenes

Page 41: COLOURmstina-color-studies.weebly.com/uploads/3/9/7/3/39737182/basic_c… · the basic color wheel when white, black or both are mixed in (grey). The basic Principles of COLOUR application

Colors can be of the same hue and still have varying degrees of saturation

The basic Principles of COLOUR application

Page 42: COLOURmstina-color-studies.weebly.com/uploads/3/9/7/3/39737182/basic_c… · the basic color wheel when white, black or both are mixed in (grey). The basic Principles of COLOUR application

The basic Principles of COLOUR application

Page 43: COLOURmstina-color-studies.weebly.com/uploads/3/9/7/3/39737182/basic_c… · the basic color wheel when white, black or both are mixed in (grey). The basic Principles of COLOUR application

The basic Principles of COLOUR application

• Two pairs of opposing color

• Best use for foreground / background

• Never use 25% for each• Hard, but pleasing

Tetradic /

Double Complementary

Page 44: COLOURmstina-color-studies.weebly.com/uploads/3/9/7/3/39737182/basic_c… · the basic color wheel when white, black or both are mixed in (grey). The basic Principles of COLOUR application

Colors can be of the same hue and still have varying degrees of saturation

The basic Principles of COLOUR application

Page 45: COLOURmstina-color-studies.weebly.com/uploads/3/9/7/3/39737182/basic_c… · the basic color wheel when white, black or both are mixed in (grey). The basic Principles of COLOUR application

Colours Combinations

The basic Principles of COLOUR application

Monochromatic Relationship Complementary Relationship

Page 46: COLOURmstina-color-studies.weebly.com/uploads/3/9/7/3/39737182/basic_c… · the basic color wheel when white, black or both are mixed in (grey). The basic Principles of COLOUR application

Colours Combinations

The basic Principles of COLOUR application

Split-Complementary Relationship

One hue plus two others equally spaced

from its complement.

Double-Complementary Relationship

Two complementary colour sets; the distance between selected

complementary pairs will effect the overall contrast of the final composition

Page 47: COLOURmstina-color-studies.weebly.com/uploads/3/9/7/3/39737182/basic_c… · the basic color wheel when white, black or both are mixed in (grey). The basic Principles of COLOUR application

Colours Combinations

The basic Principles of COLOUR application

Analogous RelationshipTriad Relationship

Three hues equally positionedon a colour wheel.

Page 48: COLOURmstina-color-studies.weebly.com/uploads/3/9/7/3/39737182/basic_c… · the basic color wheel when white, black or both are mixed in (grey). The basic Principles of COLOUR application

Summary

The basic Principles of COLOUR application

Saturation: Don’t overdo it. Best for highlight areas of interest, or telling story

Value: Use values of high contrast to draw attention.

Page 49: COLOURmstina-color-studies.weebly.com/uploads/3/9/7/3/39737182/basic_c… · the basic color wheel when white, black or both are mixed in (grey). The basic Principles of COLOUR application

Summary

The basic Principles of COLOUR application

Use color harmonies for pleasing combination

1. Monochromatic : one color2. Analogous: adjacent color3. Triadic: Equally distant color4. Complimentary: opposing colors5. Slipt-Complimentary: one complimentary end extended6. Double –complimentary: two pairs of opposing color

Page 50: COLOURmstina-color-studies.weebly.com/uploads/3/9/7/3/39737182/basic_c… · the basic color wheel when white, black or both are mixed in (grey). The basic Principles of COLOUR application

The material

The basic Principles of COLOUR theory

Student need to bring :

Poster Color

Drawing Brush

A3 Size Drawing Block

30cm Long Ruler Plastic Cup

• Old Fabric/cloth• Old newspaper

Page 51: COLOURmstina-color-studies.weebly.com/uploads/3/9/7/3/39737182/basic_c… · the basic color wheel when white, black or both are mixed in (grey). The basic Principles of COLOUR application

Assignment 2.1:

The Tint, Tone, Shade Color Bar

The basic Principles of COLOUR theory

These four basic parameters – hue, tint, shade and tone, let us recreate billions of individual colors the human eye is capable of discerning.

Page 52: COLOURmstina-color-studies.weebly.com/uploads/3/9/7/3/39737182/basic_c… · the basic color wheel when white, black or both are mixed in (grey). The basic Principles of COLOUR application

Assignment 2.1:

The Tint, Tone, Shade Color Bar

The basic Principles of COLOUR theory