1 Chapter 15 Principles for color thematic maps CRTs use additive colors (RGB) and printer uses subtractive colors (CMYK) Visible Light - is a type of.

Slides:



Advertisements
Similar presentations
ECA 228 Internet Design color. rods & cones electromagnetic radiation.
Advertisements

**Develops the understanding of the Visual Elements: Shape and Form
Incorporating Color Techniques
Chapter 9: Color Vision. Overview of Questions How do we perceive 200 different colors with only three cones? What does someone who is “color-blind” see?
Chapter 9: Perceiving Color
Color To understand how to make realistic images, we need a basic understanding of the physics and physiology of vision.
Chapter Twenty-Five: Light 25.1 Properties of Light 25.2 Color and Vision 25.3 Optics.
Human Color Perception
COLOR IN CARTOGRAPHY Four color characteristics important in thematic mapping, meaning the psychological and aesthetic aspects of printed (NOT digital)
Multi-media Graphics JOUR 205 Color Models & Color Space 5 ways of specifying colors.
Adobe Photoshop CS Design Professional TECHNIQUES INCORPORATING COLOR.
Color Theory “color is a visual sensation perceived by the eye and the mind due to the activity and vibration of light”
C O L O R.
Types of Color Theories 1. 1.Subtractive Theory The subtractive, or pigment theory deals with how white light is absorbed and reflected off of colored.
Colour Theory. Colour Theories 1.Subtractive Theory The subtractive, or pigment theory deals with how white light is absorbed and reflected off of colored.
Understanding Colour Colour Models Dr Jimmy Lam Tutorial from Adobe Photoshop CS.
Color Definitions Graphic Design. There are tens of thousands of colors at designers’ disposal, and almost infinite ways of combining them.
Color Management. How does the color work?  Spectrum Spectrum is a contiguous band of wavelengths, which is emitted, reflected or transmitted by different.
COLLEGE OF ENGINEERING UNIVERSITY OF PORTO COMPUTER GRAPHICS AND INTERFACES / GRAPHICS SYSTEMS JGB / AAS Light and Color Graphics Systems / Computer.
Colours and Computer Jimmy Lam The Hong Kong Polytechnic University.
© 2011 Delmar, Cengage Learning Chapter 5 Incorporating Color Techniques.
1 © 2010 Cengage Learning Engineering. All Rights Reserved. 1 Introduction to Digital Image Processing with MATLAB ® Asia Edition McAndrew ‧ Wang ‧ Tseng.
Color. There are established models of color, each discipline uses it own method for describing and discussing color intelligently.
Color The Elements of Art TheVirtualInstructor.com.
25.2 The human eye The eye is the sensory organ used for vision.
The Visual System. The Nature of Light Electromagnetic Spectrum – An energy spectrum that includes X-rays, radar, and radio waves – A small portion of.
Color. Contents Light and color The visible light spectrum Primary and secondary colors Color spaces –RGB, CMY, YIQ, HLS, CIE –CIE XYZ, CIE xyY and CIE.
UNIT EIGHT: Waves Chapter 24 Waves and Sound Chapter 25 Light and Optics.
Chapter 9: Perceiving Color. What Are Some Functions of Color Vision? Color signals help us classify and identify objects. Color facilitates perceptual.
Week 6 Colour. 2 Overview By the end of this lecture you will be familiar with: –Human visual system –Foundations of light and colour –HSV and user-oriented.
What title would you give to each droodle?. Almost bald man with a split-end.
Art Elements Color. COLOR is light reflected off objects.
Colour Theory. Colour Theories 1.Subtractive Theory The subtractive, or pigment theory deals with how white light is absorbed and reflected off of coloured.
Color Sources and Resources: 1. Hypergraph Hypergraph 2. Frosty Drew Observatory Frosty Drew Observatory 3. User-Centered Web Site Development: a Human-
CSC361/ Digital Media Burg/Wong
Chapter 7 ColorColor. ColorColor The element of art that is derived from reflected light Symbolic, stands for ideas and feelings.
COLOUR THEORY PROJECT.
Three-Receptor Model Designing a system that can individually display thousands of colors is very difficult Instead, colors can be reproduced by mixing.
COLOR.
Introduction to Computer Graphics
Color Models. Color models,cont’d Different meanings of color: painting wavelength of visible light human eye perception.
LIGHT Chapter Twenty-Five: Light  25.1 Properties of Light  25.2 Color and Vision  25.3 Optics.
Chapter 4: Color in Image and Video
COLOR THEORY Color is the eye’s response to the visual spectrum from red to violet. Different colors in the spectrum are created by different wavelengths.
Is the practical guidance to color mixing and the visual effects of a specific color combination.
Chapter 9: Perceiving Color. Figure 9-1 p200 Figure 9-2 p201.
Unit #2 Colour 1)THE COLOUR WHEEL 2)COLOUR SCHEMES 3)COLOUR AND VALUE.
Computer Graphics: Achromatic and Coloured Light.
Light and Color. An objects color depends on the wavelength of light it reflects and that our eyes detect. White light is a blend of all colors. When.
Color Theory. Hue and Value "Hue" is the specific name of a color, red, yellow, blue (primary colors). ”Value” refers to the lightness or darkness of.
COLOR An exciting ELEMENT of ART Which depends on REFLECTED LIGHT.
1 of 32 Computer Graphics Color. 2 of 32 Basics Of Color elements of color:
Color Huamin Qu Hong Kong University of Science and Technology.
Multimedia systems Lecture 5: Color in Image and Video.
Color Models Light property Color models.
The name of a color as it appears on the color wheel:
Color & Color Schemes.
COLOR THEORY Color is the eye’s response to the visual spectrum from red to violet. Different colors in the spectrum are created by different wavelengths.
Design Concepts: Module A: The Science of Color
25.2 The human eye The eye is the sensory organ used for vision.
COLOR space Mohiuddin Ahmad.
Chapter 6: Color Image Processing
Color and the Color Wheel
Why does a blue shirt look blue?
Given current computer technology, color is seldom NOT an option
Value & Color 11/20/2018.
Color Wheel.
Color and the Color Wheel
Color Model By : Mustafa Salam.
Color Theory and 2D Graphics Theory ST Nandasara/ADMTC
Presentation transcript:

1 Chapter 15 Principles for color thematic maps CRTs use additive colors (RGB) and printer uses subtractive colors (CMYK) Visible Light - is a type of EM (electromagnetic energy), measured in nm (between 380 to 760 nm) Shorter wavelength (blue) bent more than longer wavelength (red) Rods and cones - specialized nerve cells contain light-sensitive chemicals called visual pigments 6 million cones - function in bright light and responsible for color vision, 120 million rods function in dim light, not associated with color. Most sensitive wavelength - short (blue), medium (green) and long (red). In retina, blue cones cover largest area but is the least sensitive which make it inappropriate for small map features. Color blindness – 7% male and 1% female bend.com/colorblind/Is hihara.html

2 Physical Properties of Colors Transparent objects Reflective Opaque Desert Island Experiment –chromatic and achromatic –Value in achromatic –Hue –Saturation (chroma) – less gray is more saturated

3 Hue/Value/Chroma (H/S/B in Photoshop) Hue – name of the colors. Color wheel (Figure 15.4/Plate 2) can contain millions, but most with 24 colors. 12 being used by artists. Value – lightness/darkness, controlled by adding white/black to hues. If white is added, a tint results, a shade is produced if black is added. Against different background will result in different views. (Fig 15.5) Chroma(Saturation)– Hue away from Gray. From 0 to 100 % showing the total gray to total hue. Achromatic – zero chroma

4 Color Interactions Simultaneous Contrast – eye spontaneously produces the complementary color (opposite color in color wheel). Induction (lighter in a darker background, darker in a lighter background, fig 15.5) the apparent color of an area will tend to shift toward the opponent color of the surround color. (gray surrounded by green will appear reddish, surrounded by blue will appear yellowish) Successive contrast – orange will appear darker and more red on a yellow background and lighter and more yellow on a red background.

5 Color Preferences Color preference is somewhat developmental Warm colors – longer wavelengths (red, orange, yellow) Cool colors – shorter wavelength (violet, blue, and green)

6 Color Preference Aged 4-5: prefers warm colors, Red -> Blue and Green. School-age children reject fully saturated colors, and achromatic color. Older, prefers shorter wavelength. Preferences of N Am. adults, B-R-G-Violet-O-Y. The greenish-yellow hues are the least liked by man and women. Women prefer R over B, and Y over O and men in reversed order.

7 Color Combination Either light or dark background not intermediate in lightness. Objects stand out from background. Pleasant object color – green to blue, little gray. Unpleasant color – Y to YG or considerable gray Table 15.2 Connotative Meanings and Color

8 Map Use Tasks Specific purpose - unordered hues work best. General purpose -ordered colors (shading) performed better Hue-lightness scheme was the best for specific purpose maps, according to Mersey. Mixed color come from each of the opposing channels, for example red (from red-green channel) and yellow (from blue-yellow) merge to form orange. Opponent process was successful for selecting colors for unipolar data (such as income for counties in TN)

9 Kinds of Data Unipolar data - use sequential scheme. (gray scale thematic maps), lightness and lightness+saturation (hue, such as greenish..) Bipolar data - use diverging scheme, in which two hues diverge away from a common light hue or a neutral gray., such as a “dark red-> light red-> gray-> light blue -> dark blue” scheme (see demo) Balanced data (usually involve tow variables) - use sequential schemes to emphasize the high end of the data, or alternatively a diverging scheme to emphasize the midpoint of the balanced data.

10 Types of Maps In isarithmic map, data are presumed to be part of a smooth continuous surface where in choropleth maps different data adjacent to each other so that viewers need to consult the legend to understand the value associated with the map elements. Spectral scheme (color in em spectrum, or referred as “ROYGBIV”) where colors in red portion of the spectrum should appear near than colors from blue portion - referred as “Color Stereoscpic Effect”. Used only for elevation Criticism of spectral scheme - yellow (a light color) is in the middle of the scheme.

11 Color Schemes used by Mersey (1990)

12 Color Schemes used by Mersey (1990)

13 Color Schemes used by Mersey (1990)

14 Sequential color schemes

15 Sequential color schemes

16 HSV (HSB in Photoshop) disadvantage: different hues having the same value in HSV will not all have the same perceived value mid-value will not represent mid-color between two hues. complementary colors are 180 o apart. link

17 HSB in Photoshop In HSB color mode, specify saturation and brightness as percentages; specify hue as an angle from 0 ° to 360 ° that corresponds to a location on the color wheel. (See About color modes and models (Photoshop) for information on the color wheel.)About color modes and models (Photoshop)

18 CIE Model (Photoshop : In Lab mode, enter a lightness value (L) from 0 to 100 and a axis (green to magenta) and b axis (blue to yellow) values from -128 to +127) color specification in CIE means that anyone in the world should be able to recognize and reproduce a desired color. most colors can be defined by a mixture of three colors (RGB). Yxy model - x and y coordinates define a 2-d space where hue and saturation vary. To avoid negative values, transform is required to obtain X,Yand Z To get coordinates for the Yxy system, the X,Y and Z values were converted to proportional values: x = X /(X + Y + Z) y = Y /(X + Y + Z) z = Z / (X + Y + Z)

19 L*a*b model L*a*b color is designed to be device independent, creating consistent color regardless of the device (such as a monitor, printer, computer, or scanner) used to create or output the image. L*a*b color consists of a luminance or lightness component (L) and two chromatic components: the a component (from green to red) and the b component (from blue to yellow). A. Luminance=100 (white) B. Green to red component C. Blue to yellow component D. Luminance=0 (black)

20 Practice Start “Photoshop” and create a new file (go to File > New and then OK to accept the settings) Click the “Set Background Color” in Toolbox to open the Color Picker window Adjust color using RGB (R:100, G:100, B:100) and Click “Ellipse” tool to draw an Ellipse Change color to Blue (R:0,G:0,B:255) and use Paint Bucket to paint over the existing object (if you encounter the problem like this Go to Layer> New Layer Work on the new layer

21 Practice: HSB/L*a*b in Photoshop Try to change H from 0 to 359 and see the colors corresponding to the number Find the H number for green and blue (slide #8) Adjust saturation and brightness Do similar adjustment on L*a*b