1 of 75

Bildbearbeitung

Grundlagen Image Editing

mit Quizfragen

2 of 75

Was kann Bildbearbeitung?

wenig Kontrast, flau

Kontrast erhöht und nachgeschärft

3 of 75

Altes Foto: ausgebleicht mit Schäden

Schäden retuschiert

4 of 75

Effektfilter angewendet

Original

5 of 75

Bildelemente austauschen

6 of 75

Lichteffekt, Beschriftung eingefügt

7 of 75

Ein Landschaftsbild wirkt etwas flau und dunstig. Ich

  • erhöhe den Kontrast
  • helle das Bild auf
  • wende einen Effektfilter an
  • schärfe das Bild nach

8 of 75

Ein Landschaftsbild wirkt etwas flau und dunstig. Ich

  • erhöhe den Kontrast
  • helle das Bild auf
  • wende einen Effektfilter an
  • schärfe das Bild nach

9 of 75

Aus einem alten Bild sollen Flecken entfernt werden. Der Vorgang heißt

  • rastern
  • retuschieren
  • aufhellen
  • nachschärfen

10 of 75

Aus einem alten Bild sollen Flecken entfernt werden. Der Vorgang heißt

  • rastern
  • retuschieren
  • aufhellen
  • nachschärfen

11 of 75

Kompression von Bildern

Bei der verlustbehafteten Kompression werden Informationen verändert.

Geringe Kompression = hohe Qualität = große Datei

12 of 75

Kompression von Bildern

Bei der verlustbehafteten Kompression werden Informationen verändert.

Hohe Kompression = geringe Qualität = kleine Datei

13 of 75

Kompression von Bildern

Bei der verlustbehafteten Kompression werden Informationen verändert.

Mittlere Kompression = akzeptable Qualität

14 of 75

Verlustlose (lossless)�Kompression

Kein Unterschied zwischen den Bildern: bei der verlustfreien Kompression werden keine Informationen verändert oder entfernt.

Unkomprimiert im BMP-Format

700 KB

Komprimiert im PNG-Format

150 KB

15 of 75

  • ein Speicherformat mit Kompression verwenden
  • rastern
  • entsättigen
  • nachschärfen

Die Dateigröße eines Fotos soll verkleinert werden. Eine Möglichkeit ist

16 of 75

  • ein Speicherformat mit Kompression verwenden
  • rastern
  • entsättigen
  • nachschärfen

Die Dateigröße eines Fotos soll verkleinert werden. Eine Möglichkeit ist

z.B. JPG

17 of 75

Eine Bildkompression wird als lossless bezeichnet, wenn

  • keine Bildinformationen verloren gehen
  • Bildinformationen verloren gehen

18 of 75

Eine Bildkompression wird als lossless bezeichnet, wenn

  • keine Bildinformationen verloren gehen
  • Bildinformationen verloren gehen

19 of 75

Vektorgrafik

Vektorgrafiken bestehen aus Objekten wie Linien, Kreisen, Polygonen oder Kurven.

Rastergrafiken bestehen Bildpunkten (Pixel)

20 of 75

Vektorgrafik

Vektorgrafiken bestehen aus Objekten wie Linien, Kreisen, Polygonen oder Kurven.

Kein Qualitätverlust beim Vergrößern!

21 of 75

Raster- /Pixelgrafik

Qualitätsverlust beim Vergrößern!

22 of 75

Pixelgrafiken

Pixelgrafiken (=Rastergrafiken) bestehen aus Bildpunkten (Pixel)

Die Größe der Grafik hängt von der Anzahl und Größe dieser Bildpunkte ab.

Bei starker Vergrößerung werden die Pixel sichtbar.

23 of 75

Rastergrafikformat JPG

  • Verlustbehaftete Kompression mit einstellbarer Bildqualität
  • Keine Transparenz
  • Optimal für Fotos!
  • Optimal für Fotos auf Webseiten

24 of 75

Rastergrafikformat PNG

  • Verlustfreie Kompression
  • Wählbare Farbtiefe
  • Transparenz (Alphakanal)
  • Ideal für Grafiken
  • Meistverwendetes verlustfreies Format im Internet

25 of 75

Rastergrafikformat GIF

  • Verlustfreie Kompression
  • Maximal 256 Farben.
  • Transparenz (eine Farbe)
  • Ideal für Grafiken
  • Animationen sind möglich

Schmetterling.gif

Animation.gif

Diagramm.gif

26 of 75

Rastergrafikformat TIF

  • Professionelles Grafikformat für Austausch von hochwertigen Bilddateien.
  • TIFF speichert mit verlustfreier Kompression und erlaubt hohe Farbtiefen und Transparenz.

Marsoberfläche.tif

27 of 75

Rastergrafikformat BMP

zu große Dateigröße für Verwendung im Internet!

Farben.bmp

2 MB

20 KB

Bitmap-Format ohne Kompression

28 of 75

Eine Vektorgrafik kann verlustfrei ohne Qualitätsverlust vergrößert werden.

  • wahr
  • falsch

29 of 75

Eine Vektorgrafik kann verlustfrei ohne Qualitätsverlust vergrößert werden.

  • wahr
  • falsch

30 of 75

Eine Pixelgrafik kann verlustfrei ohne Qualitätsverlust vergrößert werden.

  • wahr
  • falsch

31 of 75

Eine Pixelgrafik kann verlustfrei ohne Qualitätsverlust vergrößert werden.

  • wahr
  • falsch

32 of 75

Mit welchem Bilddateityp ist keine verlustfreie Kompression möglich?

  • png
  • jpg
  • tif
  • gif

33 of 75

Mit welchem Bilddateityp ist keine verlustfreie Kompression möglich?

  • png
  • jpg
  • tif
  • gif

34 of 75

Vektorgrafik - Formate

  • SVG: Scalable Vector Graphics �(skalierbare = vergrößerbare Vektorgrafik)
  • EPS: Encapsulated PostScript �(Entwickelt u. a. von Adobe)

35 of 75

Verlustfreie Kompression

Kein Verlust von Bildinformationen

Originalbild kann zu 100 % rekonstruiert werden

Uhr.png

36 of 75

Verlustbehaftete Kompression

Originalbild kann nicht zu 100 % rekonstruiert werden!

Uhr.jpg �Sehr stark komprimiertes Bild!

37 of 75

Farbton - Hue

Der Farbton (engl. Hue) bezeichnet in der Farbenlehre die Eigenschaft, nach der man Farbempfindungen nach beispielsweise rot, gelb oder grün unterscheidet.

38 of 75

Sättigung - Saturation

0 % Sättigung = Graustufen

100 % Sättigung = reine Farbe

Hohe Sättigung

Keine Sättigung

39 of 75

Helligkeit - Value

0 %

100 %

Helligkeit

Helligkeit

40 of 75

Welche Aussage passt zu Farbton?

  • Farbintensität
  • Helligkeit
  • Farben wie rot, gelb usw.

41 of 75

Welche Aussage passt zu Farbton?

  • Farbintensität
  • Helligkeit
  • Farben wie rot, gelb usw.

42 of 75

Welche Aussage passt zu Sättigung?

  • Farbintensität
  • Helligkeit
  • Farben wie rot, gelb usw.

43 of 75

Welche Aussage passt zu Sättigung?

  • Farbintensität
  • Helligkeit
  • Farben wie rot, gelb usw.

44 of 75

Eine Sättigung von 0% bedeutet

  • nur Grautöne
  • reine Farbe
  • weiße Farbe
  • schwarze Farbe

45 of 75

Eine Sättigung von 0% bedeutet

  • nur Grautöne
  • reine Farbe
  • weiße Farbe
  • schwarze Farbe

46 of 75

Wenn der Farbregler für Saturation auf das Maximum gestellt wird,

  • hat das Bild keine Farben mehr
  • werden die Farben rein und intensiv

47 of 75

Wenn der Farbregler für Saturation auf das Maximum gestellt wird,

  • hat das Bild keine Farben mehr
  • werden die Farben rein und intensiv

48 of 75

RGB-Farbmodell

Farben werden durch Mischen der drei Grundfarben Rot, Grün und Blau dargestellt.�

-> Additives Farbmodell

Detail LCD-Fernseher

Drei Scheinwerfer in den Grundfarben RGB

49 of 75

- Farbmodell

Yellow

Magenta

Cyan

CMY

Subtraktives Farbmodell:

Die Mischung der Grundfarben

ergibt (theoretisch) Schwarz!

Rasterdruck: Verwendung

von Schwarz K (key) erhöht

den Kontrast

Drei Farbfilter in den Grundfarben CMY

50 of 75

HSV-Farbmodell

Farben werden definiert durch

  • Farbwert (hue),
  • Farbsättigung (saturation)
  • Helligkeitswert (value).

Farbwähler in Grafikprogramm

51 of 75

Welches Farbmodell verwenden LCD-Fernseher?

  • RGB
  • CMY
  • HSV

52 of 75

Welches Farbmodell verwenden LCD-Fernseher?

  • RGB
  • CMY
  • HSV

Detail LCD-Fernseher

53 of 75

Welches Farbmodell definiert die Farben mit Farbwert, Sättigung und Helligkeitswert?

  • RGB
  • CMY
  • HSV

54 of 75

Welches Farbmodell definiert die Farben mit Farbwert, Sättigung und Helligkeitswert?

  • RGB
  • CMY
  • HSV

55 of 75

Die Farbtiefe

  • gibt an, wie viele Farbabstufungen möglich sind
  • wird in Bit angegeben

Bild

Farbtiefe

Farbabstufungen

Schwarz-Weiß-Bild ohne Grauabstufungen

1 Bit

2: Schwarz und Weiß

Graustufenbild

8 Bit

28 = 256 Farben

GIF-Bild (indizierte Farben)

8 Bit

28 = 256 Farben

Farbbilder

z.B. im JPG-Format

24 Bit = 3 Farben je 8 Bit

224 = 16,7 Mill. Farben

Farbbilder mit Transparenz

z.B. im TIF-Format

32 Bit = 3 Farben + Transparenz je 8 Bit

232 = 4,3 Mrd. Abstufungen

CMYK

32 Bit = 3 Farben + K-Wert je 8 Bit

232 = 4,3 Mrd. Farben

56 of 75

Was bedeutet Farbtiefe?

  • Höhe der Kompression
  • Maximale Anzahl der Farben
  • Auflösung des Bildes

57 of 75

Was bedeutet Farbtiefe?

  • Höhe der Kompression
  • Maximale Anzahl der Farben
  • Auflösung des Bildes

58 of 75

Schwarz-Weiß

1 Bit = 2 Farben

59 of 75

Graustufenbild

8 Bit: 28 = 256 Grautöne

60 of 75

24 Bit Farbbild

24 Bit: 3 Farben zu 8 Bit = 224 = 16,7 Mill Farben

61 of 75

Welche Farbtiefe hat ein Schwarz- Weißbild ohne Farbabstufungen?

  • 2 Bit
  • 8 Bit
  • 16 Bit

62 of 75

Welche Farbtiefe hat ein Schwarz- Weißbild ohne Farbabstufungen?

  • 2 Bit
  • 8 Bit
  • 16 Bit

63 of 75

Die Farbtiefe eines Graustufenbildes beträgt

  • 24 Bit
  • 256 Grauwerte
  • 4,3 Mrd. Farben

64 of 75

Die Farbtiefe eines Graustufenbildes beträgt

  • 24 Bit
  • 256 Grauwerte
  • 4,3 Mrd. Farben

65 of 75

Ein Farbfoto im JPG-Format hat eine Farbtiefe von

  • 24 Bit
  • 256 Farben
  • 2 Bit

66 of 75

Ein Farbfoto im JPG-Format hat eine Farbtiefe von

  • 24 Bit
  • 256 Farben
  • 2 Bit

67 of 75

Farbbilder mit Transparenz

32 Bit: 3 Farben und Transparenz zu je 8 Bit = 232

= 4,3 Mrd Abstufungen

68 of 75

Transparenz

Darunter liegende Bildebenen werden in transparenten Bereichen sichtbar.

Darunter liegende Bildebenen werden in transparenten Bereichen sichtbar.

Transparente Bereiche werden im Bildbearbeitungsprogramm durch karierte Flächen dargestellt

69 of 75

Transparenz

Die Transparenz ist die Durchsichtigkeit bzw. Lichtdurchlässigkeit einer Fläche.

0 % Transparenz

= 100 % Deckkraft

50 % Transparenz

75 % Transparenz

100% Transparenz

= 0 % Deckkraft

70 of 75

Kontrast

Normal

Gering

Hoch

Kontrast bezeichnet den Unterschied zwischen hellen und dunklen Bereichen eines Bildes.

71 of 75

Helligkeitskorrektur:

Gammakorrektur:

Alle Pixel werden heller bzw. dunkler

Schwarz bleibt schwarz, Weiß bleibt weiß!

Nur die mittleren Helligkeitswerte werden geändert.

72 of 75

Was bedeutet 100 % Transparenz?

  • weißes Bild (Ebene)
  • Das Bild (die Ebene) ist nicht sichtbar

73 of 75

Was bedeutet 100 % Transparenz?

  • weißes Bild (Ebene)
  • Das Bild (die Ebene) ist nicht sichtbar

74 of 75

Was bedeutet 50 % Transparenz?

  • graues Bild
  • man sieht die Ebene darunter etwas durch

75 of 75

Was bedeutet 50 % Transparenz?

  • graues Bild
  • man sieht die Ebene darunter etwas durch

Transparenz