10.4 Farbschemata 

In der kreativen Arbeit kommt es selbstverständlich immer wieder vor, dass man sich an bestimmte Farben zu halten hat. Meist sind es Farben, die vom Corporate Design eines Kunden vorgeschrieben werden. Diese werden dann meist in Form von Farben z. B. aus dem Pantone-Katalog (siehe Seite 115) oder Farbwerten von RGB- oder Prozessfarben geliefert. Manchmal ist man aber auch gezwungen, eine Reihe von Farben aus einem Bild abzuleiten oder ein Bild als Vorgabe zur Entwicklung einer Farbtabelle heranzuziehen. Ein weiterer Fall ist das vollkommen freie Entwickeln von Farbschemata. In jedem Fall geht es hier um den praktisch gestalterischen Einsatz von Farbe, nicht um deren theoretische Grundlagen. Dazu finden Sie mehr im Kapitel »Farbe« (ab Seite 105).

10.4.1 Farbtabellen aus Bildern gewinnen 

Wollen Sie aus einem Bild eine Tabelle der beherrschenden Farben extrahieren, stehen Ihnen neben manuellen Mitteln wie der Pipette bessere Verfahren zur Verfügung, die vor allem Farbwerte mitteln und die Statistik der Farbverteilung mit berücksichtigen. Da es Bildformate gibt, die auf der Darstellung nur der statistisch häufigsten Farben beruhen, liegt hier auch der Schlüssel zu einer solchen Tabelle. Mit Bild · Modus · Indizierte Farben wird der Tonwertumfang eines Bildes (Abbildung 10.111) auf eine Anzahl von 2 bis 256 Farben heruntergebrochen. Hierbei kann man im Dialog Indizierte Farben verschiedene Gewichtungen und Beschränkungen ausprobieren (Abbildung 10.113). Palette · Lokal (Perzeptiv) ergibt in der Regel gute Ergebnisse. Bei aktivierter Vorschau kann man an der Tonwertreduktion im Bild erkennen, wie viele Farben für das Bild wirklich nötig sind. Unter Farben kann man dann deren Anzahl reduzieren, hier auf 16. Wählt man nun Palette · Eigene, kann man diese Farbtabelle abspeichern.

Diese Tabelle wird zunächst angezeigt (Abbildung 10.114) und dann mit Speichern als »*.act«-Datei abgelegt und ist nicht nur in Photoshop, sondern auch in anderen Adobe-Programmen weiter verwendbar. In der Farbfelder-Palette von Photoshop kann diese über das Palettenmenü mit Farbfelder laden oder Farbfelder ersetzen geladen werden.

Abbildung 10.110   Ausgangsbild

Abbildung 10.111   Dialog von Indizierte Farben

Abbildung 10.112   Farbpaletten-Auswahl

Eine andere Möglichkeit, eine Farbtabelle aus einem Bild zu gewinnen, bietet sich über den Dialog von Datei · Für Web speichern. Wählt man hier als Kompressionsmethode unter Voreinstellung das GIF-Format aus, so wird eine Farbtabelle angezeigt, die mit einem kleinen Button abgespeichert werden kann, und zwar als ImageReady-Farbtabelle, die aber funktionell identisch mit einer Photoshop-Farbtabelle ist.

Abbildung 10.113   Eigene Farbtabelle bei Indizierte Farben

Abbildung 10.114   Farbtabelle in Farbfelder- Palette geladen

10.4.2 Farbschemata entwickeln 

Wenn man von Grund auf ein Farbschema für eine Gestaltungsaufgabe entwickeln muss, kann und sollte man sich zu allererst auf sein Gefühl verlassen. Da es aber dabei doch gewisse Gesetzmäßigkeiten gibt, ist eine Unterstützung durch Software ebenso möglich wie sinnvoll und angenehm. Solche Programme haben die elementaren Regeln einer Farblehre praktisch eingebaut. Weil solche Dinge die Arbeit sehr erleichtern und verkürzen können, sollen an dieser Stelle zwei Möglichkeiten vorgestellt werden.

Abbildung 10.115   Farbtabelle erzeugen über die GIF-Kompression im Dialog Für Web speichern

Abbildung 10.116   ImageReady-Farbtabellen-Datei

Color Scheme Generator 2 | Dieses Werkzeug ist nur online verfügbar und dessen Gebrauch angenehmerweise kostenlos. Unter der Internetadresse http://wellstyled.com/tools/colorscheme2/index-en.html findet man ein sehr umfangreich ausgestattetes Interface, mit dem sich professionell Farbschemata generieren lassen (Abbildung 10.118). Wie fast alle Programme in diesem Bereich basiert es nicht auf dem RGB-, sondern auf dem RYB-Farbkreis (Rot-Gelb-Blau). Im Gegensatz zu RGB, das physikalisch dem menschlichen Sehen und den technischen Gegebenheiten bei Computer und Monitor entspricht, ist RYB die farbharmonisch korrekte Darstellung des Farbkreises. Dieser Farbkreis wird daher auch meist als »artistic color wheel« bezeichnet.

Auf einer einzigen kompakten Webseite sind alle wichtigen Parameter zusammengefasst. Auf dem »artistischen« Farbkreis kann eine Basisfarbe gewählt werden. Darunter finden sich die fünf wichtigsten Beziehungsmuster . Bei Contrast geht es um zwei gegenüberliegende Farben, die sich komplementär ergänzen, bei Triad und Tetrad in gleicher Weise um drei oder vier Farben. Das am häufigsten gebrauchte Muster ist Analogic. Dabei gibt es eine Hauptachse zwischen der Basisfarbe und ihrer Komplementärfarbe. Mit Angle/Distance kann man zwei Nachbarfarben unterschiedlich weit von dieser Achse entfernt platzieren. In dem großen Chart daneben wird diese Vierer-Kombination mit jeweils drei Abtönungen und im Zusammenspiel mit schwarzer und weißer Schrift gezeigt. Ein Liste mit allen Farben und ihren Hex-Codes bildet die Ergebnis-Ausgabe (leider gibt es keine andere Ausgabe-Möglichkeit). Unten kann mit Variations der Gesamtcharakter des Schemas in Helligkeit und Sättigung verändert werden.

Da zunehmend, wie auch in den Richtlinien des World Wide Web Consortium empfohlen, auf die Barrierefreiheit von Webseiten Wert gelegt wird und dies immer mehr Pflichtbestandteil vor allem von öffentlichen Ausschreibungen ist, bietet das Pulldown-Menü die Überprüfung des Farbschemas unter Berücksichtigung diverser Augenleiden und Sehbehinderungen wie Farbenblindheit.

Color Schemer Studio | Als eigenständiges Programm bietet Color Schemer Studio im Wesentlichen die gleichen Features wie der Color Scheme Generator.

Abbildung 10.117   Color Scheme Generator 2, ein Online-Farbschema-Werkzeug

Nach Festlegung einer Basisfarbe im linken Teil geht das Programm für die Erzeugung des Schemas wählbar vom artistischen Farbkreis Color Wheel , harmonischen Beziehungsmustern (Harmonies) aus oder schlägt selbstständig Kombinationen vor (Suggested Colors).

Abbildung 10.118   Color Schemer Studio

Zwei sehr nützliche Helfer sind der Color Mixer und der QuickPreview . Der Color Mixer kann aus zwei Farben Mischungen in beliebigen Abstufungen erzeugen und so schnell korrekte Abtönungen von Farben schaffen. Außerdem kann er nicht nur linear mischen, sondern Farben auf dem Farbkreis im und gegen den Uhrzeigersinn überblenden. Beim QuickPreview kann man ein kleines Musterlayout per Drag & Drop mit den Farben des Schemas ausprobieren. Der ScreenPicker kann Farbproben am gesamten Bildschirm nehmen, gleichgültig aus welchem Fenster oder Programm.

Hervorzuheben ist ganz besonders die Möglichkeit, ein Farbschema über den Export Wizard direkt als Farbtabelle in Form von »*.aco«- und »*.act«-Dateien abzuspeichern, die damit gebrauchsfertig in alle Adobe-Programme importiert werden können.

Als Alternative ist z. B. ColorTheory Pro zu nennen, das etwa 100 USD kostet, für Mac und Windows existiert und zusätzlich als Photoshop-PlugIn installiert werden kann (auf Mac derzeit noch nicht für CS2). Eine Demo finden Sie unter http://www.digitalanarchy.com/theory/theory_pro.html.

Abbildung 10.119   User-Interface von Color Schemer Studio

Abbildung 10.120   Color Mixer (links), QuickPreview (Mitte) und Suggested Colors (rechts)

Color Consultant Pro ist ein reines Mac-Programm und kostet etwa 30 USD. Eine Demo kann unter http://www.code-line.com/software/colorconsultantpro.html heruntergeladen werden.

Alle Programme sind sich ziemlich ähnlich, die beiden letztgenannten können allerdings leider keine Farbtabellen-Dateien exportieren.

10.4.3 Animationen 

Auch wenn es sich um ein neues Feature von Photoshop CS2 handelt, soll die Palette Animation und ihre Features hier nur kurz gestreift werden. Wirklich neu ist das ja eigentlich nicht, sondern nur von ImageReady in Photoshop übernommen worden. In der Beschränktheit der Möglichkeiten ist es eher eine kleine Nettigkeit als ein echtes Feature. Mit Animation können bestimmte Eigenschaften (Deckkraft, Position etc.) von Ebenen animiert und als Animated GIF (oder über ImageReady auch als Flash-Datei) ausgegeben werden. Die Möglichkeiten sind hierbei auf die einer klassischen Cell Animation (Bild für Bild) beschränkt. Bewegungen und Veränderungen können nicht wirklich fein abgestimmt werden. Für die schnelle Banner-Kreation mag das ausreichen, wirklich professionelle und komplexere Animationen für Web-Anwendungen entstehen entweder in Macromedia Flash oder, wenn sie auf der Basis von Photoshop-Dateien mit Ebenen erstellt werden sollen, in Adobe After Effects. In After Effects, dem »Photoshop für bewegte Bilder«, hat man eine extrem präzise und umfassende Kontrolle über alle relevanten Parameter. Eine Ausgabe als Animated GIF gibt es hier schon sehr lange. Auch die Ausgabe als Flash-Datei ist besser gelöst als beim Export aus ImageReady.

Wichtigstes Programm ist und bleibt aber sicher auf absehbare Zeit und mit weitem Abstand Flash selbst, das außer dem eigenen »*.swf«-Format nebenbei auch animierte GIFs ausgeben kann. Adobes hauseigener Versuch, Flash im Bereich Web-Animation Paroli zu bieten, ist im November 2003 mit der Einstellung von LiveMotion ziemlich geräuschlos im Sande verlaufen. Wie bereits an anderen Stellen in diesem Buch bemerkt, wird hier die Zukunft durch die Übernahme von Macromedia durch Adobe in diesem Herbst (2005) sehr spannend. Was in Richtung Animation passiert, kann man derzeit nur spekulieren.

Ihre Meinung

Wie hat Ihnen das Openbook gefallen? Wir freuen uns immer über Ihre Rückmeldung. Schreiben Sie uns gerne Ihr Feedback als E-Mail an kommunikation@rheinwerk-verlag.de.