GIMP
Leitprogramm von Anna-Nina Simonetto Redaktion: Regina Lautenschläger
Inhalt:
Das Leitprogramm bietet eine Einführung in der Programm GIMP. Unter anderem werden auch die verschiedenen grafischen Dateiformate oder die Möglichkeiten der Bildbearbeitung
besprochen.
Unterrichtsmethode: Leitprogramm
Das Leitprogramm ist ein Selbststudienmaterial. Es enthält alle notwendigen
Unterrichtsinhalte, Übungen, Arbeitsanleitungen und Tests, welche die Schüler/innen brauchen, um ohne Lehrperson lernen zu können.
Fachliches Review:
Juraj Hromkovic, Informationstechnologie und Ausbildung, ETH Zürich
Fachdidaktisches Review:
Juraj Hromkovic, Informationstechnologie und Ausbildung, ETH Zürich
Publiziert auf EducETH:
17. Februar 2009
Rechtliches:
Die vorliegende Unterrichtseinheit darf ohne Einschränkung heruntergeladen und für Unterrichtszwecke kostenlos verwendet werden. Dabei sind auch Änderungen und
Anpassungen erlaubt. Der Hinweis auf die Herkunft der Materialien (ETH Zürich, EducETH) sowie die Angabe der Autorinnen und Autoren darf aber nicht entfernt werden.
Publizieren auf EducETH?
Möchten Sie eine eigene Unterrichtseinheit auf EducETH publizieren? Auf folgender Seite finden Sie alle wichtigen Informationen: http://www.educeth.ch/autoren
Weitere Informationen:
Weitere Informationen zu dieser Unterrichtseinheit und zu EducETH finden Sie im Internet unter http://www.educ.ethz.ch oder unter http://www.educeth.ch.
Grundlagen der digitalen Bildbearbeitung am Beispiel des Open-Source-Programms GIMP
Ein interaktives Leitprogramm von Anna-Nina Simonetto
Version August 2005
Redaktion: Regina Lautenschläger, Juli 2008
Schulbereich: Gymnasium, Berufsschule
Fachliche Vorkenntnisse: Grundlegende PC-Anwenderkenntnisse
Bearbeitungsdauer: 2 - 3 Stunden pro Kapitel (insgesamt 10 -15 Lektionen)
Inhaltsverzeichnis
1. Einleitung ... 3
2. Einführung in das Programm „The Gimp“ ... 4
a) Werkzeuge ... 4
b) Ebenen ... 7
c) Speichern ... 8
d) Auswählen und Verschieben... 9
e) Hilfe-Funktion ... 9
f) Lösungen zu den Aufgaben aus Kapitel 2... 10
g) Lernkontrolle... 10
3. Pixel und Formate ... 11
a) Vektorgrafiken... 11
b) Rastergrafiken (Bitmaps) ... 12
c) Pixel, Inches und die Grösse von Bildern... 13
d) Scanner, Digitalkameras und Drucker... 14
e) Bildgrössen... 16
f) Lösungen zu den Aufgaben aus Kapitel 3... 18
g) Lernkontrolle... 19
4. Grafische Dateiformate... 21
a) Formate und ihre Eigenschaften ... 21
b) Interne Darstellung von Bildern... 24
c) Lösungen zu den Aufgaben aus Kapitel 4... 25
d) Lernkontrolle... 25
5. Farben... 26
a) Menschliches Sehen... 26
b) Farbmodelle... 28
c) Lösungen zu den Aufgaben aus Kapitel 5... 31
d) Lernkontrolle... 32
6. Farben in der Bildbearbeitung ... 33
a) Farbkanäle... 33
b) Farbtiefe ... 34
c) Datentiefe ... 35
d) Farbmodus, Dithering und indizierte Farben ... 36
e) Anwendungen in der Praxis ... 36
f) Lösungen zu den Aufgaben aus Kapitel 6... 41
g) Lernkontrolle... 41
7. Bildbearbeitung ... 42
a) Helligkeit und Kontrast ... 42
b) Ebenen, Ebenenmasken und Ebenen verankern ... 44
c) Ebenenmaske... 45
d) Scharfzeichnen ... 47
e) Lösungen zu den Aufgaben aus Kapitel 7... 47
8. Glossar... 48
1. Einleitung
Die Verwendung digitaler Bilddaten ist den letzten Jahren rasant gestiegen. Es liegt hauptsäch- lich an der flächendeckenden Einführung der Digitalfotografie und seiner Nutzung im Internet.
Die Unterscheidung der verschiedenen grafischen Dateiformate und ihre spezielle Nutzung ist manchmal verwirrend. Dieses Leitprogramm versucht, auf die wichtigsten Unterscheidungs- merkmale einzugehen, um im privaten Bereich, wie auch für die Nutzung im Internet, zu den bestmöglichen Darstellungsergebnissen zu kommen. Auch werden einige Tricks verraten, wie man Fotos und Bilder bearbeiten kann, damit sie besser wirken.
Diese Themen lassen sich am einfachsten anhand praktischer Übungen mit einen Bildbearbei- tungsprogramm besprechen. Da diese in der Regel sehr teuer sind, benutzen wir das Bildbear- beitungsprogramm The Gimp (GNU Image Manipulation Programm;http://www.gimp.org), das man kostenlos benutzen darf und den Profianwendungen in vielen Bereichen sehr ähnlich ist.
So hast du nach diesem Leitprogramm schon ein gutes Vorwissen aufgebaut, um mit anderen Bildbearbeitungsprogrammen zu arbeiten und weisst schon Vieles über digitale Bildformate.
Wir starten mit einer Einführung in Gimp. Zu Beginn einige Hinweise, wie du am besten mit die- sem Leitprogramm arbeitest. Viel Spass!
Arbeitsanleitung
Dieses Leitprogramm besteht aus sieben Kapiteln, die jeweils mit einem Überblick beginnen. Den Überblick wirst du an folgendem Symbol erkennen:
Er ist angereichert mit verschiedenen Aufgaben, die du lösen sollst.
Sie helfen dir, den Überblick über das Kapitel zu behalten und den Lehrstoff in einzelnen Schritten zu bearbeiten. Lehrtext und Aufgaben werden sich durch das ganze Leitprogramm hindurch abwechseln.
Die Aufgaben erkennst du am Bleistift:
Am Ende jedes Kapitels befinden sich die Lernkontrollen. Die Lernkontrollen werden von diesem Symbol begleitet:
Lösungen für alle Aufgaben und für die Lernkontrollen stehen am Schluss jedes Kapitels. Damit kannst du selbst kontrollieren, ob du eine Aufgabe richtig gelöst hast. Aber bitte nicht mogeln!
Ausserdem findest du in diesem Leitprogramm eine besondere Textmarkierung für TEXT IN ZUSAMMENHANG MIT DEINEM COMPUTER. Dabei handelt es sich zum Beispiel um eine bestimmte Tastaturabfolge, die du drücken musst oder die Namen von Menüs, Dialogen oder Funktionen, welche du im Bildbearbeitungsprogramm Gimp findest. In den Aufgaben wird manchmal von dir verlangt, eine bestimmte Datei zu öffnen. Alle diese Bilddateien findest du im einem einzigen Ordner mit Unterverzeichnissen. Frag deine Lehrperson, wo er abgelegt ist. Das Bildbearbeitungsprogramm Gimp ist schon auf deinem Computer installiert.
Am Schluss findest du ein Glossar mit den wichtigsten Fachausdrücken aus diesem Leitpro- gramm.
2. Einführung in das Programm „The Gimp“
Um sich digitale Bilder anzusehen und zu verändern, benötigt man ein
Bildbearbeitungsprogramm, davon gibt es zahlreiche – von ganz einfachen bis zu ganz komplizierten. Sie gleichen sich jedoch alle im Konzept. In diesem Leitprogramm verwenden wir das Bildbearbeitungsprogramm „The Gimp“. Gimp wird unter der GNU-Lizenz für freie Software veröffentlicht. Als frei bezeichnet man Software, die man kostenlos benutzen, weitergeben und deren Programmcode man sogar ändern darf. Dieser Abschnitt führt dich in dieses Bildbearbeitungsprogramm ein.
Nach dem Bearbeiten dieses Kapitels weisst du, wie man in Gimp Bilder öffnet, abspeichert und wie man neue Bilder erstellen kann. Du kennst einige wichtige Werkzeuge und kannst erklären, für was und wie sie verwendet werden.
a) Werkzeuge
Wenn du Gimp startest, siehst du als erstes zwei Fenster. Das WERK-ZEUGFENSTER erkennst du daran, dass in seiner Titelleiste The GIMP steht. Auf das andere Fenster kommen wir später zu
sprechen. Das WERKZEUGFENSTER ist das Hauptfenster. Du findest dort die verschiedenen Werkzeuge.
Aufgabe 1:
Schaue dir das WERKZEUGFENSTER etwas genauer an. Findest du die PIPETTE und den ZAUBERSTAB? Erstelle nun ein neues Bild, indem du im Menü DATEI das Fenster NEU wählst und anschliessend OK drückst.
Wähle nun mit der Maus den FARBTOPF. Er sieht so aus:
Wir versuchen nun herauszufinden, was dieses Werkzeug kann. Wechsle nun wieder ins WERKZEUGFENSTER. Ungefähr auf mittlerer Höhe siehst du zwei Rechtecke.
Klicke nun doppelt in das obere, jetzt noch schwarze, der beiden Rechtecke und wähle dann eine beliebige Farbe aus. Klicke danach mit dem FARBTOPF ins Bild. Was passiert?
Wähle nun den BLEISTIFT aus und ändere seine die Farbe auf gleiche Weise. Klicke mit ihm ins Bild und ziehe mit der gedrückten Maustaste eine Linie. Was passiert nun? Lass dein Bild geöffnet, du brauchst es später noch.
Nun noch zum zweiten, offenen Fenster. Es sieht so aus:
Wir nennen es EBENENFENSTER.
Falls du dieses Fenster einmal versehentlich weg- geklickt hast, kannst du es jederzeit über das
WERKZEUGFENSTER und das Menü DATEI DIALOGE EBENEN oder durch gleichzeitiges Drücken der Tasten STRG und L wieder in den Vordergrund holen.
Aufgabe 2:
Klicke im
EBENENFENSTER durch alle Menü-Reiter durch. Wie heissen sie?
Gut zu wissen:
Wenn du wissen möchtest, für was genau du ein Werkzeug benutzen kannst, musst du einfach mit der Maus über sein Symbol fahren und dort kurz bleiben. Dann wirst du eine gelbe Textbox mit Infos über dieses Werkzeug sehen. Dasselbe gilt für Optionen und für Buttons.
Wir werden nun dem EBENENFENSTER einen weiteren Reiter hinzufügen: ein Farben- Menü. Dazu klicke im EBENENFENSTER auf den kleinen schwarzen Pfeil, der für jeden Menü-Reiter sichtbar ist. Wähle dann REITER HINZUFÜGEN und danach FARBEN.
Du hast vielleicht bemerkt, dass es kein Werkzeug gibt, um Formen wie Kreise, Ellipsen oder Rechtecke zu zeichnen. Die Werkzeuge, die ein bisschen so aussehen, sind für die Auswahl von elliptischen oder rechteckigen Bereichen gedacht. Man kann sie jedoch auch benutzen, um einfache Formen zu zeichnen. Das probieren wir in der nächsten Übung aus.
Gut zu wissen
Gimp bietet eine Hilfefunktion an, genannt KONTEXTHILFE. Falls bei mit einem Werkzeug nicht weiter weisst, drücke SHIFT und F1 und klicke auf das betreffende Werkzeug.
Aufgabe 3:
Benutze dein Bild von Aufgabe 1. Wähle nun im Werkzeugfenster das Auswahlwerkzeug für rechteckige Bereiche aus. Wende dieses Werkzeug in deinem Bild an. Klicke auf das Werkzeug, dann in dein Bild und mit der gedrückten
linken Maustaste fährst du mit der Maus über das Bild. So zeichnest du ein Rechteck, das dir gefällt. Wenn du jetzt die SHIFT-Taste gedrückt hältst und nochmals einen Bereich auswählst, vielleicht sogar an den bereits ausgewählten Bereich angrenzend, dann wird deine Auswahl zusammengefasst.
Das Auswahlwerkzeug eröffnet dir verschiedene Möglichkeiten. Man kann mit der neuen Aus- wahl die alte ersetzen (1. Button), die neue Auswahl zur alten hinzufügen (2. Button), eine neue Auswahl von der alten abziehen (3. Button) oder eine Schnittmenge bilden (4. Button).
Diese Modi des Werkzeugs siehst du, wenn du im WERK- ZEUGFENSTER dein Auswahlwerk- zeug aktiviert hast. Man kann sie auch über die Tastatur aktivieren: Halte die SHIFT-Taste ge- drückt für den Modus ADDIEREN, CTRL für den Modus SUBTRAHIEREN und CTRL und ALT für den Modus SCHNITTMENGE. Der Modus ERSETZEN ist die Standardeinstellung.
Ändere nun deine Auswahl mit dem Auswahlwerkzeug in den verschiedenen Modi, bis du deine gewünschte Form erhältst. Wähle dann im WERKZEUGFENSTER den FARBTOPF aus und fülle deine Form.
Vielleicht fragst du dich, wieso es zwei farbige Rechtecke gibt, wenn man doch nur eine Farbe anwenden kann. Der Grund dafür ist, dass es eine Vordergrund- (oberes Rechteck) und eine Hintergrundfarbe (unteres Rechteck) gibt. Du wirst in deinem Gimp die Begriffe VG und HG antreffen,
die genau das bedeuten. Der Farbtopf benutzt die Vordergrundfarbe zum Füllen. Bei anderen Werkzeugen, wie zum Beispiel dem RADIERGUMMI, kommt die Hintergrundfarbe hervor, wenn es anwendet wird.
Jetzt möchten wir unsere Form umranden. Wähle dazu zuerst aus deinem WERKZEUGFENSTER die SPRÜHPISTOLE aus:
Weise ihr eine Farbe zu und wähle eine Pinselform aus. Klicke dazu den Button neben PINSEL an. Wie du siehst, kannst du zusätzlich auch die DECKKRAFT einstellen.
Gehe danach in deinem Bild auf das Menü
BEARBEITEN und danach AUSWAHL NACHZIEHEN.
Wähle dort mit Hilfe eines Malwerkzeuges NACH- ZIEHEN aus und klicke auf OK.
Gut zu wissen:
Wie zeichnet man eigentlich gerade Linien in Gimp? Ganz einfach: wenn du mit deinem Mal- werkzeug eine Gerade zeichnen möchtest, musst du nur die SHIFT-Taste gedrückt halten. Du kannst zuerst einen Punkt zeichnen und sie dann drücken oder sie von Anfang an gedrückt halten. Die DECKKRAFT einer Farbe kann man für alle Malwerkzeuge angeben.
b) Ebenen
Ein Bild kann verschiedene Ebenen haben. Eine Ebene kannst du dir wie eine Schicht vorstel- len, die man über andere legt – so wie durchsichtiges Papier. Neue Ebenen erstellt man über das EBENEN-Menü auf dem vierten Menü-Reiter im EBENENFENSTER. Du wirst dort sehen, dass dein Bild bereits eine Ebene hat, die HINTERGRUND genannt wurde.
Das kleine Auge neben den Ebenennamen kann jede einzelne Ebene sichtbar oder unsichtbar machen, wenn du darauf klickst.
Ausserdem kann man für jede Ebene unter DECKKRAFT angeben, ob sie vollständig deckend oder etwas durchsichtig sein soll. So kann man verschiedene Ebenen übereinander legen.
Unter EBENENEIGENSCHAFTEN kannst du den Namen der Ebene ändern.
Wenn du jetzt einen Rechtsklick machst und NEUE EBENE auswählst, kannst du eine
neue Ebene erstellen und einen EBENENNAMEN vergeben sowie die BREITE und HÖHE der Ebene bestimmen. Unter EBENENFÜLLART kannst du sie mit der aktuellen Vorder- oder Hin- tergrundfarbe füllen. Wenn du TRANSPARENZ auswählst, kannst du sie später mit einer Farbe einfärben, die keine 100%-ige Deckkraft hat und erreichst so, dass das ganze
Bild einen farbigen Schimmer bekommt. Das schwarz-weisse Karomuster steht für einen transparenten Bereich.
Wenn du einer transparenten Ebene keine Farbe gibst, ändert sich nichts auf deinem Bild. Falls du hingegen eine transparente Ebene mit einer Farbe in voller Deckkraft einfärbst, siehst du nur diese Farbe und sonst gar nichts mehr. Deshalb gibt es die Möglichkeit, die Deckkraft der Farben anzugeben, weil man ja selten ein Bild mit einer neuen Farbe ganz übermalen möchte.
Hat man zu viele Ebenen, kann man eine davon NACH UNTEN VEREINEN.
Diese Option findest du im EBENEN-Menü vom EBENENFENSTER. Klicke mit der rechten
Maustaste auf die Ebene, die du mit einer unteren vereinen möchtest. Das Bild sieht nachher immer noch gleich aus. Aber du hast die Inhalte der oberen Ebene auf die untere übertragen und die obere gelöscht. Bevor du Ebenen vereinst solltest
du daher kontrollieren, ob die Reihenfolge der Ebenen stimmt. Jene Ebene, die oben liegt, ist schlussendlich auch sichtbar. Wenn sie etwas auf einer unteren Ebene verdeckt, solltest du sie zuerst nach oben bewegen.
Die Reihenfolge von Ebenen kannst du verändern, indem du sie im EBENEN-Menü vom EBENENFENSTER nach oben ziehst oder über das Menü EBENE STAPEL und dann eine der Optionen EBENE ABSENKEN, EBENE ABHEBEN, EBENE GANZ NACH OBEN oder EBENE GANZ NACH UNTEN auswählst. Beachte, dass du die Position der untersten Ebene, der Hintergrundebene, nicht verändern und auch keine andere Ebene an diese Stelle schieben kannst.
Ein unbearbeitetes Bild, das zum Beispiel direkt von einer Digitalkamera kommt, besteht nur aus einer Hintergrundebene. Zusätzliche Ebenen muss man selbst erstellen. Jede neue Ebene legt man über die bestehenden Ebenen. Wir erinnern uns: Ebenen kann man sich als transparente, übereinandergelegte Folien oder Schichten vorstellen.
Wenn du etwas auf einer Ebene zeichnen möchtest, musst du sie zuerst aktivieren, indem du sie im EBENEN-Menü des Ebenenfensters anklickst, sonst änderst du etwas auf der falschen Ebene. Wenn du sie dort mit einem Rechtsklick anklickst, werden dir die Funktionen angezeigt, die du brauchst, um ihre Grösse zu ändern. Die Grösse einer Ebene kann man unabhängig von der Bildgrösse verändern.
Aufgabe 4:
Erstelle eine neue Ebene mit transparentem Hintergrund und färbe sie mit zu 20 % deckendem Gelb ein. Die Deckkraft kannst du als Option des Farbtopfes einstellen.
Wenn du den FARBTOPF anklickst, dann siehst du DECKKRAFT als erste Option.
c) Speichern
Wenn du ein bearbeitetes Bild abspeichern möchtest, kannst du das über das Menü DATEI SPEICHERN oder SPEICHERN UNTER. Letzte Funktion immer dann, wenn du das Bild unter einem neuen Namen oder in einem anderen Format speichern möchtest.
Es gibt verschiedene Formate für digitale Bilder, auf die in den nächsten beiden Kapiteln näher eingegangen wird. Es sei nur kurz erwähnt, dass Ebenen und gewisse Einstellungen erhalten bleiben, wenn man es im Gimp-
Format speichert, das du an der Endung .XCF erkennst. Dies nennt man dann Masterkopie.
Eine Masterkopie solltest du immer dann erstellen, wenn du ein Bild bearbeiten oder
verändern möchtest, damit es im Originalzustand erhalten bleibt.
Möchtest du es in einem anderen Format abspeichern, kannst du unter NAME direkt dessen Endung eingeben oder
dann unter DATEITYP NACH ENDUNG auf das kleine Kreuz klicken und danach ein Format aus der Liste auswählen. Auf dieselbe Weise wählst du unter ORDNER-BROWSER einen Ord- ner aus, um das Bild abzuspeichern, wenn dir der angegebene Ordner nicht gefällt.
Gut zu wissen:
Wenn du einmal etwas versehentlich geändert hast, kannst du deine Änderungen rückgängig machen. Entweder über das Menü BEARBEITEN, RÜCKGÄNGIG,
oder mit STRG und Z. Du kannst etwas auch wiederholen über das Menü BEARBEITEN, WIEDERHOLEN oder mit STRG und Y. Ausserdem findest du im EBENENFENSTER auf dem dritten Reiter das Menü JOURNAL. Es zeichnet alle Änderungen auf und erlaubt es dir so, et- was gezielt rückgängig zu machen oder zu wiederholen.
d) Auswählen und Verschieben
Mit welchen Werkzeugen man etwas auswählen kann, hast du bereits gesehen.
Es gibt aber noch andere Methoden.
Der Zauberstab: Mit ihm kannst du einander ähnliche Bereiche auswählen.
Dann gibt es ein Werkzeug mit dem Namen BEREICHE NACH FARBEN
AUSWÄHLEN. Wenn du es anklickst und dann im WERKZEUGFENSTER nach den dazugehörenden Optionen schaust, entdeckst du die Option SCHWELLE. Wenn man die SCHWELLE erhöht, werden ähnliche, aber nicht genau gleiche Farben in die Auswahl mit ein- bezogen.
Manchmal ist es vor einer neuen Auswahl notwendig, eine bestehende zuerst aufzuheben. Wäh- le dazu die Funktion AUSWAHL AUFHEBEN. Man kann eine Auswahl auch INVERTIEREN.
Das ist nützlich, wenn man einen bestimmten Bereich gut markieren kann, zum Beispiel eine grosse Fläche, aber eigentlich genau den anderen Bereich auswählen möchte, der vielleicht viel kleinteiliger ist. Dann kann man einfach die Auswahl invertieren, also umkehren. Solltest du vor lauter Auswählen nicht mehr wissen, was du alles markiert hast, dann benutze den AUSWAHL- EDITOR. Wenn sich sein Fenster öffnet, sieht man weiss markiert die Auswahl und in Schwarz alles, was nicht ausgewählt wurde.
Die Funktion AUSWAHL VERGRÖSSERN bzw. VERKLEINERN ist dann nützlich, falls du deine Auswahl vielleicht nur gering vergrössern möchtest. Diese Werkzeuge und alle anderen Aus- wahlwerkzeuge kannst du mit den Modus Optionen für die Auswahl, SCHNITTMENGE, SUBTRAHIEREN, ADDIEREN und ERSETZEN kombinieren.
Aufgabe 5:
Öffne das Bild MEER2.PNG und versuche alles auszuwählen, was zum Wal gehört. Probiere dazu die verschiedenen Auswahlmöglichkeiten aus. Versuche auch, deine Auswahl zu vergrössern, verkleinern oder invertieren. Dann probiere
auch den Auswahleditor aus. Woran bemerkst du, dass du die Auswahl zuerst aufheben musst, bevor du eine neue durchführen kannst? Verändert sich irgendetwas? (Tipp: Was bedeutet dieses Symbol?)
e) Hilfe-Funktion
Gimp hat eine eigene Hilfe. Du findest sie im WERKZEUGFENSTER unter dem Menü HILFE.
Es gibt aber auch online viele Quellen zu Gimp. Auf http://www.gimp.org/tutorials findest du ver- schiedene Tutorials zu bestimmten Themen auf Englisch. Auf http://docs.gimp.org gibt es Dokumentationen in unterschiedlichen Sprachen. Sie bieten eine kurze Einführung in die ver- schiedenen Funktionen von Gimp.
Aufgabe 6:
Finde heraus, welche Funktion der Stempel hat und wozu man ihn benutzen kann.
Suche entweder auf Dokumentationsseite von Gimp im Internet oder benutze die KONTEXTHILFE.
Gut zu wissen
Möglichkeiten von Gimp geben wir in diesem Leitprogramm immer über die Menüs an, die du im oberen Bildrand deines geöffneten Bildes findest. Die gleichen Menüs erreichst du auch über einen Rechtsklick an beliebiger Stelle auf deinem Bild.
f) Lösungen zu den Aufgaben aus Kapitel 2
Aufgabe 1:
Pipette Zauberstab
Der Farbtopf füllt ganze Bereiche mit einer Farbe. Der Bleistift zeichnet Linien. Die Form der Linien hängt von der ausgewählten Pinselform ab.
Aufgabe 2:
Kanäle, Pfade, Journal, Ebenen Aufgabe 3/Aufgabe 4:
(Keine Frage gestellt) Aufgabe 5:
Der Mauszeiger verändert sich zu einem Kreuz mit vier Pfeilen. Wenn man dann klickt und die Maus etwas bewegt, zieht man die ganze Auswahl mit. Damit das nicht passiert, muss man die Auswahl aufheben.
Aufgabe 6:
Mit dem Stempel kann man einen Bereich des Bildes kopieren und dann
reproduzieren. Das wird oft benutzt, um Fotos auszubessern. Man kann aber auch ein Muster zeichnen, dazu muss man noch eine Pinselform wählen.
g) Lernkontrolle
1. Was ist eine Masterkopie und wofür benutzt man sie?
2. Wann speicherst du ein Bild im Gimp-Format mit der Endung .XCF?
3. Welche beiden wichtigen Fenster gibt es in Gimp und wofür benutzt man sie?
4. Wofür braucht man den Auswahleditor?
5. Welche Elemente können ihre Deckkraft verändern?
6. Was gibt es Besonderes über die Hintergrundebene zu sagen?
Lösungen zur Lernkontrolle
1. Bei Bildern, die von einer Digitalkamera stammen, bezeichnet eine Masterkopie das Origi- nalbild ohne Änderungen von Grösse oder Format. Eine Masterkopie kann man auch im Gimp-Format erstellen, damit man bei einer aufwändigen Bildbearbeitung in Etappen Arbei- ten kann. Man spricht also immer dann davon, wenn man das Bild in einem gewissen Zu- stand behalten möchte und man von diesem ausgehend eventuell noch Änderungen vor- nehmen möchte.
2. Man speichert ein Bild im Gimp-Format mit der Endung .XCF, wenn man sichergehen will, dass man keine Einstellungen verliert.
3. Das Ebenenfenster enthält verschiedene Menüs, wie zum Beispiel das EBENEN-Menü. Man kann dort aber auch neue Menüs hinzufügen. Das WERKZEUGFENSTER enthält alle Werkzeuge. Wenn man eines anklickt, sieht man im unteren Bereich des Werkzeugfensters die zusätzlichen Optionen dieses Werkzeugs.
4. Im AUSWAHLEDITOR kann man seine Auswahl in Schwarz-weiss betrachten, wobei Weiss für den ausgewählten Bereich steht. Dies ist nützlich, wenn man einmal den Überblick über Auswahl verloren hat.
5. Farbe kann mit unterschiedlicher Deckkraft aufgetragen werden, aber auch Ebenen können ihre Deckkraft ändern. Sie lässt sich jeweils mittels eines Schiebereglers einstellen.
6. Die Hintergrundebene ist die unterste aller Ebenen. Sie lässt sich zwar umbenennen und man kann wie bei den anderen Ebenen ihre Deckkraft einstellen. Man kann sie jedoch nicht verschieben, denn sie ist immer die unterste Ebene. Digitale Bilder, die zum Beispiel von ei- ner Digitalkamera kommen, besitzen zu Beginn nur diese eine Ebene.
3. Pixel und Formate
Wie gross muss ein Bild eigentlich sein? Dass ein Pixel ein Bildelement eines digitalisierten Bildes bezeichnet, weisst du wahrscheinlich schon. Doch welchen Unterschied macht es, ob mein Bild viele oder wenige Pixel enthält? Nach dem Bearbeiten dieses Kapitels weisst du, auf was du achten musst, damit ein Foto eine ausreichend gute Qualität hat. Du lernst verschiedene Masseinheiten kennen, die in diesem Zusammenhang verwendet werden. Du kannst erklären, was sie bedeu- ten, wann man sie verwendet und was sie voneinander unterscheidet.
a) Vektorgrafiken
Es gibt zwei verschiedene Arten von digitalen Grafikformaten: Vektorgrafiken und Rastergrafiken (Bitmaps). Eine Vektorgrafik speichert alle Informationen auf einem Bild mittels mathematischer Funktionen und einem Koordinatensystem. Als Bausteine kann eine Vektorgrafik somit Linien, Kurven, Quadrate, Ellipsen, Kreise, Rechtecke, Text und ähnliches enthalten.
Zur Darstellung eines Kreises zum Beispiel muss man den Radius, die Position des Mittelpunk- tes, die Farbe und Dicke der Umrandungslinie, die Farbe und eventuell das
Muster im Kreis speichern. Den Kreis, den man so beschreibt, kann man später beliebig skalie- ren, ohne dass dann die Qualität der Darstellung zu- oder abnehmen würde. Die Grafik hat zu jedem Zeitpunkt alle zur Darstellung nötigen Informationen.
Mit Vektorgrafiken lassen sich keine komplizierten Fotografien darstellen, weil man dann ein Bild aus ganz kleinen Quadraten aufbauen müsste. Dadurch ginge der Vorteil der Vektorgrafiken
verloren. Aber sie sind ideal für Bilder, die nicht fotorealistisch aussehen müssen und nicht zu detailliert sind.
Aufgabe 1:
Welche Informationen muss man zur Darstellung eines Rechteckes speichern?
Welche Informationen zur Darstellung einer Kurve?
b) Rastergrafiken (Bitmaps)
Eine Rastergrafik ist aus ganz kleinen Quadraten aufgebaut, die man Pixel nennt. Man spricht also nur im Zusammenhang mit Rastergrafiken von Pixeln. Ein Pixel ist die kleinste Einheit eines Bildes. Wie viele Pixel ein Bild enthält, bestimmt die Grösse und die Feinheit (Auflösung) des Bildes. Wenn man ein Foto einscannt, digitalisiert man seine Informationen. Dazu muss das Bild in kleine Einheiten aufgeteilt werden. Jedem Pixel (picture element) werden beim Digitalisieren Farbinformation zugewiesen.
Hier siehst du ein Bild, einmal 1050 x 710 Pixel, also mit 745 500 Pixeln und einmal mit 11 x 7 Pixel, also 77 Pixel. Natürlich ist das rechte Bild stark vergrössert, normalerweise wäre es kleiner. Mit etwas mehr Pixeln sieht es so aus:
Auch dieses Bild wurde wieder stark vergrössert. Hier kann man jetzt erkennen, dass Farbverläufe
eigentlich aus Pixel in verschiedenen Abstufungen von dunkel nach hell bestehen. Das funktioniert auch, wenn die Pixel kleiner sind. Wenn sie so klein sind, dass unser Auge sie nicht mehr unterscheiden kann, dann haben wir den Eindruck eines Farbverlaufes.
Aufgabe 2:
Zeichne den Buchstaben F auf kariertem Papier und innerhalb eines Quadrates, das mindestens aus 6 x 6 Kästchen besteht. Zeichne nun in gleicher Weise den Kleinbuchstaben a. Was musst du Neues beachten, was vorher beim F keine Rolle gespielt hat?
Öffne das Bild KAKTUS.JPG in Gimp. Dieses Bild besteht aus 1200 x 802 Pixel.
Unter FILTER WEICHZEICHNEN PIXELN findest du ein Werkzeug, um auszuprobieren, wie ein Bild mit weniger Pixel wirkt. Dieser Filter zeichnet dein Bild noch einmal neu. Unter PIXELBREITE und PIXELHÖHE kannst du angeben, wie viele Pixel das neu gezeichnete Bild
enthalten soll. Als Referenzwert wird die Anzahl der Pixel deines Bildes genommen. Wenn du hier also zum Beispiel angeben würdest, dass im neuen Bild ein Pixel aus 100 x 100 alten Pixel bestehen soll, erhältst du (1200 x 802):(100 x 100) also 96 Pixel.
Natürlich sind diese Pixel quasi virtuell, das Bild hat genau genommen noch gleich viele Pixel wie ursprünglich. Dieser Filter zeichnet das Bild neu, ohne es zu skalieren oder die Pixelanzahl tatsächlich zu verändern. Wie viele Pixel hat das Bild nun, wenn du es mit 20 x 20 grossen Pixel neu zeichnest? Probiere es aus!
Gut zu wissen
Unser Bildbearbeitungsprogramm Gimp kann nur Rastergrafiken bearbeiten. Für Vektorgrafiken gibt es spezielle Programme wie zum Beispiel Inkscape (http://www.inkscape.org/). Aber auch einige Textverarbeitungsprogramme, wie zum Beispiel Word von Microsoft, können kleine Vek- torgrafiken erstellen. Alle Clip-Arts sind Vektorgrafiken (http://office.microsoft.com/clipart).
c) Pixel, Inches und die Grösse von Bildern
Grundsätzlich ergibt sich die Grösse eines Bildes aus der Anzahl Pixel in horizontaler und verti- kaler Richtung. Ein Bild mit 400 x 400 Pixel hat also viermal mehr Pixel als ein Bild mit 200 x 200 Pixel. Diese Zahl nennt man die (Bild-) Auflösung, also die Gesamtzahl aller Pixel in einem Bild.
Daraus kann man ableiten, wie detailliert ein Bild ist.
Man gibt die Bildauflösung entweder mit zwei Zahlen an, also 200 x 200 Pixel. Die erste Zahl beschreibt die Anzahl Pixel in der Breite und die zweite Zahl die Anzahl Pixel in der Höhe. Alter- nativ nennt man die Gesamtzahl der Pixel. Sie erhält man, wenn man die beiden Zahlen multip- liziert. Für ein Bild mit 200 x 200 Pixel sind es 40 000 Pixel oder 0.04 Megapixel.
Aufgabe 3:
a) Öffne die Bilder 800X600.JPG und 1200X900.JPG. Auf den ersten Blick
erscheinen sie gleich gross. Wenn du aber in die Titelleiste der Fenster schaust, in denen die Bilder angezeigt werden, siehst du, dass dort ihre tatsächliche Grösse angezeigt wird.
Was stellst du fest? Wieso erscheinen beide Bilder gleich gross?
b) Wenn du nun den unteren Rand derselben Fenster anschaust, siehst du dort im zweiten Feld auf der linken Seite eine Prozentzahl. Was könnte das sein? Wenn du es nicht weisst, stelle diese Zahl auf 100%. Weisst du es jetzt?
Betrachtet man Bilder auf dem Monitor, erscheinen sie in Originalgrösse. falls kein Zoom einge- stellt ist. Ein Browser kann aus Bildern, die sehr gross sind, automatisch herauszoomen. Das merkt man dann an einen Hinweis, dass man das Bild noch vergrössern kann.
Wie du gesehen hast, gibt es auch in Gimp eine Zoomfunktion, die automatisch aus dem Bild so herauszoomt, dass man es gut auf dem Bildschirm betrachten kann. Woher weiss aber Gimp, wie weit es aus einem Bild herauszoomen muss?
Jeder Monitor hat eine bestimmte Auflösung. Man kann seinem Monitor sagen, wie viele Pixel horizontal und vertikal dargestellt werden sollen. Weisst du, wie man die Auflösung deines Moni- tors einstellen kann? Falls nicht, frage deine Lehrperson.
Aufgabe 4:
Ändere die Auflösung deines Monitors von hoch auf tief und wieder zurück.
Beobachte, was dabei passiert. Was fällt dir auf? Bleibt alles gleich gross? Setze die Auflösung anschliessend wieder auf die ursprüngliche Einstellung zurück!
Wenn Gimp ein Bild mit 1200 x 900 Pixel auf einem Monitor anzeigen soll, der eine Auflösung von 1024 x 768 hat, wird er etwas herauszoomen, denn die Originalgrösse hat auf dem Bild- schirm nicht genügend Platz. Du hast sicher festgestellt, dass eine grosse Auflösung alles viel kleiner und eine kleine Auflösung alles viel grösser wirken lässt. Warum ist das so?
Dein Monitor zeigt Bilder anhand ihrer Anzahl Pixel an und die Auflösung des Monitors be- stimmt, wie viele Pixel darauf Platz haben. Wenn der Bildschirm nun eine Auflösung von 1024 x 768 Bildpunkten hat und dein Bild hat 512 x 384 Pixel, dann wird dieses Bild genau einen Viertel des Bildschirms füllen. Falls aber der Bildschirm eine grössere Auflösung hätte und demnach mehr angezeigt werden könnte, sagen wir einmal 2048 x 1536, dann würde dasselbe Bild nur noch einen Sechzehntel des Bildschirms füllen, obwohl seine Grösse unverändert geblieben ist.
Je grösser die Auflösung des Monitors, desto mehr Pixel haben darauf Platz, desto dichter sind sie beieinander, desto kleiner wirkt alles. Die Grösse eines Bildes wird im Verhältnis zur Auflö- sung des Monitors angezeigt. Für die Darstellungsgrösse eines Bildes auf deinem Monitor spielt es keine Rolle, wie breit und hoch dein Monitor ist. Es kommt auf seine Auflösung an.
Aufgabe 5:
Zeichne auf einem weissen Blatt Papier zwei Quadrate mit einer Seitenlänge von 5 cm. Zeichne nun in das erste Quadrat ein Raster mit einer Auflösung von 10 kleinen Quadraten pro Seite und in das andere ein Raster mit einer Auflösung von 5 kleinen Quadraten pro Seite. Wie viele kleine Quadrate musst du in jedes der beiden Quadrate füllen, wenn du eine quadratische Fläche mit einer Seitenlänge von 1 cm hineinzeichnen willst? Warum ist das so?
d) Scanner, Digitalkameras und Drucker
Es gibt verschiedene Masseinheiten, die im Zusammenhang mit digitalen Bildern gebräuchlich sind. Einige dieser Masse berechnen etwas pro Inch. Inches (Zoll) sind ein englisches Längenmass. 1 inch entspricht 2.54 cm. Im folgenden wer- den wir auf diese Masseinheiten eingehen und erklären, wann und wie man sie verwendet.
Megapixel oder [Zahl] x [Zahl] Pixel: Wie bereits erwähnt bezeichnet man so die Auflösung von digitalen Bildern. Vor allem im Zusammenhang mit Digitalkameras spricht man oft von Megapi- xel, also der Gesamtanzahl Pixel eines Bildes.
Aufgabe 6:
Wie viele Megapixel hat ein Bild mit 800 x 600 Pixel? Und wie viele hat eines mit 2560 x 1920 Pixel?
DPI: Die Einheit DPI (Dots per Inch) wird nur für Drucker verwendet und besagt, wie viele Farb- punkte der Drucker pro Inch erzeugen kann. Jedes Pixel eines Bildes wird aus verschiedenen Farbtropfen zusammengemischt. Eine höhere DPI-Zahl führt dazu, dass mehr Farbe für ein Pi- xel verwendet wird, also zu mehr Farbpunkte auf derselben Fläche. Je mehr DPI ein Drucker hat, desto besser sind die Farben, aber desto langsamer auch der Druckjob. Um Farbe zu spa- ren, kann man eine tiefe DPI-Zahl einstellen. Manchmal werden DPI fälschlicherweise auch für die Bildschirmauflösung oder die Abtastauflösung eines Scanners verwendet. Meist wird aus dem Zusammenhang jedoch klar, was gemeint ist.
Ganz wichtig
Damit etwas in Inch ausgedrückt werden kann, muss das Konzept von Zoll beziehungsweise Zentimeter auch spezifiziert sein. Ein Foto, das mit einer Digitalkamera gemacht und ein- gescannt wurde, weiss nichts über Zentimeter. Erst dann, wenn man ein digitales Bild ausdru- cken möchte und bestimmt, wie gross es auf dem Papier sein soll, kommen Zentimeter oder Zoll ins Spiel.
Aufgabe 7:
Was ist der Unterschied zwischen Dots und Pixeln?
PPI: Die Einheit PPI (Pixel per Inch) verwendet man für die Auflösung eines Monitors. Sie be- schreibt das Verhältnis zwischen der Grösse eines Monitors in Zoll und der Anzahl Pixel in hori- zontaler und vertikaler Richtung. Diese Zahl hängt von der eingestellten Bildschirmauflösung ab.
Um herauszufinden, welche PPI-Zahl deinem Monitor entspricht, kannst du folgende Umrech- nung durchführen. Angenommen du hast einen 17 Zoll Bildschirm und die Auflösung ist auf 1280 x 1024 eingestellt:
Horizontale Masse der beleuchteten Lichtröhre:
12.5 Zoll.
Auflösung: 1280 x 1024 Pixel
Berechnung der PPI: Horizontale Anzahl Pixel geteilt durch das horizontale Ausmasse des Monitors 1280 : 12.5 = 102 PPI
Aufgabe 8:
Berechne die PPI Zahl für einen 17 Zoll Monitor mit einer
eingestellten Auflösung von 600 x 800.
Andererseits kann man dieses Mass auch verwenden, um von einem Bild die Auflösung in Pixel zu beschreiben und in einer bestimmten Grösse gedruckt werden soll.
Soll ein Bild mit 100 x 100 Pixel auf ein Quadrat mit einer Seitenlänge von 1 Inch (=2,54 cm) gedruckt werden, dann hat es 100 PPI, da 100 Pixel genau 1 Inch entsprechen. In diesem Zu- sammenhang wird das PPI-Mass unabhängig von der DPI-Zahl des Druckers gebraucht.
Aufgabe 9:
Die DPI Zahl muss grösser sein als die PPI Zahl, um ein Bild von gleich guter Qualität zu erzeugen. Warum braucht man mehr Dots als Pixel?
SPI: Die Einheit „Samples per Inch“ ist ein Mass für die Auflösung eines Scanners. Ein Sample ist jene digitale Information, die man aus einer analogen Vorlage erhält. Hier also die Farbinfor- mation für ein Pixel durch ein Foto auf Papier. Mit dieser Masseinheit kannst du bestimmen, wie viele Pixel das Bild, das du einscannst, in digitaler Form enthalten soll. Wird ein Foto, das genau 1 Inch (=2,54 cm) breit ist, mit 100 SPI eingescannt, hat es auf dem Computer nachher eine Auflösung von 100 x 100 Pixel. Also je grösser die SPI Zahl, desto mehr Details sind nachher auf dem gescannten Bild zu erkennen.
Soll ein Bild ungefähr in seiner Originalgrösse auf deinem Monitor angezeigt werden, dann be- rechne die PPI-Zahl deines Monitors und scanne das Bild dann mit dieser Zahl ein. Um aber eine möglichst gute Qualität von digitalen Bildern zu erhalten, ist es in den meisten Fällen bes- ser, die Bilder mit einer hohen Auflösung einzuscannen – verkleinern kann man sie immer noch.
Wenn du ein normales Foto mit 15 x 10 cm mit 300 SPI einscannst, dann ergibt das ein Bild, das [(15 : 2.54) x 300] x [(10 : 2.54) x 300], also [6 x 300] x [4 x 300] und somit 1800 x 1200 Pixel enthält. Diese Auflösung sollte ein Bild schon haben, damit man es ohne grossen Qualitätsver- lust verkleinern kann. Mehr dazu in den nächsten Kapiteln.
Aufgabe 10:
Wie viele Pixel hat eine A4 Seite, die mit 72 bzw. 300 SPI einscannst?
e) Bildgrössen
Vielleicht ist dir auch schon aufgefallen, dass ein in Gimp geöffnetes Bild plötzlich sehr gross zu sein scheint, obwohl es eigentlich nur einige hundert KB hat.
Aufgabe 11:
Öffne noch einmal das Bild KAKTUS.JPG. Wie viel Speicherplatz benötigt es auf deinem Computer?
Diese Zahl findest du im Bildrand unten links, gleich neben dem Zoom.
Wenn ein Bild in einem bestimmten Format in Gimp geöffnet wird, wird die gesamte Bildinformation von jedem einzelnen Pixel ausgewertet und wie- derhergestellt. Das Dateiformat des Bildes komprimiert das Bild. Kompri- mieren bedeutet, den benötigten Speicherplatz einer Datei zu reduzie- ren. Der notwendige Speicherplatz für ein Bild wird kleiner, wenn man die Informationen reduziert, die sich ein einzelnes Pixel „merken“ muss.
Man kann auf zwei verschiedene Arten komprimieren: Verlustlos oder lossless wird eine Komp- rimierungsmethode dann bezeichnet, wenn bei der Reduktion keine Information verloren geht.
Verlustbehaftet oder lossy wird sie genannt, wenn Information verloren geht. Wann immer mög- lich sollte man Bilder mit verlustlosen Komprimierungs- methoden speichern. Bei jedem erneu- ten Abspeichern mit einem verlustbehafteten Kompressionsalgorithmus gehen nämlich Informa- tionen verloren und die Qualität des Bildes wird schlechter.
Ein Bild verkleinern kann man aber auch in einem anderen Sinne, nämlich durch Reduktion der enthaltenen Anzahl Pixel. Bilder, die nur an einem Monitor betrachtet werden, zum Beispiel über das World Wide Web, sollten besser etwas kleiner sein, damit sie auch auf kleinen Monitoren mit tiefer Auflösung Platz haben. 640 x 480 oder 600 x 800 sind die üblichen Masse für solche Bilder.
In Gimp heisst die Anzahl der Pixel
reduzieren BILDER SKALIEREN. Du findest diese Funktion im Menü BILD. Die
verschiedenen Algorithmen, die verwendet werden, um die Farbe der Pixel zu
berechnen, nennt man Interpolations- algorithmen. Sie findet man bei QUALITÄT.
Skaliert man das Bild ohne Interpolation, werden die Pixel einfach abgeschnitten.
Mit Interpolation wird jeder Pixel neu berechnet.
Mit dieser Funktion und den Interpolations- algorithmen kann man das Bild auch vergrössern. Dies kann nötig sein, wenn man zum Beispiel ein Bild auf ein Poster drucken will. Manchmal möchte man nur einen Ausschnitt eines Bildes behalten oder betrachten. Dann ist es sinnvoller, nur diesen Ausschnitt des Bildes auszuschneiden und daraus ein neues Bild herzustellen.
Das Werkzeug für den Zuschnitt sieht so aus:
Aufgabe 12:
Öffne noch einmal das Bild KAKTUS.JPG und aktiviere das ZUSCHNEIDE- Werkzeug. Wenn du damit in das Bild klickst, öffnet sich ein neues Gimp-Fenster mit dem Titel ZUSCHNEIDEN. Das kannst du einfach etwas zur Seite schieben, damit du dein Bild wieder siehst. Das Bild hat jetzt eine waagrechte und eine senkrechte Linie, diese kannst du verschie- ben. Der Bereich, den du ausschneiden möchtest, entsteht dort, wo sich diese beiden Linien kreuzen. Du erkennst ihn daran, dass er heller als das restliche Bild wird, das eine Art Grau- schatten bekommen hat. Wähle nun deinen Bereich des Bildes aus.
Falls deine Auswahl stimmt, ziehe wieder das ZUSCHNEIDEN-Fenster heran und klicke ZUSCHNEIDEN oder noch einmal in das Bild hinein.
f) Lösungen zu den Aufgaben aus Kapitel 3
Aufgabe 1:
Mittelpunkt, Seitenlängen, Art der Füllung, Art der Linie (Farbe, Muster, Dicke).
b) Eine Funktion für die Kurve beschreibt die Anfangs- und Endpunkte der Kurve sowie die Art der Linie.
Aufgabe 2:
a)
b)
Die Darstellung von Kurven oder runden Linien ist etwas schwierig in einem Rastergitter mit geringer Auflösung.
60 x 40 Pixel Aufgabe 3:
Sie sehen gleich gross aus, obwohl sie nicht gleich gross sind. Sie haben einen unterschiedli- chen Zoom.
b) Der Zoom.
Aufgabe 4:
Tiefe Auflösung bewirkt, dass alles grösser wirkt. Hohe Auflösung, dass alles kleiner wirkt.
Aufgabe 5:
5 cm Seitenlänge mit 10 Quadraten ergibt 5 mm pro Quadrat. Man muss vier Quadrate für ein Quadrat mit einer Seitenlänge von 1 cm füllen. Bei fünf Quadraten ergibt sich 1 cm pro Quadrat und man muss somit nur genau ein Quadrat füllen. In einer grösseren Auflösung muss man mehr Bildpunkte füllen als in einer kleineren Auflösung, wenn man etwas in exakt derselben Grösse darstellen möchte.
Aufgabe 6:
800 x 600 = 0.48 Megapixel 2560 x 1920 = 4.9 Megapixel Aufgabe 7:
Für einen Pixel einer bestimmten Farbe braucht man mehrere Dots, die gemischt werden.
Cyan, Magenta, Gelb und Schwarz Aufgabe 8:
600 / 12.5 = 48 PPI Aufgabe 9:
Die Farben müssen als Dots zusammengemischt werden.
Aufgabe 10:
Masse einer A4 Seite:
21 cm x 29.7 cm Mit 72 SPI:
([72 x 21 / 2.54]x [72 x 29.7 / 2.54] )
= 595 x 842 = 500 990 Pixel Mit 300 SPI:
([300 x 21 / 2.54]x [300 x 29.7 / 2.54] )
= 2478 x 3510 = 8 697 780 Pixel Aufgabe 11:
7.38 MB Aufgabe 12:
(keine Frage gestellt)
Löse die Aufgaben der Lernkontrolle B, wenn du das Kapitel ein zweites Mal durchgearbeitet hast oder dir noch nicht ganz sicher bist. Fühlst du dich fit im Thema, dann starte jetzt mit der Lernkontrolle A.
g) Lernkontrolle Lernkontrolle A
1. Was bedeutet „Auflösung“?
2. Was ist der Unterschied zwischen DPI und PPI?
3. Wie viele Pixel enthält ein Bild mit einer Seitenlänge von 12.7 cm, wenn es mit 300 SPI gescannt wird?
4. Du möchtest ein Foto auf deiner Webseite zeigen. Mit wie viel SPI scannst du es ein und warum? Du hast folgende SPI Einstellungen zur Verfügung: 96, 150, 300, 500.
5. Welche Bilder eignen sich für das Vektorformat und warum?
oder
Lernkontrolle B
1. Was ist der Zusammenhang zwischen der Auflösung eines Monitors und der Auflösung eines Bildes?
2. Welchen Vorteil haben Bilder mit vielen Pixel? Was der Nachteil?
3. Welche PPI Zahl entspricht einem 19 Zoll Bildschirm (horizontale Breite effektiv:
14.5 Zoll) mit einer Auflösung von 1280 x 1024?
4. Wie breit wird ein Bild mit 600 x 800 Pixel auf einem Bildschirm angezeigt?
5. Was geschieht bei einer verlustbehafteten Kompression und was bei einer verlustlosen?
Lösungen zur Lernkontrolle A:
1. Die Auflösung beschreibt, wie detailliert ein Bild ist. Man sagt damit, wie viele Pixel ein Bild enthält.
2. DPI braucht man nur im Zusammenhang mit Druckern, es bedeutet „Dots per Inch“.
Mit der PPI Zahl beschreibt man, wie gross ein Bild auf dem Papier aussehen wird.
3. [(12.7 : 2.54) x 300] x [(12.7 : 2.54) x 300] = 1 500 x 1 500 Pixel = 2.25 Megapixel.
4. Die beste Qualität wird erreicht, wenn man das Bild mit 500 SPI einscannt und nachher auf 600 x 800 Pixel abwärts skaliert. Hat man keine Lust oder keine Zeit dazu, kann man es auch mit 96 SPI einscannen. Dann muss man wahrscheinlich die Grösse nicht mehr ändern, denn für ein Foto mit einer Seitenlänge von 12.7 cm erhält man so ein digitales Bild mit 480 Pixeln.
5. Im Vektorformat kann man keine fotoähnlichen Bilder beschreiben, sondern nur solche, die sich aus einfachen Formen zusammensetzen lassen.
Lösungen zur Lernkontrolle B
1. Je nach Auflösung des Monitors wirkt ein Bild mit einer bestimmten Auflösung grösser oder kleiner.
2. Bilder mit vielen Pixeln sind zwar detaillierter, aber auch grösser.
3. 1 280 Pixel : 14.5 Inches = 88 PPI
4. Das kommt auf die Auflösung des Bildschirms an.
5. Eine Kompression reduziert den Speicherplatz, den ein Bild benötigt. Verlustlose Kompres- sionsmethoden erreichen dies, indem sie die Information anders kodieren, so dass das Bild weniger Speicherplatz benötigt. Verlustbehaftete Kompressionsmethoden lassen gewisse Infor- mation einfach weg und reduzieren so den Speicherplatz.
4. Grafische Dateiformate
Sowohl Bilder von einer Digitalkamera, als auch Grafiken, die man zum Bearbei- ten bekommt, haben bereits ein Dateiformat, das man an der Endung im
Dateinamen erkennt. Wenn man diese Dateien weiter bearbeiten möchte, sollte man sich überlegen, in welchem Format man eine Master-Kopie anlegt und in welchem Format man das Bild oder die Grafik letztendlich der Endverarbeitung zuführt, z.B. der Verwendung im WWW oder dem Druck in einer Broschüre. Daran orientiert sich jeweils das Dateiformat. In diesem Kapitel möchten wir die wichtigsten Formate kurz vorstellen und erklären. Wenn du dieses Kapitel bearbeitet hast, kannst du einige Unterschiede und Einsatzmöglichkeiten der wichtigsten Formaten nennen. Ausserdem kannst du erklären, wie ein digitales Bild auf dem Computer intern abgespeichert wird und woher der Computer weiss, wo der Anfang und wo der Schluss des Bildes ist.
a) Formate und ihre Eigenschaften Gimp: Endung .xcf
Wenn du eine Grafik in Gimp bearbeitest und viele Effekte und sonstige Sachen hinzufügst dann ist es am besten, du speicherst eine Master Kopie in diesem Format ab. Nur so bleiben gewisse Einstellungen erhalten. Wenn du die Grafik aber nur bearbeitest, um sie am Schluss zum Bei- spiel ins World Wide Web zu stellen, eignet sich dieses Format natürlich nicht dafür, das heisst du musst sie noch zusätzlich in ein anderes Format exportieren. Exportieren bedeutet hier, eine Datei von einem Format in ein anderes Format zu übertragen.
Aufgabe 1:
Warum muss man Dateien manchmal in ein anderes Format exportieren?
Graphics Interchange Format: Endung .gif
Das GIF-Format war ursprünglich als Format für Raster- und Animationsbilder im WWW vorge- sehen. Es komprimiert verlustfrei mit dem LZW-Algorithmus (nach den Erfindern Lempel-Ziv- Welch). Für Animationen werden mehrere Bilder in einer GIF-Datei gespeichert, ein Browser zeigt dann alle Einzelbilder kurz nacheinander an, so dass der Eindruck einer Bewegung ent- steht. Das GIF-Format verwendet indizierte Farben (siehe nächstes Kapitel). Jedes GIF-Bild kann also nur 256 verschiedene Farben enthalten kann. Es eignet sich deshalb nicht
für komplexe Bilder wie Fotografien, sondern eher für einfache Bilder, Cartoons und Animatio- nen mit wenigen Farben, möglicherweise schwarz-weiss Bilder. Wenn man ein Bild aus einem anderen Format in das GIF-Format exportieren möchte, muss man es daher auch zuerst in die- sen besonderen Farbmodus umwandeln. Eine dieser 256 Farben kann auch „transparent“ sein, beispielsweise für den Hintergrund des Bildes, so dass man es vor einen beliebigen anderen Hintergrund stellen kann.
Portable Network Graphic: Endung .png
Dieses Format für Rastergrafiken wurde erfunden, um das GIF-Format als World Wide Web Standard abzulösen. Es unterliegt keinen Patentbeschränkungen wie das GIF-Format und wird vom World Wide Web-Consortium anerkannt. Das World Wide Web-Consortium, auch W3C genannt, ist das Gremium zur Standardisierung von Techniken im WWW. Das PNG-Format komprimiert ebenfalls verlustfrei, schränkt die Anzahl der Farben jedoch nicht ein. Zur Kompres- sion benutzt es zuerst einen Vorfilter und danach einen Algorithmus, den man Deflate nennt. Es erzeugt damit kleinere Dateien als das GIF-Format. Es ist sicher sinnvoll, PNG anstatt GIF zu verwenden, vor allem zur Verwendung im Netz. Einige Browser hatten anfangs Schwierigkeiten mit diesem Format, mittlerweile wird es aber von fast allen erkannt. Das PNG-Format unterstützt zudem das sogenannte Interleacing. Diese Technik baut Bilder langsam auf, von schlechter Qualität bis zum ganzen Bild. Dies ist ein grosser Vorteil, wenn man zum Beispiel
einen langsamen Internetanschluss hat. Man kann bis zu sieben verschiedene Interleacing- Schichten definieren. Für ein PNG kann man einen Kompressionsgrad zwischen 1 und 9 selbst wählen. Da eine PNG-Grafik verlustlos komprimiert, unterscheiden sich die verschiedenen Stu- fen nur in der daraus resultierenden Dateigrösse, nicht in der Qualität des Bildes.
Aufgabe 2:
Wann verwendest du das PNG-Format, wann das GIF Format und warum?
JPEG File Interchange Format JPEG/JFIF: Endungen .jpeg, jpg, .jif, .jfif
JPEG ist der Name eines Gremiums, der Joint Photographic Expert-Group, das diesen Standard entwickelt hat. JPEG bezeichnet eigentlich die verwendete Kompressionsmethode und nicht das Dateiformat selbst. Deshalb wurde JFIF entwickelt, es beschreibt die Dateistruktur von JPEG komprimierten Rastergrafiken. JPEG komprimiert verlustbehaftet. Es wurde mit dem Gedanken entwickelt, dass das menschliche Auge kleine Farbunterschiede gar nicht unterscheiden kann.
Es ist daher nicht geeignet für Bilder, die mit Computern analysiert werden sollen, da es kleine Fehler enthält, die einem Computer nicht entgehen, den Augen schon. Man kann ein JPEG-Bild unterschiedlich stark komprimieren und je nach Stärke verliert das Bild deutlich an Qualität. Im Normalfall kann man aber die Dateigrösse stark reduzieren, ohne dass einem Betrachter ein Qualitätsverlust auffällt. Es ist möglich ein JPEG-Bild progressiv zu speichern, es wird also wie bei PNG im Interleaced-Verfahren, schrittweise bis zur vollen Qualität aufgebaut. JPEG unter- stützt zwar keine Transparenz, es eignet sich aber wie auch das PNG-Format hervorragend für die Darstellung von fotoähnlichen Bildern, die im World Wide Web publiziert werden sollen. Es gibt gewisse Operationen, die man mit einem JPEG-Bild ausführen kann, ohne dass es dazu dekomprimiert werden muss. Es muss dann auch nicht wieder neu komprimiert werden und es tritt so kein Informationsverlust. Diese Art von Operationen nennt man reversibel. Man kann sie ohne Einschränkungen rückgängig machen. Zu diesen Operationen gehören das vertikale und horizontale Spiegeln, sowie das Drehen entlang der Achse um 90, 180 und 270 Grad. Das funk- tioniert aber nur, wenn die Dimensionen des Bildes ein Vielfaches von 8 x 8 Pixeln sind.
Aufgabe 3:
a) Was bedeutet progressiv?
b) Warum muss ein Format, das im World Wide Web verwendet werden soll, stan- dardisiert sein? Nenne einen Unterschied zwischen dem PNG- und dem JFIF-Format.
Windows Bitmap Format: Endungen .bmp, .dib
Mit diesem Format, das auch Device Independent Bitmap Format genannt wird, kann man gerä- teunabhängige Rastergrafiken darstellen. Damit eine BMP-Datei geräteunabhängig sein kann, muss sie alle Informationen enthalten, die zur Darstellung der Grafik benötigt werden, also die verwendeten Farben, Grösse, etc. BMP-Dateien werden typischerweise unkomprimiert verwen- det, deshalb eignen sie sich nicht für das World Wide Web. Man kann sie aber auch verlustfrei mit RLE Encoding (Run Lenght Encoding) komprimieren.
ICON: Endung .ico
Das Icon-Format wird in grafischen Benutzeroberflächen verwendet. Es enthält unterschiedliche Rastergrafiken, so dass das Betriebssystem jene mit der passenden Auflösung und Anzahl Far- ben auswählen kann.
Tagged Image File Format: Endungen .tif, .tiff
Dieses sehr komplexe Format wird für Rastergrafiken in der Druckvorstufe verwendet. Durch seine Vielfältigkeit eignet es sich sehr gut für hochauflösende, eingescannte Dateien, die ge- speichert und später einmal ausgedruckt werden sollen. Das -IFF Format unterstützt verschie- dene Kompressionsalgorithmen, unter anderem zum Beispiel den RLE-Algorithmus und die JPG-Komprimierung. TIFF sollte nicht für Webgrafiken verwendet werden, weil sie meistens eine höhere Dateigrösse haben und viele Browser dieses Format nicht unterstützen.
Scalable Vector Graphics: Endung .svg
SVG ist eine XML-Sprache mit der man Vektorgrafiken beschreibt. Sie ist standardisiert und wird vom World Wide Web-Consortium empfohlen. Mittlerweile unterstützen die meisten Browser diese Sprache. Das SVG-Format erlaubt Vektorgrafiken, Rastergrafiken und Text. Da eine XML- Sprache aus Text besteht, kann man diese Bilder in einem Texteditor erstellen. Die Informatio- nen, die zur Darstellung eines Kreises benötigt werden, sehen zum Beispiel folgendermassen aus: <circle cx=”100” cy=”100” r=”50” /> ,wobei cx und cy die Position des Mittelpunktes und r den Radius definieren. Weitere Eigenschaften werden mit einem zusätzlichen Attribut <style>, definiert.
Aufgabe 4:
Welche Informationen benötigt man, um eine Linie im SVG-Format angeben zu können?
Encapsulated Postscript: Endung .eps
Mit diesem Format kann man sowohl Raster- als auch Vektorgrafiken speichern, Text und ganze Seitenlayouts. EPS wurde definiert als Format zum Einbinden von Grafiken in ein Dokument, es kann jedoch nur eine Seite beschreiben. Eine EPS-Datei wird benutzt, um Postscript-Dateien zu importieren oder exportieren. Sie wird also gewöhnlich in andere Dokumente eingefügt. Will man Grafiken für den Druck aufbereiten, sollte man sie im EPS-Format zur Verfügung stellen – am besten als Vektorgrafik, damit keine Information beim Skalieren verloren geht. EPS eignet sich somit nicht als Format für Bilder, die auf einer Webseite oder ausschliesslich am Monitor ange-
zeigt werden sollen. Postscript ist eine Sprache, mit der man Seiten so beschreibt, dass ein Ausgabegerät (Drucker) weiss, wie er die Seite unabhängig von der späteren Grösse darstellen muss. Postscript wurde ursprünglich als Druckersprache konzipiert. Um ein Postscript-
Dokument an einem Monitor anzuschauen, braucht man Programme wie Ghostscript und
Ghostview. Schriften und grafische Elemente werden in Postscript im Vektorformat beschrieben.
Nur Rastergrafiken werden auch gerastert.
Exchangeable Image File Format: Endung exif
Das Exchangeable Image File Format spezifiert das Dateiformat, das von Digitalkameras ver- wendet wird. Es benutzt bereits bestehende Dateiformate (JPEG, TIFF aber nicht PNG) und fügt ihnen Metadaten-Tags hinzu. Metadaten sind Informationen über Daten. Die Metadaten-Tags spezifizieren zum Beispiel Zeit und Datum der Fotoaufnahme, Kameraeinstellungen usw.
Diese Metadaten werden im Header (Kopfzeile) der Bilddatei hinzugefügt, also vor die eigentli- chen Bilddaten.
b) Interne Darstellung von Bildern
Ein digitales Foto ist eine binäre Datei und besteht daher aus aneinandergereihten Bytes mit Nullen und Einsen. Das Bildbearbeitungsprogramm erkennt den Typ der Datei an seiner En- dung. Diese Datei sieht nur wie ein Bild aus, wenn sie mit der richtigen Software, einem
Bildbearbeitungsprogramm, angeschaut wird. Würdest du ein JFIF-Bild mit einem Hexadezimal- zahlen-Editor anschauen, so sähe das so aus:
Jedes Dateiformat hat eine andere interne Darstellung. Im Folgenden stellen wir einige interessante Aspekte von JPEG- Dateien vor. JFIF-Dateien sind in Segmente unterteilt, TIFF-
Dateien in Tags, die daher auch Tagged Image File Format heissen. Diese Segmente der JFIF-Dateien bestehen aus zwei Bytes und beginnen immer mit FF. Du siehst drei Segmente rot umrandet. Einige wichtige Segmente sind:
FF D8 Start of Image (SOI) FF C4 Define Huffman Table (DHT)
FF E1 Exif Daten FF E0 JFIF Tag
FF DA Start of Scan (SOS) FF D9 End of Image (EOI)
Aufgabe 5:
Woher weiss man, wo eine JFIF-Datei beginnt und aufhört?
c) Lösungen zu den Aufgaben aus Kapitel 4
Aufgabe 1:
Abhängig vom Verwendungszweck empfiehlt sich ein bestimmtes Format.
Aufgabe 2:
Das PNG Format bietet mehr Möglichkeiten und ist der offizielle Standard für das World Wide Web. Für Animationen muss man aber trotzdem noch das GIF-Format verwenden.
Aufgabe 3:
a) Progressiv bedeutet dasselbe wie interleaced, nämlich dass ein Bild aus verschiedenen Schichten allmählich aufgebaut wird.
b) Damit es keine Probleme gibt wenn Computer mit unterschiedlichen Betriebssystemen und unterschiedlicher Hardware ein Bild darstellen.
c) PNG komprimiert verlustlos und unterstützt Transparenz.
Aufgabe 4:
Anfangs- und Endpunkt, Art der Linie (Farbe, Dicke) Aufgabe 5:
Die Segmente FF D8 und FF D9 bezeichnen jeweils den Anfang und das Ende einer JPEG Datei.
d) Lernkontrolle
1. Welches Bildformat verwendest du, um deine Ferienfotos in das World Wide Web zu stellen?
2. Welches Format verwendest du, wenn du auf deiner Homepage ein tolles Logo zeigen möchtest?
3. In welchem Format speichert man Bilddateien zur Archivierung?
4. Wann exportierst du ein Bild vom XCF-Format zum Beispiel in das PNG-Format?
5. Wann verwendest man eine progressive Bilddatei?
Lösungen zur Lernkontrolle
2. PNG oder JFIF 3. SVG, GIF, oder PNG
4. JFIF ist sicher geeignet zur Archivierung. Manchmal ist es sinnvoll, die Bilddateien in ein verlustlos komprimierendes Format zu exportieren.
5. Wenn man das Bild im World Wide Web zur Verfügung stellen oder an jemandem weiterlei- ten möchte, von dem man nicht weiss, ob er Gimp installiert hat.
6. Möchte man relativ grosse Bilder im World Wide Web veröffentlichen und weiss nicht, ob ein Besucher der Homepage eine langsame Internetverbindung hat, das wäre das der richtige Weg.
5. Farben
In den vorangegangen Kapiteln hast die Grundlagen im Umgang mit dem
Bildbearbeitungsprogramm Gimp erlernt und vieles über Dateiformate und deren Anwendung. Du verfügtst also über die besten Vorraussetzungen, um dieses Wissen jetzt auch praktisch in der Bildbearbeitung anzuwenden. Zuerst erfährst du jedoch noch, wie der Mensch und wie der Computer Farben sieht, bzw. verarbeitet und dar- stellt.
a) Menschliches Sehen
Was genau ist eine Farbe? Wie gelangt unser Gehirn zu der Information, eine Wiese sei grün?
Wenn wir etwas sehen, gelangt durch die Hornhaut (Cornea) und die Pupille (Pupil) Licht in das Augeninnere. Hinter der Pupille befindet sich die Linse (Lens). Sie wird von Muskeln gehalten.
Wenn wir die Augen zusammenkneifen, um etwas schärfer zu sehen, spannen sich diese Mus- keln an und die Linse wird in die Länge
gezogen. Dadurch verändert sich der Fokus und wir sehen scharf. Hinter der Linse befindet sich die Netzhaut (Retina).
Auf ihr sind lichtempfindliche Sinneszellen angelegt. Sie sind es, die uns das Sehen ermöglichen. Von diesen Sinneszellen gibt es zwei Arten: die Stäbchen und die Zapfen. Die Stäbchen sind sehr
lichtempfindlich, können aber nur hell und dunkel unterscheiden, die Zapfen
hingegen können Farben erkennen. Diese Sinneszellen werden durch einfallende Lichtstrahlen angeregt und danach ausgewertet. Das Ergebnis leiten sie an das Gehirn weiter, das alle Informationen zusammenfügt.
Aufgabe 1:
Warum können wir mit unseren Augen etwas sehen?
Licht ist eine elektromagnetische Welle. Elektromagnetische Wellen braucht man z.B., um Ra- diosendungen durch die Luft zu übertragen; auch Mikrowellen funktionieren mit elektromagneti- schen Wellen. Sie zeichnen sich dadurch aus, dass sie sich auch im Vakuum ausbreiten kön- nen, also anders als Schall. Elektromagnetische Wellen setzen sich mit 299.792.458 m/s fort, die als Lichtgeschwindigkeit bezeichnet werden. Es gibt elektromagnetische Wellen, die wir se- hen können, wie zum Beispiel Licht und andere, die wir nicht sehen, wie etwa Radiowellen und die Wellen in einer Mikrowelle.
Sonnenlicht oder allgemein weisses Licht setzt sich aus vielen verschiedenen Wellen zusam- men, die alle eine unterschiedliche Wellenlänge haben. Hast du schon einmal einen Regenbo- gen gesehen? Vielleicht ist dir bekannt, dass ein Regenbogen entsteht, weil das Sonnenlicht
sich in kleinen Wassertropfen bricht. Lichtbrechung bedeutet die Teilung in unterschiedliche Wellenlängen.
Menschen können mit den Augen aber nur gewisse Wellenlängen sehen. Genau genommen kann das menschliche Auge nur elektromagnetische Wellen einer bestimmten Wellenlänge als sichtbar und damit als Farbe interpretieren. Es sind die Wellenlängen, die dem Farbspektrum von Violett bis Rot entsprechen. Deshalb sehen wir genau diese Farben in einem Regenbogen.
Das bedeutet aber nicht, dass Sonnenlicht nur aus diesen Farbteilen besteht. Betrachte das folgende Bild genau und löse dann Aufgabe 2.
Aufgabe 2:
a) Wie breit ist das Spektrum aller elektromagnetischen Wellen?
b) Wie viel davon ist für den Menschen sichtbar?
c) Was denkst du, wie viele verschiedene Farben gibt es? Oder anders gefragt: In welchen Ab- stufungen lassen sich Wellenlängen unterscheiden?
d) Welche Wellenlänge entspricht in unserer Wahrnehmung der Farbe Blau?
e) Elektromagnetische Wellen welcher Wellenlänge kennen wir unter einem anderen Namen?
Wir haben von den Zapfen auf unserer Netzhaut gesprochen, die Farben erkennen können. Es gibt drei verschiedene Arten von Zapfen auf unserer Netzhaut: Rot- (deckt Licht der Wellenlänge von ca. 560 nm ab), Blau- (ca. 430 nm) und Grünrezeptoren (< 530 nm). Jede Zapfenart ist demnach nur für Licht einer Wellenlänge aus einem bestimmten Intervall empfindlich. Der Sin- neseindruck der Farbe entsteht erst, wenn:
• elektromagnetische Wellen auf unsere Netzhaut treffen,
• die sich darauf befindenden Sinneszellen (Zapfen und Stäbchen) anregen und so einen Farbreiz hervorrufen,
• dieser Farbreiz an das Gehirn weitergeleitet wird
• und es die erhaltene Information ausgewertet hat.
Aufgabe 3:
Erkläre nun noch einmal, warum wir mit unseren Augen Farben sehen können?
Du hast etwas über Zapfen bzw. Stäbchen auf unserer Netzhaut erfahren.
Überlege nun, wie eine Rot-Grün-Farbenblindheit zustande kommen könnte.
Als Spektralfarbe bezeichnet man jene Farben, die im weissen Licht enthalten sind. Man erhält diese Farben also, indem man das weisse Licht bricht oder aufspaltet. Es gibt unendlich viele Spektralfarben, da man im Spektrum des sichtbaren Lichtes unendlich viele Wellenlängen findet.
Reine Spektralfarben kann man mit einem Laser erzeugen. Farben unseres Alltags sind Mi- schungen aus den Spektralfarben. Farbe ist keine Eigenschaft eines Gegenstands, sondern sie entsteht im Gehirn durch einen Sinnesreiz. Deshalb kann man Augen auch mit optischen Täu- schungen irreführen. Wäre die Farbe eine physikalische Eigenschaft eines Gegenstands, dann wäre das nicht so einfach möglich. Eine grüne Tasche ist nicht von sich aus grün ist, sie hat vielmehr die physikalische Eigenschaft, dass sie alle anderen Farben absorbiert, wenn sie mit weissem Licht bestrahlt wird und die grünen Bestandteile des Lichtes reflektiert. Das bedeutet aber auch, dass dieselbe Tasche beispielsweise bei der Bestrahlung mit blauem Licht anders aussehen würde. Und wenn man sie gar nicht mit Licht bestrahlen würde, könnte sie nichts re- flektieren und wäre so schwarz wie ihre Umgebung.
Gegenstände können also nicht von alleine farbig sein. Wenn etwas von selbst in einer Farbe strahlt, dann nennt man das eine Lichtquelle oder einen Selbststrahler. Gegenstände, die das gesamte weisse Licht reflektieren erscheinen uns weiss. Gegenstände hingegen, die das ge- samte weisse Licht absorbieren, erscheinen uns schwarz.
Aufgabe 4:
Erkläre mit eigenen Worten, wieso ein blaues Hemd blau aussieht.
Was verstehst du unter Reflexion, was unter Absorption? Wenn du es nicht erklären kannst, gehe zu http://de.wikipedia.org und erkläre es danach mit eigenen Worten.
b) Farbmodelle
Um Farben im Computer darstellen zu können, benötigt man sogenannte Farbmodelle. Ein Farbmodell ist eine (mathematische) Beschreibung, die Farben in Kriterien des Farbmodells zusammenfasst. Ein Farbmodell kann niemals alle existierenden Farben enthalten. Wie wir ge- sehen haben, gibt es unendlich viele Farben. Ein Computer kann jedoch nur endlich viel Infor- mation enthalten. Je nach Modell und Grösse eines Modells ist diese Information mehr oder weniger sein. Alle Farben, die mit einem bestimmten Farbmodell darstellbar sind, nennt man Farbraum. Die drei am häufigsten verwendeten Farbmodelle sind das RGB-, das CYMK-, und das HSB-Farbmodell.
Das RGB-Farbmodell
Im RGB-Farbmodell (R für Red, G für Green und B für Blue) setzt man alle Farben aus Rot, Grün und Blau zusammen. Dieses Modell lehnt sich an das menschliche Sehen an, da wir Zap- fen für die Farben Rot, Grün und Blau haben. Das RGB-Farbmodell ist ein additives Farbmodell.
Man erzeugt eine Farbe, indem man die Grundfarben einander überlegt. Alle drei Grundfarben zusammen ergeben Weiss. Nach diesem Modell funktioniert alles, was selbst leuchtet, wie Mo- nitore, Fernsehapparate, aber auch Scanner und Digitalkameras. Bei einem Fernseher entsteht ein farbiger Bildpunkt durch drei Lämpchen in den Farben Rot, Grün und Blau. Leuchtet keins
dieser Lämpchen, sehen wir einen schwarzen Bildpunkt. Leuchten alle, sehen wir einen weissen Bildpunkt. Wenn man in diesem Modell Rot und Grün mischt erhält man Gelb. Rot und Blau er- gibt Magenta und Blau und Grün ergibt Cyan. Schaue dir dazu auch das folgende Bild genau an.
Wenn du dir dieses Farbmodell bildlich vorstellen möchtest, versetze dich in Gedanken in einen ganz dunklen Raum. Dieser Raum enthält drei Lampen: eine mit einer grünen, eine mit einer roten, und eine mit einer blauen Birne. Wenn du die grüne Lampe anzündest, siehst du alles in einem grünen Licht. Zündest du dazu noch die rote Lampe an, wird alles gelb. Wenn du jetzt noch die blaue Lampe anzündest, hast du weisses Licht.
Aufgabe 5:
a) In einem Fernseher leuchten die Lämpchen. Was leuchtet, damit ein
Digitalkamera ein Foto machen kann? Und was leuchtet, damit ein Scanner ein Bild einscannen kann?
b) Ein Monitor funktioniert ähnlich wie ein Fernseher. Jeder Bildpunkt ist entweder Rot, Grün oder Blau, sie unterscheiden sich zudem noch in ihrer Helligkeit. Die Mischung der Farben er- folgt aber nicht auf dem Bildschirm, sondern erst in unserem Auge, da es die einzelnen Bild- punkte nicht unterscheiden kann und nur die gemischte Farbe wahrnimmt. Versuche, ob
du diese einzelnen Bildpunkte in ihrer eigenen Farbe sehen kannst. Gehe dazu mit deiner Nase ganz nahe an deinen Bildschirm. Aus welchen Bildpunkten setzt sich etwas zusammen, das wir von etwas weiter weg gelb wahrnehmen? Wenn du für diese Übung deinen Monitor auf eine kleinere Auflösung einstellst, siehst du es eventuell etwas besser.
Das CYMK-Farbmodell
Das CYMK-Farbmodell (Cyan, Yellow, Magenta und Black oder Key) funktioniert umgekehrt zum RGB-Modell, es ist ein subtraktives Farbmodell. Das CMYK-Modell zieht auch mit in Be- tracht, dass ein Farbeindruck nicht einfach durch eine Lichtquelle einer bestimmten Farbe ent- steht, sondern berücksichtigt auch das Zusammenspiel von Reflexion und Absorption. Unsere
grüne Tasche von vorhin absorbiert Licht bis auf den grünen Bestandteil, den sie reflektiert. Sie subtrahiert aus dem weissen Licht alle Bestandteile bis auf den grünen heraus. Um sich das vorzustellen, versetzen wir uns in einen weissen Raum, der durch ein grosses Fenster mit Son- nenlicht bestrahlt wird. Wenn wir diesem Fenster eine transparente, rote Folie auflegen, filtert sie alle Rotanteile aus dem weissen Sonnenlicht heraus, und es bleibt cyan übrig. Macht man das- selbe mit einer grünen Folie, bleibt Magenta übrig, und mit einer blauen Folie bleibt Gelb übrig.
Was für eine Farbe erhält man nun, wenn man Cyan und Gelb mischt?
Betrachte dazu noch einmal das Bild mit den subtraktiven Farbkreisen. Cyan entsteht durch Subtraktion der Rotanteile aus dem weissen Licht (Rot ist die einzige Farbe, die nicht im cyan- farbenen Kreis im obigen Bild enthalten ist), Gelb durch Subtraktion der Blauanteile (dasselbe gilt für Blau und den gelben Kreis), also subtrahieren wir Rot und Blau. Es bleibt also nur noch Grün übrig. Man muss hier also die subtraktiven Wirkungen der Farben addieren.
Drucken funktioniert nach dem CYMK-Farbmodell. Man trägt etwas auf ein selbstleuchtendes Papier auf. Deshalb sind die Grundfarben, die man in einem Farbdrucker findet, Cyan, Magenta, Gelb und Schwarz. Druckerzeugnisse sind im Grunde genommen reflektierende Objekte, die beleuchtet werden, deshalb muss man Reflexion und Absorption als Grundbedingungen mit in das Farbmodell aufnehmen. Wenn man nun die drei Grundfarben zusammen aufträgt, erhält man zwar einen schwarzen Farbton, der ist aber noch nicht schwarz genug. Deshalb verwendet man als zusätzliche Farbe Schwarz. Gimp versteht diesen Farbmodus leider noch nicht.
Aufgabe 6:
Erkläre welche Farbe entsteht, wenn man Magenta und Gelb mischt.
Das HSB-Farbmodell
Als das HSB-Farbmodell (oder: HSV, HSL, HSI) bezeichnet man das Farbmodell, welches Farbe mittels Farbton (Hue), Sättigung (Saturation), und Helligkeit (Brightness, Lightness, Value oder Intensity) beschreibt. Der Farbton als erster Parameter kann einen Wert zwischen 0 und 360 (Grad) annehmen. Der zweite und dritte Parameter, die Sättigung und die Helligkeit, einen Wert zwischen 0 und 100 (Prozent). Der erste Parameter steht grundsätzlich für eine von 360 Farben. Diesen Farbton kann man mit Parameter zwei und drei ändern, wenn man ihn hel- ler oder dunkler werden lässt oder wenn man seine Sättigung ändert. Sättigung bezeichnet ganz allgemein, wie viel ein Farbton von einer bestimmten Farbe enthält. Nicht gesättigte Farbtöne wirken blass und verwaschen. Gesättigte Farbtöne intensiv und sehr stark leuchtend. Als Bei- spiel zwei Bilder:
Das HSB-Farbmodell entspricht am ehesten der menschlichen Farbwahrnehmung. Man kann zuerst den Farbton aussuchen und danach die Sättigung und Helligkeit. In vielen Bildbearbei- tungsprogrammen kann man zwischen dem RGB- und dem HSB-Farbmodellwählen, wenn man eine Farbe erstellen möchte.
Aufgabe 7:
a) Wie setzen sich im HSB-Farbmodell die Farben Weiss und Schwarz zusammen? Überlege an Hand des Kegels oben, welche Parameter benötigt werden und welche nicht.
b) Überprüfe deine Überlegungen, in dem du Gimp startest. Gehe nun im EBENENFENSTER
auf den Menü-Reiter FARBEN. Danach wähle die Option SCHIEBEREGLER, das ist der fünfte Button von links. Die oberen drei Linien entsprechen den Parametern des HSB-
Farbmodells. Du erkennst sie an den Buchstaben H, S und V, die rechts der Linien stehen. Was
passiert, wenn du den Farbton (H) auf 200, die Helligkeit (V) auf 0 und die Sättigung (S) auf 100 setzt? Was ändert sich, wenn du die Sättigung (S) auf 0 stellst? Nach Ändern des letzten der drei Parameter drücke ENTER. Danach wirst du die resultierende Farbe in der Mitte des EBENENFENSTERS unterhalb von HTML-FORM sehen. Erkläre was geschehen ist.
c) Lösungen zu den Aufgaben aus Kapitel 5
Aufgabe 1:
Wir haben die nötigen Sinneszellen auf der Netzhaut, die das einfallende Licht auffangen. Unser Gehirn wertet diese Informationen anschliessend aus.
Aufgabe 2:
a) Es reicht von 10 -15 bis 10 7 oder von 0.000000000000001 bis 10 000 000.
b) Ein sehr kleiner Teil: 350 nm von 400 bis 750 nm.
