Which is the Pink Pen? Here is the Pink Pen (Example taken from ).

26

Transcript of Which is the Pink Pen? Here is the Pink Pen (Example taken from ).

Page 1: Which is the Pink Pen? Here is the Pink Pen (Example taken from ).
Page 2: Which is the Pink Pen? Here is the Pink Pen (Example taken from ).

Which is the Pink Pen?

Page 3: Which is the Pink Pen? Here is the Pink Pen (Example taken from ).

Here is the Pink Pen

(Example taken from http://www.colourblindawareness.org)

Page 4: Which is the Pink Pen? Here is the Pink Pen (Example taken from ).

Light and Colour

Page 5: Which is the Pink Pen? Here is the Pink Pen (Example taken from ).

The Solar Cell

Converts light into electricityThe stronger the light the more electricity

Page 6: Which is the Pink Pen? Here is the Pink Pen (Example taken from ).

Measure the Current to Measure the Light Levels

Voltage

Light

Page 7: Which is the Pink Pen? Here is the Pink Pen (Example taken from ).

Analogue to Digital Conversion

To store three volts we need 2 bits00 = 001 = 110 = 211 = 3

0 3

Light

Page 8: Which is the Pink Pen? Here is the Pink Pen (Example taken from ).

Analogue v Digital Data

How to represent 10 hours and 15.34567890 minutes?

Page 9: Which is the Pink Pen? Here is the Pink Pen (Example taken from ).

Quantisation Error

White 15% Grey 30% Grey0 0.3 0.4

White White White0 0 0

Our analogue source gives us

The digital representation becomes

Page 10: Which is the Pink Pen? Here is the Pink Pen (Example taken from ).

When Applied to an Image

Page 11: Which is the Pink Pen? Here is the Pink Pen (Example taken from ).

Create an Array of Digital Detectors

Page 12: Which is the Pink Pen? Here is the Pink Pen (Example taken from ).

Project the Image onto the Array

Page 13: Which is the Pink Pen? Here is the Pink Pen (Example taken from ).

Using 1 bit per Pixel

Page 14: Which is the Pink Pen? Here is the Pink Pen (Example taken from ).

Increase the Image Resolution

Page 15: Which is the Pink Pen? Here is the Pink Pen (Example taken from ).

Increase the Colour Resolution

Page 16: Which is the Pink Pen? Here is the Pink Pen (Example taken from ).

Colour Resolution and Image ResolutionColour Resolution relates to the depth of

colour the image reproduces. The more bits we use to represent a single pixel the greater the number of colours may be stored in that pixelColour resolution is not related to the size of the

imageWe could have a 1 x 1 pixel image and still have a

colour resolution of 16 million colours – 24 bit colour! (Not that there would be a lot of point.)

 Image resolution relates to how many pixels make

up the height and width of the image per inch – dots per inch. Image resolution is an issue when it comes to the

size of the image in dpi

Page 17: Which is the Pink Pen? Here is the Pink Pen (Example taken from ).

Low Image Resolution Images Don’t Re-Size Well

Both images have high colour resolution

Page 18: Which is the Pink Pen? Here is the Pink Pen (Example taken from ).

Colour Representation - RGB

Combine Red Green and BlueAlso referred to as 24 bit colourVery common in computing

Black rgb(0,0,0)Red rgb(255,0,0)Green rgb(0,255,0)Blue rgb(0,0,255)Yellow rgb(255,255,0)Cyan rgb(0,255,255)Magenta rgb(255,0,255)Grey rgb(192,192,192)White rgb(255,255,255)

Page 19: Which is the Pink Pen? Here is the Pink Pen (Example taken from ).

CMYK (Cyan, Magenta, Yellow & Black)

Subtract RGB by mixing Cyan Magenta Yellow and BlackCommon in printing industry and computer printers

Page 20: Which is the Pink Pen? Here is the Pink Pen (Example taken from ).

The Scanner

Page 21: Which is the Pink Pen? Here is the Pink Pen (Example taken from ).

InterpolationHow can a 600dpi scanner scan at 1200 dpi?

Without Interpolation With Interpolation

Page 22: Which is the Pink Pen? Here is the Pink Pen (Example taken from ).

Digital to Analogue ConversionThe Display Adapter / Monitor – Device Resolution

In the case of a monitor, the quality of the equipment is called the dot pitch.

The dot pitch is the distance in millimetres of dots of the same colour.

In the case of a typical monitor the dot pitch is .28, meaning there is .28 mm between the red dots (green dots or blue dots). 

The smaller the dot pitch, the higher the quality of the equipment.

Page 23: Which is the Pink Pen? Here is the Pink Pen (Example taken from ).

The Output from the Graphics CardImagine we scanned in an A4 document at a

resolution of 600 dpi.Displayed on a monitor with a 72dpi graphics

adaptor

Page 24: Which is the Pink Pen? Here is the Pink Pen (Example taken from ).

Very Common in Student Work

More important when we design for mobile devicesDesign for liquid layout

Page 25: Which is the Pink Pen? Here is the Pink Pen (Example taken from ).

Displays with Lower Colour ResolutionQ. “How do I view a 16 million colour image

256 colour display?”A. Dithering

A is the original unchanged image B is 1 bit monochrome with dithering C is 1 bit monochrome without dithering

– note the loss of detail D is 8 bit colour with dithering

– note the speckled effect which is common to this process

Page 26: Which is the Pink Pen? Here is the Pink Pen (Example taken from ).

Gamma CorrectionImages do not display the same across

different hardware platforms

Becomes