Intelligentes Färben in Ebenengruppen

schreibt philip am 24. Juni 2009 in Ergänzungen. Kommentar verfassen, Trackback

Insbesondere bei der Gestaltung von Buttons mit verschiedenen Zuständen (normal, aktiv, hover) probiert man in Photoshop gerne verschiedene Farbigkeiten aus. Besteht ein Button dabei aus mehreren Ebenen wäre der naheliegende Weg das Zuweisen der neuen Farbe für jede einzelne Ebene. Wie es geschickter geht, zeigt dieser Mini-Workshop.

1. Ebene gruppieren und einstellen

Fasst zunächst alle Ebenen die zum Button gehören in einer Gruppe zusammen.

button-start

Anschließend markiert Ihr die oberste Ebene darin und erstellt eine neue Einstellungsebene “Farbton/Sättigung” über das entsprechende Icon im Fuß der Ebenenpalette.

einstellungsebene

Im dem sich daraufhin öffnenden Bedienfeld (CS4 in der Korrekturen-Palette, in älteren Versionen ein temporär eingeblendetes Dialogfeld) schiebt Ihr den Farbregler so zurecht, bis die gewünschte Farbgebung erzielt wird.

farbregler

Ignoriert dabei Farbänderungen, die sich eventuell auch auf den Rest des Dokuments auswirken.

2. Auwirkung beschränken

Damit die Farbanpassungen sich nun nur auf den Button selbst beschränken, ändert Ihr den Ebenenmodus von “Hindurchwirken” auf “Normal”.

ebenenmodus

“Hindurchwirken” ist die Standardeinstellung für Ebenengruppen und bewirkt, dass sich Anpassungen wie die hier angelegte Einstellungsebene auf alle darunter befindlichen Ebenen, auch außerhalb der Gruppe, auswirken. Das Umstellen auf “Normal” veranlasst Photoshop, die Anpassungen ausschließlich innerhalb der Gruppe auszuführen.

3. Kopien erstellen

Erstellet nun eine gewünschte Anzahl an Kopien der Ebenengruppe, indem ihr diese einfach auf das Symbol “Neue Ebene erstellen” ziehen. Per Doppelklick auf die Einstellungsebene könnt ihr deren Parameter verlustfrei ändern und somit flexibel mit verschiedenen Farbigkeiten spielen. Es werden automatisch alle Ebenen innerhalb der Gruppe gefärbt, wodurch die ursprüngliche Farbharmonie des Buttons erhalten bleibt.

button-gegenueberstellung

[Post to Twitter]  [Post to Delicious] 

Eine Antwort hinterlassen