Verlaufsüberlagerung ist ein Ebenenstil in Adobe Photoshop, der einen konfigurierbaren Farbverlauf als nicht-destruktive Überlagerung auf den Inhalt einer Ebene anwendet – vollständig editierbar in Farbe, Typ, Winkel, Skalierung und Mischmodus.
Rubrik: Software & Tools · Unterrubrik: Adobe Photoshop · Niveau: Einsteiger Synonyme / Auch bekannt als: Gradient Overlay (englisch); Menüpfad: Ebene > Ebenenstil > Verlaufsüberlagerung; Zugang: Doppelklick auf Ebene im Ebenenbedienfeld
Was ist Verlaufsüberlagerung?
Verlaufsüberlagerung ist eine der zehn Ebenenstil-Kategorien in Adobe Photoshop, eingeführt mit Photoshop 6.0 (2000). Als Ebenenstil ist sie vollständig nicht-destruktiv: Sie verändert die Originalpixel der Ebene nicht, sondern legt den Verlauf visuell darüber. Sie löst die Herausforderung, Verlaufsfarben auf komplexe Ebeneninhalte anzuwenden (Text, Formen, ausgeschnittene Objekte), ohne eine separate Verlaufsebene anlegen und mit einer Schnittmaske verbinden zu müssen.
Erklärung
Das Dialogfeld für Verlaufsüberlagerung wird über den Ebenenstil-Dialog aufgerufen (Doppelklick auf die Ebene im Ebenenbedienfeld) und bietet folgende Optionen:
Mischmodus: Bestimmt, wie der Verlauf mit dem darunterliegenden Ebeneninhalt interagiert. „Normal" ersetzt den Inhalt vollständig durch den Verlauf (bei 100 % Deckkraft). Andere Mischmodi wie „Multiplizieren", „Bildschirm" oder „Weiches Licht" lassen den Verlauf mit dem Inhalt interagieren und erzeugen kombinierte Effekte.
Deckkraft: Regelt die Transparenz der Verlaufsüberlagerung von 0 % (unsichtbar) bis 100 % (volldeckend). Mittlere Werte (30–70 %) erzeugen subtile Einfärbungen, bei denen der Originalinhalt noch sichtbar bleibt.
Verlauf (Gradient): Das Verlaufs-Vorschaufeld öffnet den Verlaufseditor, in dem Farb- und Transparenzstopps frei konfiguriert werden können. Über das Dropdown neben dem Vorschaufeld werden gespeicherte Verlaufsvoreinstellungen geladen. Mit dem Bleistift-Icon wird der vollständige Verlaufseditor geöffnet.
Verlaufsarten:
- Linear: Klassischer Verlauf von Punkt A zu Punkt B entlang einer geraden Achse.
- Radial: Kreisförmig von innen nach außen.
- Winkel: Konisch um einen Mittelpunkt – für Farbfächer-Effekte.
- Gespiegelt: Zwei gespiegelte lineare Verläufe von der Mitte aus.
- Rautenförmig: Rautenform ausgehend vom Mittelpunkt.
Winkel: Dreht die Verlaufsrichtung in 1°-Schritten. Durch Klicken und Ziehen im Bilddokument lässt sich der Winkel und Ursprung des Verlaufs interaktiv verschieben (Photoshop CC und neuer).
Skalierung: Skaliert die Ausdehnung des Verlaufs von 10 % bis 150 %. Niedrige Werte komprimieren den Verlauf auf einen kleinen Bereich; hohe Werte dehnen ihn weich über die Ebene aus.
Umkehren: Kehrt die Reihenfolge der Verlaufsfarben um, ohne den Verlauf selbst bearbeiten zu müssen.
Interaktives Positionieren: In Photoshop CC kann die Position des Verlaufs direkt im Bilddokument verschoben werden, indem man bei geöffnetem Ebenenstil-Dialog klickt und zieht. So lässt sich der Verlaufsursprung frei im Bild platzieren.
Verlaufsüberlagerung vs. Verlaufsebene: Statt einer Verlaufsüberlagerung kann man auch eine separate Verlaufsebene (Ebenenbedienfeld > neue Ebene, dann Verlaufswerkzeug G) über die Ziel-Ebene legen und als Schnittmaske definieren (Alt+Klick zwischen den Ebenen). Die Verlaufsüberlagerung als Ebenenstil ist kompakter, direkt an die Ebene gebunden und für einfache Anwendungen deutlich schneller.
Beispiele
- Goldenes Logo: Verlaufsüberlagerung mit einem Gold-Verlauf (Gelb-Gold-Dunkelbraun-Gold) in linearem Typ auf einer Textebene erzeugt eine metallisch anmutende Beschriftung.
- Farbdynamischer Button: Ein Rechteck-Shape erhält eine Verlaufsüberlagerung von tiefem Blau (oben) zu leuchtendem Cyan (unten) – klassischer moderner App-Button-Stil.
- Doppel-Exposure-Effekt: Verlaufsüberlagerung mit Mischmodus „Weiches Licht" über ein Porträt fügt einen sanften Farbverlauf (z. B. von Orange zu Violett) hinzu, ohne das Foto zu überdecken.
- Text mit Regenbogenverlauf: Schriftzug mit einem Regenbogenverlauf (Typ: Linear, Winkel: 0°) für auffällige Headline-Grafiken in sozialen Medien.
- Abdunkeln des Bildrands: Verlaufsüberlagerung mit Schwarz-zu-Transparent-Verlauf (Typ: Radial, Umkehren aktiviert) erzeugt einen sanften Vignette-Effekt direkt als Ebenenstil.
In der Praxis
- Interaktives Neupositionieren: Das direkte Klicken-und-Ziehen im Dokument bei geöffnetem Ebenenstil-Dialog spart Zeit gegenüber dem manuellen Winkel-Einstellen.
- Verlauf mit Transparenz: Für dezente Überlagerungseffekte immer mit Transparenzstopps im Verlaufseditor arbeiten (weißer Farbstopp mit 0 % Transparenz = vollständig transparent). „Schwarz zu Transparent" ist eine der meistgenutzten Verlaufskombinationen für Vignetten und Überblendungen.
- Kombination mit anderen Ebenenstilen: Verlaufsüberlagerung wirkt am stärksten in Kombination mit „Abgeflachte Kante und Relief" (für 3D-Wirkung) oder „Schlagschatten" (für Tiefe). Alle Stile ergänzen sich frei.
- Skalierung bei Exportgröße: Da Ebenenstile mit dem Dokument, nicht mit der Ebenenauflösung skalieren, muss bei Vergrößerungen die Effektskalierung über Ebene > Ebenenstil > Effekte skalieren angepasst werden.
Vergleich & Abgrenzung
Das Verlaufswerkzeug (G) als Pixelwerkzeug zeichnet Verläufe destruktiv auf eine Ebene. Die Verlaufsebene (über Ebenenbedienfeld) ist flexibler als ein Pixelverlauf, aber weniger direkt mit einer Inhaltebene verknüpft. Die Verlaufsüberlagerung als Ebenenstil ist die direkteste, nicht-destruktivste Methode, einen Verlauf fest an eine bestimmte Ebene zu binden.
Häufige Fragen (FAQ)
Kann ich eine Verlaufsüberlagerung auch auf Einstellungsebenen anwenden? Nein, Ebenenstile (einschließlich Verlaufsüberlagerung) sind ausschließlich auf normale Pixel-, Text-, Form- und Smart-Object-Ebenen anwendbar. Einstellungsebenen und Hintergrundebenen unterstützen keine Ebenenstile.
Wie speichere ich einen eigenen Verlauf als Voreinstellung? Im Verlaufseditor (Doppelklick auf das Verlaufsvorschaufeld) einen Verlauf konfigurieren und auf „Neu" klicken. Der Verlauf wird unter dem eingegebenen Namen in der Verlaufsbibliothek gespeichert und steht in allen Photoshop-Dokumenten zur Verfügung.
Verwandte Einträge
Weiterführend
- Adobe Benutzerhandbuch – helpx.adobe.com/de/photoshop/using/layer-effects-styles.html
- Adobe Learn: „Add a Gradient Overlay to a Layer" – adobe.com/learn (2024)
