Additive and Subtractive (Reductive) Color

Similar documents
At the core of this relationship there are the three primary pigment colours RED, YELLOW and BLUE, which cannot be mixed from other colour elements.

UNDERSTANDING DIFFERENT COLOUR SCHEMES MONOCHROMATIC COLOUR

Color Theory for Floral Design

Conquering Color. Dina Wakley

THE ELEMENT OF COLOR

Textiles Arts and Crafts

Lesson Plan. Set: Notecard K of KWL. What do you know about color? Students will write information about everything they know about color.

THE BASICS OF COLOUR THEORY

In A Nutshell, What is Color Theory? The interaction of colors in a design through complementation contrast vibrancy.

DESIGN ELEMENTS OF DESIGN

COLOR AND YOUR HOME. Anyone who drives a car in a city follows traffic rules defined by red, green and yellow; no descriptive text is necessary.

COLOR THEORY WORKSHEET

The Effect of Color in Web Page Design

Color Theory. Tips & Tricks. Why do some colors work better together than others? More available at artbeats.com. by Chris & Trish Meyer, Crish Design

VISUAL ARTS VOCABULARY

Art Education Color Theory on the Computer Patricia Johnson Computer Graphics Education Consultant

A simpler version of this lesson is covered in the basic version of these teacher notes.

Simplify your palette

Reading An Introduction to Color Theory for Web Designers

Pantone Matching System Color Chart PMS Colors Used For Printing

Color Talk Every color has several dimensions. The following chart shows various words used to describe the characteristics of color.

How To Choose Color In Design

PANTONE Solid to Process

How To Color Print

Filters for Black & White Photography

ELEMENTS OF ART & PRINCIPLES OF DESIGN

Outline. Quantizing Intensities. Achromatic Light. Optical Illusion. Quantizing Intensities. CS 430/585 Computer Graphics I

TCS DIGITAL COLOR WHEEL VERSION 4.1 USER GUIDE

Design for the Web. by Joshua Ogle. thoughtbot

GRAPHIC DESIGN-CLASS XII ( ) SAMPLE QUESTION PAPER II GRAPHIC DESIGN (Theory) Class XII( )

Color & Finishes Scheme System Form ª

ART 123: COLOR & DESIGN FALL 2014

Choosing Colors for Data Visualization Maureen Stone January 17, 2006

How can you coordinate the color in stage lighting, costumes, makeup and sets so they all work well together?

graphic communication

Expert Color Choices for Presenting Data

RGB Workflow Key Communication Points. Journals today are published in two primary forms: the traditional printed journal and the

SIHHHDS303A. Hair colour. Skilling people for the industry

Color Balancing Techniques

Lithichrome Stone Paint- LT Blue Gallon Lithichrome Stone Paint- Blue 2 oz Lithichrome Stone Paint- Blue 6 oz

Digital Billboard Content Guidelines Content Design Recommendations

CORSAIR GAMING KEYBOARD SOFTWARE USER MANUAL

Oil painting medium Part 2 Colour Mixing 2446

Build a Dashboard in 60 Minutes Using Xcelsius Jesper Moselund Christensen COMERIT

Color quality guide. Quality menu. Color quality guide. Page 1 of 6

How to choose. Color. Common uses of color Simple color guidelines for your projects How light affects color The basics of color

GIS Tutorial 1. Lecture 2 Map design

Important Notes Color

Create an image using colour for the hair and beauty sector

PANTONE Coated Color Reference

1. Three-Color Light. Introduction to Three-Color Light. Chapter 1. Adding Color Pigments. Difference Between Pigments and Light. Adding Color Light

The Color of ecommerce

The Lighting Effects Filter

BASIC CONCEPTS OF HAIR PHYSIOLOGY AND COSMETIC HAIR DYES

Overview. Raster Graphics and Color. Overview. Display Hardware. Liquid Crystal Display (LCD) Cathode Ray Tube (CRT)

Tabla de conversión Pantone a NCS (Natural Color System)

Chapter 7 ADDITIVE COLOR MIXING

B r a n d G u i d e

Custom Roof Colors for the West Selecting Roofing Colors with Confidence Add to the Home Value by Marcus Dodson, editor

PROFESSIONAL HAIR COLOR BASIC HAIR COLOR THEORY

Digital Billboard Design Tips

Drawing with Pencils, Charcoal and Pastels

CULTURAL HISTORY Primary Colors - Part 1 of 2 by Neal McLain

Name Class Date. spectrum. White is not a color, but is a combination of all colors. Black is not a color; it is the absence of all light.

COLOR LOGIC FOR WEB SITE DESIGN

Elements of Art Name Design Project!

PANTONE ColorVANTAGE Process Simulations of PANTONE solid colors Page: 1 of 14

Chapter 7. Color and Graphics

Towards a New Age Graphic Design. Colour

Color for Beginners:

A Consumer s Guide to Colour and Design

May Technical Brief. Use of Colour in Data Display

VIDEO WORKSHEET. Review: DVD # Hour: After watching Wardrobe Planning: Dressing for Your Body Type, answer the following review questions.

1. Introduction to image processing

Photoshop- Image Editing

GUJARAT TECHNOLOGICAL UNIVERSITY, AHMEDABAD, GUJARAT COURSE CURRICULUM. Course Title: Basic Graphic Design (Code: )

Art / 101.S1 Color and Design Spring 2016 Class Schedule and Assignments

Designing a Logo. Design 1

Color Theory and Pixels & Bytes

Artisteer. User Manual

The Point Cloud Library Logo

Three Key Paper Properties

Norman Public Schools VISUAL ART ASSESSMENT GUIDE FOR GRADE 7

Percentage or Depth of Shade Dyeing using Procion MX or Acid Dyes. There are two concepts that will help you in understanding controlled use of dyes.

Colour Science Typography Frontend Dev

Pantone Color Chart Plexiglas Cross Reference

ACADEMIC TECHNOLOGY SUPPORT

Brand Standard Guide

Non-Stop Optical Illusions A Teacher s Guide to the Empire State Plaza Art Collection

3 hours One paper 70 Marks. Areas of Learning Theory

Corporate Identity Quick Reference Guide

Plymouth. Britain s Ocean City.

Get To Know Paint Shop Pro: Layers

Selecting the appropriate band combination for an RGB image using Landsat imagery

SMU Student Affairs Style Guide

Seeing in black and white

Perception of Light and Color

ART 170: Web Design 1

Transcription:

Additive and Subtractive (Reductive) Color Additive color is what we normally think of as RGB mode. The name comes from the fact that the colors are created from light, and when combined they become white. The absence of all colors produces black.

Subtractive Color Subtractive color, sometimes called Reductive, is what we usually think of as CMYK. This is the mode that is often used in printing. It performs oppositely to the Additive model, combining to form Black and subtracting to form white.

Hue, Brightness, Saturation, Temperature, Contrast Hue is, technically, the color "reflected" from or absorbed by an object. In simple terms, it refers to the name of the color, like "red, blue, green".

Brightness Brightness refers to how much white or light the color contains - think of the dimmer switch-the intensity of the light

Saturation Saturation (aka Chroma or Intensity) refers to the hue's freedom from "dilution" with white, black or another hue. A hue with no other colors mixed in is in the most saturated form.

Temperature Temperature refers to the emotional and physical sensations of color. Reds, oranges, and yellows are considered "warm" while blue, green, and violet are known as "cool" colors.

Contrast Contrast refers to the amount of vibration caused between two colors. Maximum contrast is either black and white, or black and yellow, hence the use in street signs.

Color Wheel A color wheel is a visual expression of the color palette. A color wheel is divided into three categories: primary, secondary, and tertiary. The three primary colors are red, yellow and blue. These colors are considered to be foundation colors because they are used to create all other colors. By combining two of the primary colors, three secondary colors are formed. They are orange, green and violet. The six tertiary colors are made by combining a primary and an adjacent secondary color. These colors are red-orange, red-violet, yellowgreen, yellow-orange, blue-green and blue-violet.

The Monochromatic Color Combination Monochromatic color schemes are derived from a single base color, and extended using its shades and tints (that is, a color modified by the addition of black and white). Consider, for example, a saturated green (RGB {0,255,0}). The swatches each show the pure hue in the center, with white being added to the right, and black to the left. In each case, the core hue remains identical.

Red on Maroon, Mark Rothko

The Monochromatic Color Combination A monochromatic color scheme is often considered for sites where content is of extreme importance, or when the opinions presented are of a moderate nature. It can give a site a clean and classic look, but also provides excellent opportunities to let full color photographs dominate. http://www.colourlovers.com/ http://www.colorschemer.com/ Monochromatic schemes are often appropriate for serious political and business sites such as those of some banks where instilling customer confidence in their experience. http://www.martinadolfsson.com/ They are also highly suited to fashion sites where the understated monochromatic scheme supports the branding, but nevertheless allows the photographical elements to provide a focus.

Playing with monochrome in photoshop In the Hue/Saturation Adjustment Layer dialog box, adjust the saturation slider. You can also adjust the lightness slider. In the color picker dialog box, click on the brightness or saturation buttons and use the sliders to see the color changes

Analogous

No. 5/No. 22, Orange and Yellow, by by Mark Rothko

Analogous Selecting colors adjacent to one another on the color wheel creates a scheme of analogous colors. For example, orange, red-orange, and yellow-orange would be an analogous scheme with a fiery influence. http://websitetips.com/colortools/sitepro/

Analogous An analogous color scheme can provide a truly harmonious feel to a site with a balanced visual experience. Using one of the colors predominantly will establish a solid base for your site layout, while the partnering colors maintain the soothing appearance. Examples of analogous themes are readily present in nature, from the blue-greens of the ocean to the red-browns of natural timber. Such schemes are useful in presenting resource companies as solid and hardworking, or environmental organizations as earthy and resourceful. http://www.orbitz.com/

Analogous schemes in Photoshop In the hue/saturation adjustment dialog box, use the Hue slider and move it to 30 or -30 to get the adjacent colors on the color wheel. 60 or -60 for greater variation

Complementary Selecting colors opposite each other on the color wheel creates a scheme of complementary colors. The opposite of the primary blue, as per the diagram below, is orange. For purple, the complementary is yellow, and so on. In each of the swatches below, the two tones on the left complement the two on the right.

Red, Orange, Tan and Purple - Mark Rothko

Complementary Colors Complementary color schemes can give sites a vibrant feel. Sites designed to appeal to children often use these themes to appear exciting and dynamic. Such choices also appeal to parents buying for their children, who understand that a lively environment can be a positive influence on a growing mind. A complementary scheme commonly used is the red and green combination invoked by retailers during the Christmas season. You should be conscious, though, of the way in which complementary colors can behave near each other. http://www.ufl.edu/

Complements Once you have mastered selecting complementary colors, it may be time to experiment with the double complement, that is, choosing two sets of complementary colors. Alternatively, consider the split complement that chooses a hue and two colors adjacent to its alternate. The diagram below shows an example of color positioning for a double complement (left) and split complement (right) on a color wheel: In photoshop, split complementary is derived by subtracting and adding 150 to your chosen hue Double Complement Split complementary

Triadic The triadic approach involves picking from the points of an equilateral triangle within the color wheel. In photoshop, you subtract or add 120 from the value of the hue

References to color web sites http://www.webweaver.nu/color.shtml http://www.worqx.com/color/combinations.htm http://www.chainstyle.com/tutorials/colscheme.html