Grobe Einführung in das Farbmanagement und worauf auch Webdesigner beim Umgang mit Bildern achten sollten.

1. Von Onkeln, Tanten
und Farbmanagement

2. Darf ich vorstellen …
Tante
Grundlach

3. Bitte einmal das Licht aus!

4. Tante
Grundlach sagt:
»Nachts sind alle Katzen grau«

5. Tante
Grundlach sagt:
»Der Apfel ist nicht grün, er
reflektiert den grünen Teil des
Lichts.«

6. Darf ich vorstellen …
Onkel
Kelvin

7. Onkel
Kelvin
»Farben haben eine Tempe-
ratur die gemessen werden
kann.«

8. Onkel
Kelvin
Der Kelvin-Wert ist somit
die Referenz für das Farb-
management

9. Wie anfangs gesehen erzeugt
das Licht durch Reflektion
die Fraben. Die natürlichen
Grundfarben sind Rot, Gelb
und Blau.

10. Der Monitor hat selber eine
Lichtquelle. Auch hier gibt es
drei Grundfarben. Allerdings
sind es hier Rot, Grün, Blau.

11. Im Print-Bereich sorgen vier
Farben für die Darstellung.
Cyan, Magenta, Yellow und
Schwarz (CMYK).

12. © Jeff Schewe

13. Eingabemedien können unter-
schiedlich viele Farben erken-
nen. Diese Farben werden mit
entsprechendem Farbwert und
Kelvin-Wert in ein Farbprofil
zusammengefasst.

14. Das Farbmanagement
Drift ein Farbprofil nun auf
eine Ausgabemedium, wird
eine Annäherung der Farben
vorgenommen, die nicht dar-
stellbar sind.

15. Voraussetzung
Einen möglichst farbechten
und kallibrierten Monitor.
Wenn möglich eine Referenz.
z.B. gedruckter Flyer o.ä.

16. Ein wenig Praxis
Ziel: Einsatz im Web

17. Photoshop
Bearbeiten > Farbeinstellungen
• sRGB
• Farbmanagement
Richtlinien alle auf
»Eingebettete Profile
beinbehalten«
• »Beim öffnen wählen«
alle Haken wegnehmen

18. Photoshop
Mockups
• Farbprofil:
Kein Farbmanagement

19. Photoshop
Bilder in Mockups positionieren
1. Datei > Öffnen (nicht über Platzieren)
2. Farbraum und Farbprofil kontrollieren
Farbraum Profil
* Farbprofil weicht vom Arbeitsfarbraum
also sRGB ab
# Kein Farbprofil angehangen (Weiter bei
Schritt 5)
kein Zeichen Farbprofil entspricht dem
Arbeitsfarbraum (sRGB) (weiter bei
Schritt 4)
3. Wenn das Profil abweicht sollte man über
Bearbeiten > In Profil umwandeln

20. Photoshop
Bilder in Mockups positionieren
• Zielfarbraum:
Arbeitsfarbraum (sRGB)
• Priorität: (Render
Intend) auf Perzeptiv
4. Bearbeiten > Profil zuweisen
• Farbmanagement auf
dieses Dokument nicht
anwenden

21. Photoshop
Bilder in Mockups positionieren
5. Per Drag & Drop die Datei in unser
Mockup verschieben

22. Illustrator
Bearbeiten > Farbeinstellungen
• sRGB
• Farbmanagement
Richtlinien alle auf
»Eingebettete Profile
beinbehalten«
• »Beim öffnen wählen«
alle Haken wegnehmen

23. Illustrator/Photoshop
CMYK-Logos in Mockups positionieren
1. Illustrator: Datei > Öffnen
2. Datei > Dokumentenfarbmodus > RGB-Farben
3. Farben mit Hilfe einer Referenz und einem
farbechten, kallibrierten Monitor manuell anpassen
4. Logo kopieren und ins Mockup einfügen

24. Photoshop
Für Web speichern
»In sRGB
konvertieren«
bei Logos
und anderen
Farbkritischeren
Bildern abwählen.
»Farbprofil
einbetten« macht
derzeit noch kein
Sinn.

25. Zusammengefaßt
• Welchen Farbraum und wel-
ches Farbprofil haben meine
Dateien die ich verwende?
• Wie wandle ich um?
• Welches Ausgabemedium
will ich bedienen?