ITEC2110, Digital Media Chapter 2 Fundamentals of Digital Imaging

Slides:



Advertisements
Similar presentations
CGA 115 Professor Mary A. Malinconico. Questions from Last Week ????????
Advertisements

Fundamentals of Digital Imaging
School of Computing Science Simon Fraser University
Multi-media Graphics JOUR 205 Color Models & Color Space 5 ways of specifying colors.
© 2002 by Yu Hen Hu 1 ECE533 Digital Image Processing Color Imaging.
Color & Color Management. Overview I. Color Perception Definition & characteristics of color II. Color Representation RGB, CMYK, XYZ, Lab III. Color Management.
CMYK Cyan Cyan Magenta Magenta Yellow Yellow Black Black.
Selecting the Right Color Palette: Understanding RGB and CMYK Color Presented by Pat McClure and Tony Kugler.
Color Model AbdelRahman Abu_absah Teacher: Dr. Sana'a Alsayegh.
How to Work with Color in Graphic Communications.
Color Systems. Subtractive Color The removal of light waves to perceive color: –Local or physical attributes of pigments, dyes, or inks reflect certain.
Kleur Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 6 This presentation © 2004, MacAvon Media Productions.
Colour Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman
Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 6 This presentation © 2004, MacAvon Media Productions Colour.
Understanding Colour Colour Models Dr Jimmy Lam Tutorial from Adobe Photoshop CS.
CS 376 Introduction to Computer Graphics 01 / 26 / 2007 Instructor: Michael Eckmann.
Product Design Sketching Chromatic Theories. Color Spectrum The range of colors seen by human eye is the “visible color spectrum”
CMYK vs. RGB Design. Primary colors The colors that make up the base for every other color created. Depending on whether you are looking at it from science,
Digital Images Chapter 8, Exploring the Digital Domain.
Color Theory What is color? How do we describe and match colors? Color spaces.
Chapter 6: Color Image Processing Digital Image Processing.
Welcome eager young artists! Ms. Edelman Thursday, September 17, 2015  DO NOW: take out your notebook and a pen.
CSC 8610 & 5930 Multimedia Technology Lecture 2 Digital Image Representation.
CS 101 – Sept. 16 Finish color representation –RGB √ –CMY –HSB –Indexed color Chapter 4 – how computers think –Begin with basic building blocks.
Colours and Computer Jimmy Lam The Hong Kong Polytechnic University.
Color. There are established models of color, each discipline uses it own method for describing and discussing color intelligently.
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.
Color and Resolution Introduction to Digital Imaging.
Color Theory ‣ What is color? ‣ How do we perceive it? ‣ How do we describe and match colors? ‣ Color spaces.
CSC361/ Digital Media Burg/Wong
Digital Media Lecture 7: Color part 2 Georgia Gwinnett College School of Science and Technology Dr. Jim Rowan.
A color model is a specification of a 3D color co-ordinate system and a visible subset in the co-ordinate System within all colors in a particular color.
DIGITAL IMAGE. Basic Image Concepts An image is a spatial representation of an object An image can be thought of as a function with resulting values of.
Digital Image Processing In The Name Of God Digital Image Processing Lecture6: Color Image Processing M. Ghelich Oghli By: M. Ghelich Oghli
Digital Media Dr. Jim Rowan ITEC 2110 Color Part 2.
Elements of Design 1.02 Investigate Design Principles and Elements.
RGB vs. CMYK Screen vs. Print.
Intro to Color Theory. Objectives Identify and discuss various color models including RGB, CMYK, Black/white and spot color. Investigate color mixing.
HSB to RGB to HEX.
Chapter 4: Color in Image and Video
Image credit: Wikipedia (Fovea) Human Eye Some interesting facts – Rod cells: requires only low light b/w vision blur, all over retina EXCEPT fovea – Cone.
Computer Graphics: Achromatic and Coloured Light.
1 of 32 Computer Graphics Color. 2 of 32 Basics Of Color elements of color:
COMPUTER GRAPHICS CS 482 – FALL 2016 CHAPTER 28 COLOR COLOR PERCEPTION CHROMATICITY COLOR MODELS COLOR INTERPOLATION.
Colour CPSC Colour ● Models ● RGB ● CMY(K) ● HSB (or HSV) ● RYB ● Harmonies ● Monochrome ● Complementary ● Analogous ● Triadic.
Color Models Light property Color models.
DIGITAL MEDIA FOUNDATIONS
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
Half Toning Dithering RGB CMYK Models
IMAGE PROCESSING COLOR IMAGE PROCESSING
Display Issues Ed Angel
Design Concepts: Module A: The Science of Color
Color Theory.
Human Eye Some interesting facts Useful fact Rod cells: Cone cells:
(c) University of Wisconsin, CS559 Spring 2002
COLOR space Mohiuddin Ahmad.
Chapter 6: Color Image Processing
Dr. Jim Rowan ITEC 2110 Color Part 2
CITA 342 Section 7 Working with Color.
Introduction to Computer Graphics with WebGL
COMS 161 Introduction to Computing
Chapter 12 COLOR THEORY.
Dr. Jim Rowan ITEC 2110 Color Part 2
Human Eye Some interesting facts Useful fact Rod cells: Cone cells:
Slides taken from Scott Schaefer
Dr. Jim Rowan ITEC 2110 Color Part 2
Dr. Jim Rowan ITEC 2110 Color Part 2
Color Model By : Mustafa Salam.
Color Theory What is color? How do we perceive it?
Color Theory and 2D Graphics Theory ST Nandasara/ADMTC
Presentation transcript:

ITEC2110, Digital Media Chapter 2 Fundamentals of Digital Imaging GGC -- ITEC2110 -- Digital Media

Content Digitizing Images Bitmapped Images vs. Vector Graphics File Size and File Compression Color Representation

Color Models Used to describe colors numerically, usually in terms of varying amounts of primary colors. Common color models: RGB CMYK HSB CIE and their variants.

RGB Color Model Primary colors: red green blue Additive Color System

Additive Color System

Additive Color System of RGB Full intensities of red + green + blue = white Full intensities of red + green = yellow Full intensities of green + blue = cyan Full intensities of red + blue = magenta Zero intensities of red, green, and blue = black Same intensities of red, green, and blue = some kind of gray

RGB Color Model depicted graphically as a cube defined by three axes in 3-D space The maximum value on eachaxis is normalized to 1.

RGB Color Model x-axis: red values y-axis: green values z-axis: blue values

RGB Color Model The coordinates within the color cube represent the relative intensities of red, green, and blue colors.

RGB Color Model origin (0,0,0): black

RGB Color Model (1,0,0): full intensity of red

RGB Color Model (0,1,0): full intensity of green

RGB Color Model (0,0,1): full intensity of blue

RGB Color Model (1,1,1): white

RGB Color Model (1,1,0): full red + full green = full yellow

RGB Color Model (1,0,1): full red + full blue = full magenta

RGB Color Model (0,1,1): full green+ full blue = full cyan

Color Picker So where is the color whose RGB values are (150, 200, 100) in the RGB cube?

Correlating RGB Color Cube with Color Picker This is a 2-D slice containing all the colors with red = 150.

Correlating RGB Color Cube with Color Picker This is a 2-D slice containing all the colors with green = 200.

Correlating RGB Color Cube with Color Picker This is a 2-D slice containing all the colors with blue = 100.

Correlating RGB Color Cube with Color Picker The color (150, 200, 100) is located in the 3-D space of the RGB color cube. It is at the intersection of the three 2-D slices.

CMYK Color Model Primary colors: Subtractive Color System cyan magenta yellow black Subtractive Color System

Subtractive Color System of CMY

Subtractive Color System of CMY Full intensities of cyan + magenta + yellow = black (theoretically, but in practice with inks, it is not full black) Full intensities of cyan + magenta = blue Full intensities of cyan + yellow = green Full intensities of magenta + yellow = red Zero intensities of cyan, magenta, and yellow = white

HSB Color Model Hue: Saturation: Brightness basic color 0o to 360o : the location on a color wheel in the order of colors in a rainbow Saturation: purity of the color how far away from the neutral gray of the same brightness Brightness

HSB Color Model

HSB Color Model

A slice of the color wheel from the HSB model HSB Color Model A slice of the color wheel from the HSB model

HSB Color Model Matches well with the way humans intuitively think about colors For example, how would you describe this color? Would you think of it in terms of how much red, green, and blue? Would you first think of it as a yellowish color and then figure out the lightness and how washed out the color is?

Color Gamuts Refers to the range of colors of a specific system or device can produce or capture

Color Gamuts Colors that human can see RGB color gamut of typical CRT monitors CMYK color gamut of typical inkjet printers

Color Gamuts Monitors and inkjet printers cannot reproduce all the colors that human can see Some of the colors that monitors can reproduce cannot be reproduced by inkjet printers. Most of these colors lie at the corners of the color gamut of the monitor, which means these are highly saturated colors.

Identifying Out-of-Gamut Colors in Images Out-of-gamut colors will not be printed correctly. In digital image editing programs such as Adobe Photoshop, you can tell whether a color is out of gamut based on your CMYK setting. Click on the icon to use the closest color in gamut for printing.

Identifying Out-of-Gamut Colors in Images Out-of-gamut colors will not be printed correctly. In digital image editing programs such as Adobe Photoshop, you can tell whether a color is out of gamut based on your CMYK setting.

Identifying Out-of-Gamut Colors in Images

Identifying Out-of-Gamut Colors in Images Click on the icon to replace the out-of-gamut color with the closest color in gamut for printing.

Identifying Out-of-Gamut Colors in Images The out-of-gamut color is replaced with the closest color in gamut for printing.

Difficulties in Reproducing Colors in Digital Images Digital devices cannot produce all of the colors visible to human Difficulties exist in reproducing color across devices different devices have different color gamuts additive color system for screen display vs. subtractive color system for printing

Indexed Color

Indexed Color

Optical Illusions: you don’t see what you think you see

Optical Illusions: you don’t see what you think you see See Additional Class Information: Illusions Same Color Illusion (Real video proof) Optical Illusions Crazy Nuts Impossible Ball Illusion Amazing Illusion

Review Questions

Review Question What are the primary colors in the RGB color model? red, green, blue

Review Question What are the primary colors in the CMY color model? cyan, magenta, yellow

Review Question What are the primaries in the HSB color model? hue, saturation, brightness

Review Question Which of the following color models take(s) the form of a color cube? RGB CMY HSB CIE XYZ A and B

Review Question Which of the following color models take(s) the form of a hexacone? RGB CMY HSB CIE XYZ C

Review Question Which of the primaries in the HSB color model takes the form of a color wheel? Hue Saturation Brightness A

Review Question What is the color mixing method for the RGB color model? additive subtractive cyan, magenta, yellow

Review Question What is the color mixing method for the CMY color model? additive subtractive cyan, magenta, yellow

Review Question What are the RGB values for white? What are the CMY values for white? RGB: 255, 255, 255 CMY: 0%, 0%, 0%

Review Question What are the RGB values for black? What are the CMY values for black? RGB: 0, 0, 0 CMY: 100%, 100%, 100%

Review Question What are the RGB values for red? What are the CMY values for red? RGB: 255, 0, 0 CMY: 0%, 100%, 100%

Review Question What are the RGB values for green? What are the CMY values for green? RGB: 0, 255, 0 CMY: 100%, 0%, 100%

Review Question What are the RGB values for blue? What are the CMY values for blue? RGB: 0, 0, 255 CMY: 100%, 100%, 0%

Review Question What are the RGB values for yellow? What are the CMY values for yellow? RGB: 255, 255, 0 CMY: 0%, 0%, 100%

Review Question Why don't the colors in the printed image look exactly the same as you see on screen? Digital devices have different color gamuts. Some colors that can be produce on screen cannot be produced by the printer.