61
check it out online at www.belyea.com/svc/all_about_color.pdf

bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

  • Upload
    others

  • View
    6

  • Download
    0

Embed Size (px)

Citation preview

Page 1: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

check it out online at www.belyea.com/svc/all_about_color.pdf

Page 2: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

Who am I?

Page 3: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

I got the bluesExpEriEncE and Emotions through color

Page 4: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

PASSION

Page 5: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

JOY

Page 6: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

DePreSSION

Page 7: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

HArMONY

Page 8: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

CreATIVITY

Page 9: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

PeACe

Page 10: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

MOUrNING

Page 11: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

It’s a bird, it’s a plane...What is color?

Page 12: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

Color is a perceptual sensation created in the human mind in response to certain wavelengths of electromagnetic energy that constitute the visible spectrum of light. Human perception of and response to these wavelenghts is affected by many factors including physiology, psychology, language, and culture.

› Color Design Workbook (Suggested reading for this class)

Page 13: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

The quality of an object or substance with respect to light reflected by the object, usually determined visually by measurement of hue, saturation, and brightness of the reflected light.

› Dictionary.com

Page 14: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

A phenomenon of light (as red, brown, pink, or gray) or visual perception that enables one to differentiate otherwise identical objects.

› Merriam-Webster’s Dictionary

Page 15: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

Time to go all techy on yaha tEchnical look at color and thE

alWays popular visual spectrum

Page 16: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

Technical DetailsdEfinition

Color is basically just a bunch of different wavelengths.

Humans can distinguish between these wavelengths and therefore we see the world in bright, beautiful color.

These wavelenghts come in all sorts of shapes and size, long wavelengths appear to us as red, while short wavelengths are violet.

Page 17: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

Technical DetailsthE human color spacE

Our eyes have three types of color receptors: Red, Green and Blue. Therefore, everything we see is reduced to these colors or combinations of them.

Page 18: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

Technical DetailsVisual spEctrum

The Visual Spectrum is a portion of the electromagnetic spectrum that is visible to the human eye.

Ultraviolet and Infrared fall outside of the Visual Spectrum.

Page 19: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

Technical DetailsBlack Vs. WhitE

White = All colors Black = No colors

Page 20: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

So what’s it all mean?color dEfinEd for thE graphic dEsignEr

Page 21: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

There are 3 primary color systems that the designer needs to be aware of:

Additive or Pure Light Primaries (RGB)

Subtractive or Printer’s Primaries (CMY)

Subtractive or Artist’s Primaries (RYB)

Color in the Design Worldcolor systEms

Page 22: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

Color in the Design WorldrgB color systEm

Additive or Pure Light Primaries (RGB)

RGB is Red, Green and Blue.

Since these 3 colors make up the Human Color Space, this color system is the most pure and has the most brightness or intesity. When these colors overlap, they create Cyan, Magenta, Yellow and White. White is acheived by seeing all colors.

This system is called Additive.

Page 23: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

Color in the Design Worldcmy color systEm

Subtractive or Printer’s Primaries (CMY)

CMY is Cyan, Magenta and Yellow.

This system has physical properties that absorb color. For instance, the sensation of color is when the paper absorbs all wavelenghts except those that the eyes perceive. When these colors overlap, they create Red, Blue, Green and Black.

That is why this is called a Subtractive system, because it subtracts wavelengths.

Page 24: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

Color in the Design WorldryB color systEm

Subtractive or Artist’s Primaries (RYB)

RYB is Red, Yellow and Blue.

RYB is the most common color system in art classes and is the basis for most color theory. This color system is similar to CMY where when all colors combined create black. When overlapped, they create Orange, Green and Purple.

This is also a Subtractive system.

Page 25: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

The wheels on the color wheel go round and round

you guEssEd it! thE color WhEEl

Page 26: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

The Color Wheel12 stEp color WhEEl

RYB Color Wheel

Color wheels can vary from the simple to the complex.

This 12 step model is a good middle ground.

Page 27: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

The Color Wheel12 stEp color WhEEl

Primary Colors

Red

Yellow

Blue

Page 28: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

The Color Wheel12 stEp color WhEEl

Secondary Colors

Purple

Orange

Green

Page 29: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

The Color Wheel12 stEp color WhEEl

Tertiary Colors

Purple red

Red orange

Orange yellow

Yellow green

Green blue

Blue purple

Page 30: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

My a-capella group was sweet!color harmoniEs

Page 31: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

Color HarmoniescomplEmEntary

Complementary

Colors that are directly across from each other on the color wheel.

These colors have the most contrast and will excite the eye.

Page 32: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

Color Harmoniessplit complEmEntary

Split Complementary

Three colors where one color is accompanied by two colors equadistant from its compliment.

Less contrast than complimentary colors, creating a more sophisticated look.

Page 33: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

Color HarmoniesdouBlE complEmEntary

Double Complementary

A combination of two pairs of complimentary colors.

Using equal amounts of these four colors will be pretty intense and jarring.

Page 34: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

Color Harmoniesanalogous

Analogous

Two or more colors spaced equally from each other.

Since they all have similar light wavelenghts, this color scheme is easy on the eyes.

Page 35: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

Color Harmoniestriadic

Triadic

Three colors that are spaced evenly around the color wheel.

Some of these combinations can seem garish, while others are quite nice.

Page 36: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

Color Harmoniesmonochromatic

Monochromatic

Made of shades or tints of the same color.

Low contrast and very pleasing to the eye.

Page 37: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

The nitty-grittypropErtiEs of color

Page 38: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

Properties of ColorhuE

Hue

The description of the dominant wavelength of a color.

Hue is also called the name of a color.

Blue-Purple

Blue

Light Blue

Page 39: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

Properties of Colorsaturation

Saturation

A measure of the purity of the hue determined by the amount of gray it contains.

The more gray the color, the lower the saturation.

Saturation is also called chroma.

High Saturation

Mid Saturation

Low Saturation

Page 40: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

Properties of ColorBrightnEss

Brightness

The amount of light reflected by a color.

The more light reflected, the whiter the color (white is all light reflected).

Brightness is also called value.

High Brightness

Mid Brightness

Low Brightness

Page 41: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

Part Deux

Page 42: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

Battle royalecmyk Vs. rgB

Page 43: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

CMYK vs. rGBWhich systEm do you usE?

CMYK = Print RGB = Monitor

Page 44: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

Baby steps to the printerinks

Page 45: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

Inkscmyk

Page 46: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

Inksspot

Page 47: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

Layin’ it downhoW to gEt ink on papEr

Page 48: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

Getting Ink on Paperprinting procEssEs

Engraving Very nice

Thermography Cheap engraving

Reprographics Copying stuff

Digital Printing Cheap, quick, bad

Letterpress Beautiful, classic

Screen Think posters & t-shirts

Flexography Like letterpress, but flexible

Offset The one, the only

Page 49: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

Getting Ink on PaperlEttErprEss printing

Page 50: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

Getting Ink on PaperscrEEn printing

Page 51: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

Getting Ink on PaperoffsEt printing

Page 52: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

Getting Ink on PaperoffsEt printing

WATeR INK

PLATe

OFFSeT

PAPeR

IMPReSSION

Page 53: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

You’re almost therecontrolling color on prEss

Page 54: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

Controlling Color on PressWays to control color

Paper Choice

Dot Pattern

Ink Draw Down

Loose Color Proofs

Composed Proofs

Press Check

Page 55: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

Controlling Color on PresspapEr choicE

Paper

One of the most important decisions to make when choosing a paper is whether the paper is Uncoated or Coated.

Page 56: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

Controlling Color on Pressdot pattErn

Dot Pattern

Conventional offset print-ing lays down dots is a grid pattern, increasing and decreasing the size of dots to control density and color.

Stocastic printing uses a random dot placement and a random dot size.

Page 57: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

Controlling Color on Pressink draW doWns

Ink Draw Downs

Used when printing with spot colors, this is like seeing a small sample of wall paint before you paint your house.

Page 58: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

Controlling Color on PressloosE color proofs

Loose Color Proofs

This is great for preview-ing color before you send your files to the printer.

It allows you to check builds, reverses and skin tones.

Page 59: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

Controlling Color on PresscomposEd proofs

Composed Proofs

Last chance to make any changes before you go on press.

Once on press your options will be limited, so be very diligent when reviewing your composed proofs.

Page 60: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

Controlling Color on PressprEss chEck

Press Check

Your last chance to fine tune your final product.

Trust your press people, they know more than you. Tell them what you desire, and they will make it happen.

Page 61: bbcdcomdes.weebly.combbcdcomdes.weebly.com/uploads/1/1/8/6/11866691/03_all_about_co… · My a-capella group was sweet! color harmoniEs. Color Harmonies complEmEntary Complementary

FinpracticE makEs prEfEct… color