Image Coloring. Halftone Halftone is the reprographic technique that simulates continuous tone imagery through the use of dots, varying either in size,

Slides:



Advertisements
Similar presentations
Image Data Representations and Standards
Advertisements

Raster graphics. Colour depth 01 1 bit pr pixel = 2 combinations (2 1 ): 2 bits pr pixel = 4 combinations (2 2 ): bits pr pixel = 16 combinations(2.
A Digital Imaging Primer Nick Dvoracek Instructional Resources Center University of Wisconsin Oshkosh.
Image Processing IB Paper 8 – Part A Ognjen Arandjelović Ognjen Arandjelović
Non-Photo Realistic Rendering Jian Huang CS594 Fall 2003 This set of slides are modified from the NPR Course during SIGGRAPH’2003.
Color COM 366 Web Design & Production. RGB color Amount of light in each channel Closer to 255, whiter color gets Every color has value for red,
Resolving the Problem Resolution: Concepts & Definitions.
5. Halftoning Newspaper photographs simulate a greyscale, despite the fact that they have been printed using only black ink. A newspaper picture is, in.
DECO1001: Optimising for the Web Format Colour File Size.
Half Toning. Continuous Half Toning Color Half Toning.
Original image: 512 pixels by 512 pixels. Probe is the size of 1 pixel. Picture is sampled at every pixel ( samples taken)
Multi-media graphics--JOUR 205 Vectors vs. bitmaps.
Image Representation.
Image Printing and Display
School of Computer Science & Information Technology G6DPMM - Lecture 6 Colour Science & Colour Models.
CMYK Cyan Cyan Magenta Magenta Yellow Yellow Black Black.
Bitmapped Images. Bitmap Images Today’s Objectives Identify characteristics of bitmap images Resolution, bit depth, color mode, pixels Determine the most.
Colour Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman
Image Processing 고려대학교 컴퓨터 그래픽스 연구실 cgvr.korea.ac.kr.
Product Design Sketching Chromatic Theories. Color Spectrum The range of colors seen by human eye is the “visible color spectrum”
IDL GUI for Digital Halftoning Final Project for SIMG-726 Computing For Imaging Science Changmeng Liu
It’s all in the Details Working with Graphics. Importing Graphics In PageMaker, graphics can be inserted As inline graphics As independent graphics Independent.
07: Color in Interactive Digital Media
How A Camera Works Image Sensor Shutter Mirror Lens.
Digital Terminology. Bitmap A representation consisting of rows and columns of dots of a graphic image stored in computer memory. To display a bitmap.
Vector vs. Bitmap
Digital Image: Representation & Processing (2/2) Lecture-3
Graphic Communications
Graphics and Animation Multimedia Projects Part 2.
Color and Resolution Introduction to Digital Imaging.
Computer Concepts 2014 Chapter 8 Digital Media. 8 Chapter Contents  Section B: Bitmap Graphics  Section C: Vector and 3-D Graphics Chapter 8: Digital.
Image Processing and Sampling
Types of Graphics  Vector Individual scalable objects defined by mathematical equations  Bitmap Pixels (tiny, single-colored square) in a grid Most.
Editing Graphics Effects and Improvements. Editing Graphics Graphics editors have features for changing the sizes of images as well as their colors and.
Adobe Photoshop Setting Up An A3 Poster. A3 You are required to produce a poster This poster needs to be A3 in size – twice the size of a normal (A4)
Multimedia. What is a graphic?  A graphic can be a: Chart Drawing Painting Photograph Logo Navigation button Diagram.
Halftoning With Pre- Computed Maps Objective Image Quality Measures Halftoning and Objective Quality Measures for Halftoned Images.
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.
Image Manipulation CSC361/661 – Digital Media Spring 2002 Burg/Wong.
Digital Imaging Fundamentals Ms. Hema C.R. School of Mechatronic Engineering.
COMPUTER GRAPHICS. Can refer to the number of pixels in a bitmapped image Can refer to the number of pixels in a bitmapped image The amount of space it.
02/05/2002 (C) University of Wisconsin 2002, CS 559 Last Time Color Quantization Mach Banding –Humans exaggerate sharp boundaries, but not fuzzy ones.
LUT Method For Inverse Halftone 資工四 林丞蔚 林耿賢. Outline Introduction Methods for Halftoning LUT Inverse Halftone Tree Structured LUT Conclusion.
Advanced Computer Graphics CSE 190 [Winter 2016], Lecture 2 Ravi Ramamoorthi
JPEG Image Compression Standard Introduction Lossless and Lossy Coding Schemes JPEG Standard Details Summary.
8 Graphics Digital Media I. What is a graphic? A graphic can be a:  Chart  Drawing  Painting  Photograph  Logo  Navigation button  Diagram.
3-1 Chapter 3: Image Display The goodness of display of an image depends on (a) Image quality: i) Spatial resolution, ii) Quantization (b) Display device:
The Halftone Process Advanced Digital Photography By Adam Butts.
Welcome to the Technical Communication Lab Graphics Orientation.
Graphics II Image Processing I. Acknowledgement Most of this lecture note has been taken from the lecture note on Multimedia Technology course of University.
Chapter 3 Color Objectives Identify the color systems and resolution Clarify category of colors.
1 Embedded Signal Processing Laboratory The University of Texas at Austin Austin, TX USA 1 Mr. Vishal Monga,
Lesson 9: Web Graphics. Objectives Distinguish between vector and raster graphic types Identify and choose appropriate image file formats, including browser-compatibility.
ITEC2110, Digital Media Chapter 3 Digital Image Processing 1 GGC -- ITEC Digital Media.
1 of 32 Computer Graphics Color. 2 of 32 Basics Of Color elements of color:
ITEC2110, Digital Media Chapter 2 Fundamentals of Digital Imaging 1 GGC -- ITEC Digital Media.
Demystifying the Pixel. What is a Pixel The smallest unit of measurement in a image It contains color space information in RGB, CMYK, HSB Resolution information.
Images and Graphics.
BITMAPPED IMAGES & VECTOR DRAWN GRAPHICS
Half Toning Dithering RGB CMYK Models
Pixel, Resolution, Image Size
Digital Photo editing with Photoshop
Image Processing and Sampling
Graphics and Animation
School of Electrical and
Representing Images 2.6 – Data Representation.
1.2 Design of Periodic, Clustered-Dot Screens
Effects and Improvements
Multimedia Graphics.
Visuals are analog signals...
Presentation transcript:

Image Coloring

Halftone Halftone is the reprographic technique that simulates continuous tone imagery through the use of dots, varying either in size, in shape or in spacing.

Examples of Color Halftoning with CMYK Separations

The first printed photo using a halftone ( December 2, 1873)

Dithering Dithering is a technique used in computer graphics to create the illusion of color depth in images with a limited color palette (color quantization)

Illusion of Dithering

256 color dithering with Irfan View

Original Image in Detail

Original image using the web-safe color palette with no dithering applied

Original image using the web-safe color palette with Floyd–Steinberg dithering

Original image has been reduced to a 256-color optimized palette with Floyd–Steinberg dithering

Depth is reduced to a 16-color optimized palette in this image, with no dithering

This image uses 16-color optimized palette with dithering

Original

Threshold

Random

Halftone

Ordered (Bayer)

Ordered (Void-and-cluster)

HSV Color Cylinder

YCrCb Sampling Format YCrCb J:a:b J: horizontal sampling reference (width of the conceptual region). Usually and in this case: 4. a: number of chrominance samples (Cr, Cb) in the first row of J pixels b: number of (additional) chrominance samples (Cr, Cb) in the second row of J pixels YCrCb (4:4:4, 4:2:2, 4:2:0, 4:1:1)

YCrCb Sampling Format 4:2:0 4:4:4 4:2:2 4:1:1