von onkeln, tanten und farbmanagement

25
Von Onkeln, Tanten und Farbmanagement

Upload: jensweigelde

Post on 09-Jul-2015

349 views

Category:

Design


2 download

DESCRIPTION

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

TRANSCRIPT

Page 1: Von Onkeln, Tanten und Farbmanagement

Von Onkeln, Tanten und Farbmanagement

Page 2: Von Onkeln, Tanten und Farbmanagement

Darf ich vorstellen …

TanteGrundlach

Page 3: Von Onkeln, Tanten und Farbmanagement

Bitte einmal das Licht aus!

Page 4: Von Onkeln, Tanten und Farbmanagement

»Nachts sind alle Katzen grau«

TanteGrundlach sagt:

Page 5: Von Onkeln, Tanten und Farbmanagement

»Der Apfel ist nicht grün, er refl ektiert den grünen Teil des Lichts.«

TanteGrundlach sagt:

Page 6: Von Onkeln, Tanten und Farbmanagement

Darf ich vorstellen …

OnkelKelvin

Page 7: Von Onkeln, Tanten und Farbmanagement

OnkelKelvin

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

Page 8: Von Onkeln, Tanten und Farbmanagement

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

OnkelKelvin

Page 9: Von Onkeln, Tanten und Farbmanagement

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

Page 10: Von Onkeln, Tanten und Farbmanagement

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

Page 11: Von Onkeln, Tanten und Farbmanagement

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

Page 12: Von Onkeln, Tanten und Farbmanagement

© Jeff Schewe

Page 13: Von Onkeln, Tanten und Farbmanagement

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

Page 14: Von Onkeln, Tanten und Farbmanagement

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

Page 15: Von Onkeln, Tanten und Farbmanagement

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

Page 16: Von Onkeln, Tanten und Farbmanagement

Ein wenig Praxis

Ziel: Einsatz im Web

Page 17: Von Onkeln, Tanten und Farbmanagement

Photoshop

Bearbeiten > Farbeinstellungen• sRGB• Farbmanagement Richtlinien alle auf »Eingebettete Profile beinbehalten«

• »Beim öffnen wählen« alle Haken wegnehmen

Page 18: Von Onkeln, Tanten und Farbmanagement

Photoshop

Mockups• Farbprofil: Kein Farbmanagement

Page 19: Von Onkeln, Tanten und Farbmanagement

Photoshop

Bilder in Mockups positionieren1. Datei > Öffnen (nicht über Platzieren)

2. Farbraum und Farbprofil kontrollieren

3. Wenn das Profil abweicht sollte man über Bearbeiten > In Profil umwandeln

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)

Page 20: Von Onkeln, Tanten und Farbmanagement

Photoshop

Bilder in Mockups positionieren

• Zielfarbraum: Arbeitsfarbraum (sRGB)

• Priorität: (Render Intend) auf Perzeptiv

4. Bearbeiten > Profil zuweisen• Farbmanagement auf dieses Dokument nicht anwenden

Page 21: Von Onkeln, Tanten und Farbmanagement

Photoshop

Bilder in Mockups positionieren5. Per Drag & Drop die Datei in unser Mockup verschieben

Page 22: Von Onkeln, Tanten und Farbmanagement

Illustrator

Bearbeiten > Farbeinstellungen• sRGB• Farbmanagement Richtlinien alle auf »Eingebettete Profile beinbehalten«

• »Beim öffnen wählen« alle Haken wegnehmen

Page 23: Von Onkeln, Tanten und Farbmanagement

Illustrator/Photoshop

CMYK-Logos in Mockups positionieren1. Illustrator: Datei > Öffnen2. Datei > Dokumentenfarbmodus > RGB-Farben3. Farben mit Hilfe einer Referenz und einem farbechten, kallibrierten Monitor manuell anpassen4. Logo kopieren und ins Mockup einfügen

Page 24: Von Onkeln, Tanten und Farbmanagement

Photoshop

Für Web speichern»In sRGB konvertieren« bei Logos und anderen Farbkritischeren Bildern abwählen.

»Farbprofil einbetten« macht derzeit noch kein Sinn.

Page 25: Von Onkeln, Tanten und Farbmanagement

Zusammengefaßt

• Welchen Farbraum und wel-ches Farbprofil haben meine Dateien die ich verwende?

• Wie wandle ich um?• Welches Ausgabemedium

will ich bedienen?