Von Onkeln, Tanten und Farbmanagement

  • View
    349

  • Download
    2

  • Category

    Design

Preview:

DESCRIPTION

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

Citation preview

Von Onkeln, Tanten und Farbmanagement

Darf ich vorstellen …

TanteGrundlach

Bitte einmal das Licht aus!

»Nachts sind alle Katzen grau«

TanteGrundlach sagt:

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

TanteGrundlach sagt:

Darf ich vorstellen …

OnkelKelvin

OnkelKelvin

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

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

OnkelKelvin

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

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

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

© Jeff Schewe

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

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

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

Ein wenig Praxis

Ziel: Einsatz im Web

Photoshop

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

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

Photoshop

Mockups• Farbprofil: Kein 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)

Photoshop

Bilder in Mockups positionieren

• Zielfarbraum: Arbeitsfarbraum (sRGB)

• Priorität: (Render Intend) auf Perzeptiv

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

Photoshop

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

Illustrator

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

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

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

Photoshop

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

»Farbprofil einbetten« macht derzeit noch kein Sinn.

Zusammengefaßt

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

• Wie wandle ich um?• Welches Ausgabemedium

will ich bedienen?

Recommended