kurs: allgemeine informationstechnologien i ws 12/13

30
Bildbearbeitung GIMP Theorieteil Kurs: Allgemeine Informationstechnologien I WS 12/13

Upload: adalbert-boeglin

Post on 05-Apr-2015

107 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Kurs: Allgemeine Informationstechnologien I WS 12/13

BildbearbeitungGIMP Theorieteil

Kurs: Allgemeine Informationstechnologien IWS 12/13

Page 2: Kurs: Allgemeine Informationstechnologien I WS 12/13

Quelle http://1.bp.blogspot.com/

Page 3: Kurs: Allgemeine Informationstechnologien I WS 12/13

Quelle http://1.bp.blogspot.com/

Page 4: Kurs: Allgemeine Informationstechnologien I WS 12/13

Inhaltsverzeichnis

• Bildverarbeitung: Einführung• Grafiktypen• Farbtiefe• Farbbilder / Farbräume

Page 5: Kurs: Allgemeine Informationstechnologien I WS 12/13

Bildverarbeitung: Einführung

• Pixelpicture element Bildelement

• Pixel ist ein Lichtpunkt• kleinste Bild-Einheit auf dem Bildschirm, die Daten zu den Pixeln enthalten die eigentliche Bildinformation

Page 6: Kurs: Allgemeine Informationstechnologien I WS 12/13

Bildverarbeitung: Einführung

• Auflösung / Bildauflösung• Anzahl der Pixel, aus denen das

dargestellte Bild besteht1. nur Angabe der Anzahl der Bildpunkte

► Digitalfotografie mit der Einheit Megapixel

2. Angabe von Anzahl Bildpunkte pro Zeile und Spalte ► Bildschirm, bsp. 1024 × 768

Page 7: Kurs: Allgemeine Informationstechnologien I WS 12/13

Bildverarbeitung: Einführung

• dpi = dots per inch ► bezieht sich auf Bildpunkte

Page 8: Kurs: Allgemeine Informationstechnologien I WS 12/13

Bildverarbeitung: Einführung

• ppi = pixel per inch ► bezieht sich auf Lichtpunkte

Page 9: Kurs: Allgemeine Informationstechnologien I WS 12/13

Grafiktypen

• Computergrafiken lassen sich grundsätzlich in zwei Kategorien einteilen:

1. Bitmaps (Rastergrafik)2. Vektorgrafiken

Page 10: Kurs: Allgemeine Informationstechnologien I WS 12/13

Grafiktypen - Bitmap

• Bitmaps verwenden für die Darstellung von Bildern ein Farbraster (Pixel)

• Jedem Pixel ist eine bestimmte Position und ein Farbwert zugewiesen

Page 11: Kurs: Allgemeine Informationstechnologien I WS 12/13

Grafiktypen - Bitmap

• Ein Fahrradreifen in einem Bitmap besteht z. B. aus einem Mosaik von Pixeln an dieser Position

Page 12: Kurs: Allgemeine Informationstechnologien I WS 12/13

Grafiktypen - Bitmap

• gängigstes elektronisches Medium für Halbtonbilder, da Schattierungen und Farben in feinen Abstufungen wiedergebar sind

• Auflösungsabhängig• Bitmaps eignen sich für die

Darstellung feiner Farbschattierungen wie z.B. in Fotos

Page 13: Kurs: Allgemeine Informationstechnologien I WS 12/13

Grafiktypen - Bitmap

• Details können verlorengehen oder Unebenheiten auftreten

• Unebene Kanten, wenn zu groß angezeigt

oder gedruckt wird

Page 14: Kurs: Allgemeine Informationstechnologien I WS 12/13

Grafiktypen - Bitmap

• Auswahl der gängisten Bitmap-Formate:

• TIFF• JPEG• GIF• PNG• BMP• PSD

Page 15: Kurs: Allgemeine Informationstechnologien I WS 12/13

Grafiktypen - Bitmap

• Auswahl der gängigsten Bitmap-Anwendungen:

• Adobe Photoshop• GIMP• Corel Photopaint• MS PhotoDraw• Paintshop Pro

Page 16: Kurs: Allgemeine Informationstechnologien I WS 12/13

Grafiktypen - Vektorgrafik

• Vektorgrafiken bestehen aus Linien und Kurven, die durch Vektoren definiert werden

• Geometrische Eigenschaften

Page 17: Kurs: Allgemeine Informationstechnologien I WS 12/13

Grafiktypen - Vektorgrafik

Page 18: Kurs: Allgemeine Informationstechnologien I WS 12/13

Grafiktypen - Vektorgrafik

• auflösungsunabhängig ►Grafiken, in denen Linien auch bei

unterschiedlichen Größen gestochen scharf sein müssen, z.B. Logos, Illustrationen

• Achtung beim Drucken:Grafik muss wieder in Rastergrafik umgewandelt werden, weil gängige Ausgabegeräte nur Punkte darstellen können

Page 19: Kurs: Allgemeine Informationstechnologien I WS 12/13

Grafiktypen - Vektorgrafik• Gängigste Vektorgrafik-Anwendungen

und Vektorgrafik-Formate:

• Adobe Illustrator; EPS• Corel Draw; CDR• Auto CAD

Page 20: Kurs: Allgemeine Informationstechnologien I WS 12/13

Grafiktypen• Vergleich Vektorgrafik und Bitmap

Page 21: Kurs: Allgemeine Informationstechnologien I WS 12/13

Bildbearbeitung mit GIMP

1. Farbtiefe2. Farbbilder / Farbräume

Page 22: Kurs: Allgemeine Informationstechnologien I WS 12/13

1. Farbtiefe

• Farbauflösung, Bit-Tiefe

Punktdichte

Farbtiefe

Page 23: Kurs: Allgemeine Informationstechnologien I WS 12/13

• Ein Pixel mit der Farbtiefe …

• 24 bit• Ein Graustufenbild

Page 24: Kurs: Allgemeine Informationstechnologien I WS 12/13

2. Farbilder / Farbräume

Farbkanäle

Page 25: Kurs: Allgemeine Informationstechnologien I WS 12/13

RGB

CMYK

HSB / HSV

Lab

Page 26: Kurs: Allgemeine Informationstechnologien I WS 12/13

RGB

Grün

Rot

Blau

Page 27: Kurs: Allgemeine Informationstechnologien I WS 12/13

CMYK

Yellow

CyanMagenta

Key

Page 28: Kurs: Allgemeine Informationstechnologien I WS 12/13

HSB / HSV

HueSaturationBrightness/Value

Page 29: Kurs: Allgemeine Informationstechnologien I WS 12/13

Lab

Farben bei 50 % Luminanz Farben bei 75 % Luminanz

Page 30: Kurs: Allgemeine Informationstechnologien I WS 12/13

Vielen Dank für die

Aufmerksamkeit