mirjana devetakovic, m.sc

15
Mirjana Devetakovic, Mirjana Devetakovic, M.Sc. M.Sc. CAAD - Images CAAD - Images Beograd, 2011. Beograd, 2011.

Upload: talon

Post on 23-Jan-2016

52 views

Category:

Documents


0 download

DESCRIPTION

CAAD - Images. Mirjana Devetakovic, M.Sc. Beograd, 2011. A picture is worth a thousand words. - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: Mirjana Devetakovic,  M.Sc

Mirjana Devetakovic, Mirjana Devetakovic, M.Sc.M.Sc.

CAAD - ImagesCAAD - Images

Beograd, 2011.Beograd, 2011.

Page 2: Mirjana Devetakovic,  M.Sc

Belgrade, 20Belgrade, 201111

CAAD – Digital ImagesCAAD – Digital Images

A picture is worth a thousand words

A picture is worth a thousand words is a familiar proverb that refers to the idea that complex stories can be told with just a single still image, or that an image may be more influential than a substantial amount of text. It also aptly characterizes the goals of information visualization where large amounts of data must be absorbed quickly.

Page 3: Mirjana Devetakovic,  M.Sc

Belgrade, 20Belgrade, 201111

CAAD – Digital ImagesCAAD – Digital Images

““Imaginaire scientifique”Imaginaire scientifique”

Page 4: Mirjana Devetakovic,  M.Sc

Belgrade, 20Belgrade, 201111

CAAD – Digital ImagesCAAD – Digital Images

Pixel and VoxelPixel and Voxel

■ Pixel – Picture ElementPixel – Picture Element

■ Voxel – Volume ElementVoxel – Volume Element

Page 5: Mirjana Devetakovic,  M.Sc

Belgrade, 20Belgrade, 201111

CAAD – Digital ImagesCAAD – Digital Images

ResolutionResolution

■ Low-resolution imagesLow-resolution images

■ High-resolution imagesHigh-resolution images

Page 6: Mirjana Devetakovic,  M.Sc

Belgrade, 20Belgrade, 201111

CAAD – Digital ImagesCAAD – Digital Images

CompressionCompression

■ RLE (Run-Length Encoding)RLE (Run-Length Encoding)

■ Quadtree encodingQuadtree encoding

Page 7: Mirjana Devetakovic,  M.Sc

Belgrade, 20Belgrade, 201111

CAAD – Digital ImagesCAAD – Digital Images

Color – RGB vs. CMYKColor – RGB vs. CMYK

http://www.sketchpad.net/

Page 8: Mirjana Devetakovic,  M.Sc

Belgrade, 20Belgrade, 201111

CAAD – Digital ImagesCAAD – Digital Images

Color – RGB ModelColor – RGB Model

http://www.couleur.org

Page 9: Mirjana Devetakovic,  M.Sc

Belgrade, 20Belgrade, 201111

CAAD – Digital ImagesCAAD – Digital Images

Color – CMYK ModelColor – CMYK Model(Cyan, Magenta, Yellow + blacK)(Cyan, Magenta, Yellow + blacK)

Page 10: Mirjana Devetakovic,  M.Sc

Belgrade, 20Belgrade, 201111

CAAD – Digital ImagesCAAD – Digital Images

Color – HSL Model Color – HSL Model (Hue, Saturation, Lightness)(Hue, Saturation, Lightness)

Page 11: Mirjana Devetakovic,  M.Sc

Belgrade, 20Belgrade, 201111

CAAD – Digital ImagesCAAD – Digital Images

PalettePalette

Page 12: Mirjana Devetakovic,  M.Sc

Belgrade, 20Belgrade, 201111

CAAD – Digital ImagesCAAD – Digital Images

Image FormatsImage Formats

■ BMP – (Bit Map, no compression)BMP – (Bit Map, no compression)

■ GIF – (Graphic Interchange Format, Web based, 255 colors, GIF – (Graphic Interchange Format, Web based, 255 colors, supporting animated sequences)supporting animated sequences)

■ TIFF – (Tagged Image File Format, printing)TIFF – (Tagged Image File Format, printing)

■ JPG (JPEG) – (Joint Photographic Experts Group, photos JPG (JPEG) – (Joint Photographic Experts Group, photos and continuous tone images, compression settings)and continuous tone images, compression settings)

■ PNG – (Portable Network Graphics)PNG – (Portable Network Graphics)

Page 13: Mirjana Devetakovic,  M.Sc

Belgrade, 20Belgrade, 201111

CAAD – Digital ImagesCAAD – Digital Images

Image ProcessingImage Processing

■ ResizeResize

■ CropCrop

■ Contrast / BrightnessContrast / Brightness

■ Hue / Saturation / LightnessHue / Saturation / Lightness

Page 14: Mirjana Devetakovic,  M.Sc

Belgrade, 20Belgrade, 201111

CAAD – Digital ImagesCAAD – Digital Images

Image ProcessingImage Processing

■ Contrast / BrightnessContrast / Brightness

Page 15: Mirjana Devetakovic,  M.Sc

Belgrade, 20Belgrade, 201111

CAAD – Digital ImagesCAAD – Digital Images

Color – Color – Hue, Saturation, LightnessHue, Saturation, Lightness