17
Bildbearbeitung: Theorie Universität zu Köln WS 2013/14 Kurs: Advanced IT-Basics Referentinnen: Annika Skolik & Sarah Brungs

Universität zu Köln WS 2013/14 Kurs: Advanced IT-Basics Referentinnen: Annika Skolik & Sarah Brungs

Embed Size (px)

Citation preview

Page 1: Universität zu Köln WS 2013/14 Kurs: Advanced IT-Basics Referentinnen: Annika Skolik & Sarah Brungs

Bildbearbeitung:Theorie

Universität zu KölnWS 2013/14

Kurs: Advanced IT-BasicsReferentinnen: Annika Skolik & Sarah Brungs

Page 2: Universität zu Köln WS 2013/14 Kurs: Advanced IT-Basics Referentinnen: Annika Skolik & Sarah Brungs

Gliederung:

Grundbegriffe Grafiktypen:

- Bitmaps (Rastergrafiken)- Vektorgrafiken

Farbtiefe/Bit-Tiefe Farbräume:

- RGB- CMYK- HSB/HSV- Lab

Page 3: Universität zu Köln WS 2013/14 Kurs: Advanced IT-Basics Referentinnen: Annika Skolik & Sarah Brungs

Die Grundbegriffe

Pixel

- Kunstwort von engl.: picture element

- Lichtpunkt und kleinste Bildeinheit auf dem Bildschirm

Auflösung- Anzahl der Pixel, aus denen das dargestellte Bild besteht

dpi/ppi- dpi = dots per inch (Drucker)- ppi = pixel per inch (Bildschirm)

Page 4: Universität zu Köln WS 2013/14 Kurs: Advanced IT-Basics Referentinnen: Annika Skolik & Sarah Brungs

dpi = dots per inch

Page 5: Universität zu Köln WS 2013/14 Kurs: Advanced IT-Basics Referentinnen: Annika Skolik & Sarah Brungs

Die Grafiktypen

Bitmaps (Rastergrafiken)- Für die Darstellung von Bildern wird ein Farbraster aus Pixeln verwendet- Jedem Pixel ist eine bestimmte Position und ein Farbwert zugewiesen

- Vorteile: Sie können Schattierungen und Farben in feinen Abstufungen wiedergeben.

- Nachteile: Sie sind auflösungsabhängig, d.h. Details können verlorengehen.

Page 6: Universität zu Köln WS 2013/14 Kurs: Advanced IT-Basics Referentinnen: Annika Skolik & Sarah Brungs

Die Grafiktypen

Der Fahrradreifen besteht aus einem Mosaik von Pixeln an dieser Position.

Page 7: Universität zu Köln WS 2013/14 Kurs: Advanced IT-Basics Referentinnen: Annika Skolik & Sarah Brungs

Die Grafiktypen

Vektorgrafiken- Sie bestehen aus Linien und Kurven, die durch

Vektoren definiert werden- Vektoren beschreiben Bilder anhand ihrer geometrischen Eigenschaften

- Vorteile: Sie sind auflösungsunabhängig, d.h. Detailtreue und Bildschärfe

bleiben erhalten.

- Nachteile: Gängige Ausgabegeräte können nur Punkte darstellen.

Page 8: Universität zu Köln WS 2013/14 Kurs: Advanced IT-Basics Referentinnen: Annika Skolik & Sarah Brungs

Die Grafiktypen

Der Fahrradreifen besteht aus der mathematischen Definitioneines Kreises.

Page 9: Universität zu Köln WS 2013/14 Kurs: Advanced IT-Basics Referentinnen: Annika Skolik & Sarah Brungs

Farbtiefe, -auflösung

Gemessen in: Bit Fest gelegt wird: 1.

Farbinformation/Pixel2. Farbabstufungen

Page 10: Universität zu Köln WS 2013/14 Kurs: Advanced IT-Basics Referentinnen: Annika Skolik & Sarah Brungs

mehr Abstufungen = mehr Bit

größere Farbtiefe = mehr Farbe im Bild

Page 11: Universität zu Köln WS 2013/14 Kurs: Advanced IT-Basics Referentinnen: Annika Skolik & Sarah Brungs

Farbbilder & Farbräume

Begriffserklärung:Farbsystem: besteht aus 3 gemischten Grundfarben

Farbraum: 3D- Darstellung aller Farben, dargestellt im Farbsystem

Page 12: Universität zu Köln WS 2013/14 Kurs: Advanced IT-Basics Referentinnen: Annika Skolik & Sarah Brungs

Farbbilder & Farbräume

Farbkanäle speichern Farbinformation der Pixel

1 Farbkanal für 1 Grundfarbe

Farbräume: RGB, CMYK, HSB und Lab

Page 13: Universität zu Köln WS 2013/14 Kurs: Advanced IT-Basics Referentinnen: Annika Skolik & Sarah Brungs

RGB Grundfarben: Rot , Grün , Blau

Mit Primärfarben: Cyan,Magenta,Gelb

additive Farbsystem, d.h.: überlappende Lichtfarben Alle Farben zsm ergeben

weiß

Page 14: Universität zu Köln WS 2013/14 Kurs: Advanced IT-Basics Referentinnen: Annika Skolik & Sarah Brungs

CMYK Primärfarben: Cyan, Magenta, Yellow, Key/Schwarz-> Grundfarben für Vierfarbdruck

subtraktive Farbsystem, d.h.:

Herausnahme von Lichtfarben

Page 15: Universität zu Köln WS 2013/14 Kurs: Advanced IT-Basics Referentinnen: Annika Skolik & Sarah Brungs

Unterschied zwischen Farbsystemen

Additive Farbmischung: Farbeindruck durch Überlagerung von Lichtfarben

Subtraktive Farbmischung: Farbeindruck durch Herausnahme einzelner Lichtfarben

Page 16: Universität zu Köln WS 2013/14 Kurs: Advanced IT-Basics Referentinnen: Annika Skolik & Sarah Brungs

HSB / HSV Farbmodell

Farbdefinition durch :1. Farbtons (Hue)

als Farbwinkel auf dem Farbkreis (0° = Rot, 120° = Grün, 240° = Blau)

2. Sättigung (Saturation)( 0% = keine Farbe, 50% = ungesättigte Farbe, 100% = gesättigte, reine Farbe)

3. Grauwert oder Helligkeit (Value)(0% = keine Helligkeit, 100% = volle Helligkeit)

HSV-Farbkreis

HSV-Farbkegel

Page 17: Universität zu Köln WS 2013/14 Kurs: Advanced IT-Basics Referentinnen: Annika Skolik & Sarah Brungs

Lab XYZ-Farbsystem Helligkeit getrennt von

den Farbtönen Farbdefinition durch:

Koordinaten {L*, a*, b*}

L-Achse: Helligkeit a-Achse: Grün-Rot b-Achse: Blau-Gelb

50% Luminanz

75% Luminanz