Photoshop: Farben

Photoshop bietet eine Reihe von Funktionen und Techniken, die sich hervorragend für eine Farbverarbeitung eignen.

Allgemeines zu Farben

Vor dem Einsatz der Farbwerkzeuge sollte in Abhängigkeit der Veröffentlichung der Farbmodus (Menü "Bild - Modus") bestimmt werden. Photoshop unterstützt die Farbmodelle HSB (Farbton, Sättigung, Helligkeit), RGB (Rot, Grün, Blau), CMYK (Cyan, Magenta, Yellow, Key), L*a*b sowie indizierte Farben (8-Bit-Farbtiefe). Für Bildschirmausgabe geeignet ist der RGB-Modus, für den Print-Bereich dagegen CMYK.

Darstellung: Farbinformationen

Über die Informationen-Palette kann der Farbwert des Pixels abgelesen werden, auf dem sich ein gewähltes Werkzeug momentan befindet. Die aktuelle Modus-Einstellung des Bildes spielt dabei keine Rolle.
Über das Palettenmenü "Palettenoptionen" können dafür verschiedene Modi eingestellt werden.
Die Dateigröße eines Bildes hängt maßgeblich vom Farbmodus ab, da hier in Abhängigkeit der Anzahl der Farbkanäle die Farbtiefe stark variiert. Weil beispielsweise das RGB-Modell 3 Kanäle mit je 8 Bit Farbtiefe umfasst, können hier 3 x 28 = 224 Farben dargestellt werden. Beim CMYK-Modell, welches 4 Kanäle umfasst, werden 232 Farben dargestellt. Photoshop bietet die Möglichkeit, Bilder mit einer Farbtiefe von 16 Bit pro Kanal zu lesen bzw. zu importieren. Jedoch unterstützen nicht alle Werkzeuge den 16-Bit-Modus. Einer wesentlich feineren Bildqualität steht auf der anderen Seite natürlich auch der höhere Speicherbedarf gegenüber. Über "Bild - Modus " kann das Bild in den jeweilig anderen Modus konvertiert werden.

Farben auswählen und zuordnen

Wichtige Werkzeuge für die Farbbearbeitung sind Pipette, Füll- und Verlaufswerkzeug, Buntstift, Airbrush und Radiergummi.
Über die Felder Vorder- und Hintergrundfarbe der Werkzeugpalette werden eingestellte bzw. ausgewählte Farben angezeigt. Mittels Doppelpfeil (auch Taste X) können beide Farben getauscht werden.

Eine einfache Methode der Farbauswahl bietet die Pipette, wenn die gewünschte Farbe im Bild vorhanden ist. Mittels Pipette wird die Farbe eines Pixels exakt erfasst und als Vorder- bzw. Hintergrundgrundfarbe (Alt-Taste) in der Werkzeugpalette angezeigt. Der Aufnahmebereich der Pipette wird in der Optionsleiste eingestellt. Wenn gewählter Bereich größer 1 Pixel, wird der Farbwert der Durchschnittsfarbe angezeigt. Über den Farbaufnehmer (längerer Klick auf Pipette) können bis zu vier verschiedene Farbwerte in der Informationen-Palette angezeigt werden. Aufgenommene Stellen im Bild erhalten eine Markierung.

Eine weitere Möglichkeit der Farbeinstellung für Vorder- und Hintergrundfarbe bietet die Farbregler-Palette ("Fenster - Farbregler einblenden").

Darstellung: Farben auswählen

Über das Einblendmenü dieser Palette kann der Farbmodus gewählt, über Schieberegler bzw. durch Eingabe der Farbwerte die Farbe eingestellt werden. Alternativ besteht diese Möglichkeit auch über den Farbbalken unterhalb der Farbregler-Palette.

Die Farbfelder-Palette ("Fenster - Farbfelder einblenden") bietet die Möglichkeit, die dargestellten Farben durch Anklicken als Vorder- bzw. Hintergrundfarbe (Alt-Taste) einzustellen.

Darstellung: Farbpalette

Durch Auswahl einer Farbe aus einem Bild mittels Pipette kann diese Farbe der Palette hinzugefügt werden, ebenso können durch Ziehen einer Farbe aus der Palette auf den Palettenpapierkorb diese gelöscht werden. Die so erzeugten neuen Palettenwerte können über das Palettenmenü " Farbfelder speichern" separat gespeichert werden. In dieser Palette gezeigte Farben hängen vom Bildmodus ab.

Mit dem Farbwähler, der durch Klicken auf das Symbol Vorder- und Hintergrundfarbe (Werkzeugpalette) geöffnet wird, gibt es eine weitere Möglichkeit, eine Farbe zu definieren.

Darstellung: Farbwähler

Durch Klicken in einen Bereich der vertikalen Leiste wird zunächst der Farbbereich eingestellt. Anschließend kann die Farbe direkt durch Anklicken oder aber gleich über Eingabe eines entsprechenden Hexadezimalwertes genau festgelegt werden. Jedoch auch die Eingabe eines Wertes im jeweiligen Farbmodus, sollte dieser Wert bekannt sein, ist möglich. Die so definierte Farbe erscheint im oberen Feld dieses Dialogfensters. Für eine Darstellung des Bildes im Internet sollte das Kontrollfeld "Nur Webfarben" aktiviert sein; im Farbwähler werden dann nur browserunterstützte Farben angeboten. Durch Klick auf die OK-Taste wird die Farbe als Vorder- bzw. Hintergrundfarbe übernommen.

Farbflächen erzeugen bzw. löschen

Die eingestellten Farben (Werkzeugpalette Vorder- und Hintergrundfarbe) können nun auf verschiedene Weise auf das Bild angewendet werden.
Das Füllwerkzeug ersetzt bei Anklicken eines Bildbereiches alle Pixel des gleichen bzw. ähnlichen Farbtons (Toleranzeinstellung in der Optionsleiste) mit der Vordergrundfarbe.
Mit dem Auswahlwerkzeug definierte Bereiche können ebenso mit diesem Werkzeug gefüllt werden.
Airbrush und Pinsel/Buntstift ermöglichen ein Erzeugen der Farbe von Hand. Je nach Art des gewählten Werkzeuges können Linien mit sehr weichen (Airbrush) oder relativ harten (Buntstift) Rändern erzeugt werden. Auch sei hier wieder auf die Einstellungen in der Optionsleiste hingewiesen.
Ein Löschen von Farben ist mit dem Hintergrund- und magischen Radiergummi möglich. Die behandelten Bereiche werden transparent gesetzt.
Der einfache Radiergummi ersetzt die Farbe durch die aktuelle Hintergrundfarbe.

Farbverläufe erzeugen

Das Verlaufswerkzeug ermöglicht einen stufenlosen Übergang zwischen Vorder- und Hintergrundfarbe und eignet sich somit hervorragend für die Erstellung von Hintergründen sowie Schaltflächen, einen dezenten Einsatz vorausgesetzt. In der Optionsleiste können verschiedene Arten von Verläufen definiert werden.
Zur Erzeugung eines Verlaufs die dafür vorgesehene Ebene im Bild aktivieren, anschließend das Verlaufswerkzeug (verborgen unter dem Füllwerkzeug) wählen.

Darstellung: Farbverläufe erstellen

In der nun erscheinenden Optionsleiste die Schaltfläche Radialverlauf aktivieren; beim Radialverlauf zieht man mit gedrückter Maustaste idealerweise vom Mittelpunkt des Bildes zum Rand des Fensters. Wurden die gewünschten Farben über Vorder- und Hintergrundfarben festgelegt, so wird der Verlauf in diesen Farben erzeugt.
Eine individuelle Einstellung des Verlaufs sowie eine weitere Möglichkeit der Farbdefinition gibt es durch Klick in das Verlaufssymbol der Optionsleiste (jedoch nicht in den senkrecht gerichteten Pfeil). Nun öffnet sich das Dialogfeld für die Bearbeitung des Farbverlaufs.

Darstellung: Verläufe bearbeiten

In diesem Dialogfeld "Verläufe bearbeiten" wird automatisch ein Verlauf zwischen Vorder- und Hintergrundfarbe bzw. der zuletzt gewählten Verlaufsvorgabe angeboten. Diese Farben für Anfang und Ende des Farbverlaufs können hier geändert werden. Durch einen Doppelklick auf den unteren linken Reglerpunkt des Verlaufsbalkens öffnet sich der Farbwähler. Nach dem Aktivieren von websicheren Farben sowie der Auswahl einer Farbe kann diese erste Farbe mit "OK" bestätigt werden. Ein Doppelklick auf den unteren rechten Reglerpunkt öffnet erneut die Farbwählerpalette. Nach dem Festlegen der zweiten Endfarbe dieses Feld ebenso mit "OK" bestätigen. Über die Eingabe eines Hexadezimalwertes bzw. des Farbwertes im jeweiligen Modus, falls bekannt, können hier Farben ebenso definiert werden. Der Mittelpunkt des Farbverlaufs kann über eine routeförmige Markierung an der unteren Seite des Farbbalkens verschoben werden. Nach Schließen dieses Dialogfensters wird sodann der Farbverlauf mittels gedrückter Maustaste gezogen.
Auf das Erstellen eines Farbverlaufes für Schaltflächen wird im Kapitel "typische Anwendungen - Erstellen von Rollover-Schaltflächen" näher eingegangen.

Du arbeitest in einer Agentur oder als Freelancer?
Dann wirf doch mal einen Blick auf unsere Software FeatValue.

Weiterlesen: ⯈ Text

Über uns

Wir entwickeln Webanwendungen mit viel Leidenschaft. Unser Wissen geben wir dabei gerne weiter. Mehr über a coding project