# Photoshop Verlauf: Werkzeuge, Verlaufsumsetzung und saubere Ergebnisse [Canonical HTML page](https://gradiently.design/de/guide/photoshop-gradient) Photoshop bietet dir vier verschiedene Wege zu einem Verlauf, und jeder passt zu einer anderen Aufgabe. Hier steht, wozu du greifst, wie der Editor wirklich funktioniert und welche Gewohnheiten einen Verlauf frei von Streifen halten. ## The short version - Photoshop erzeugt Verläufe auf vier Arten: mit dem Verlaufswerkzeug, einer Verlaufs-Füllebene, einer Verlaufsumsetzung als Einstellungsebene und dem Ebenenstil Verlaufsüberlagerung. - Der Live-Modus des Verlaufswerkzeugs erzeugt eine bearbeitbare Füllebene, deren Farbunterbrechungen du auf der Arbeitsfläche ziehen kannst, während der klassische Modus Pixel auf die aktuelle Ebene malt. - Photoshop bietet fünf Verlaufsformen: Linear, Radial, Winkel, Reflektiert und Raute. - Eine Verlaufsumsetzung färbt ein Bild nach seinen Tonwerten neu, wobei die dunkelsten Pixel die linke und die hellsten die rechte Farbunterbrechung erhalten. - Dithering, ein 16-Bit-Dokument und etwas monochromatisches Rauschen sind die verlässlichsten Mittel gegen Banding in einem Photoshop Verlauf. Ein **Photoshop Verlauf** entsteht mit dem Verlaufswerkzeug (Taste G), einer Verlaufs-Füllebene, einer Verlaufsumsetzung oder dem Stil Verlaufsüberlagerung. Für die meisten Arbeiten nutzt du das Werkzeug im Live-Modus, damit der Verlauf auf einer eigenen, bearbeitbaren Ebene liegt, wählst Perzeptiv als Methode, lässt Dithering aktiviert und wechselst auf 16 Bit pro Kanal, wenn der Verlauf dunkel oder subtil ist. Diese Gewohnheiten machen den Unterschied zwischen einem sauberen Farbübergang und einem streifigen. ## Vier Wege zu einem Verlauf in Photoshop Viele greifen für alles zum Verlaufswerkzeug und wundern sich dann, warum sie die Farben später nicht ändern können. Jede Methode hat eine Aufgabe, und wer von Anfang an die richtige wählt, muss nichts neu bauen. | Methode | Wo du sie findest | Am besten für | | --- | --- | --- | | Verlaufswerkzeug | Werkzeugleiste, Kürzel G | Einen Verlauf über eine Ebene oder Auswahl ziehen | | Verlaufs-Füllebene | Ebene › Neue Füllebene › Verlauf | Hintergründe, die du weiter anpassen wirst | | Verlaufsumsetzung | Ebene › Neue Einstellungsebene › Verlaufsumsetzung | Ein Foto nach seinen hellen und dunklen Tönen neu einfärben | | Verlaufsüberlagerung | Ebenenstil (die fx-Schaltfläche) | Farbe auf Schrift und Formen, die bearbeitbar bleibt | Die vier Verlaufsmethoden in Photoshop und wofür jede gut ist. Füllebenen, Verlaufsumsetzungen und Überlagerungen arbeiten alle nicht destruktiv. ## So nutzt du das Verlaufswerkzeug 1. **Das Werkzeug wählen** Drück G. Das Verlaufswerkzeug teilt sich seinen Platz mit dem Füllwerkzeug, drück also Umschalt+G, wenn stattdessen der Farbeimer erscheint. 2. **Live oder klassisch wählen** In aktuellen Versionen bietet die Optionsleiste **Verlauf**, der eine bearbeitbare Verlaufs-Füllebene mit Griffen auf der Arbeitsfläche erzeugt, und **Klassischer Verlauf**, der Pixel auf die aktive Ebene malt. Wähle Live, außer du malst bewusst in eine Maske. 3. **Farben wählen** Klick auf das Verlaufsfeld in der Optionsleiste oder öffne Fenster › Verläufe, um Vorgaben in Ordnern zu durchsuchen. Leg zuerst Vorder- und Hintergrundfarbe fest, wenn du den einfachsten Verlauf aus zwei Farben willst. 4. **Eine Form wählen** Linear, Radial, Winkel, Reflektiert oder Raute. Der nächste Abschnitt zeigt, was jede macht. 5. **Über die Arbeitsfläche ziehen** Der Anfang des Ziehens ist die erste Farbunterbrechung, das Ende die letzte. Halte Umschalt gedrückt, um den Winkel auf 45-Grad-Schritte zu begrenzen. Im Live-Modus kannst du Farbunterbrechungen und Mittelpunkt danach verschieben. 6. **Methode und Dithering einstellen** Wähle **Perzeptiv** für gleichmäßige Übergänge zwischen gesättigten Farben und lass **Dithering** an. Klassisch bildet das ältere Verhalten nach, das in der Mitte matschig wirken kann. ## Die fünf Verlaufsformen in Photoshop Linear ist das Arbeitspferd für Hintergründe. Radial erzeugt einen Lichtfleck, der schnellste Weg, einem flachen Hintergrund Tiefe zu geben. Winkel führt die Farbe wie ein Uhrzeiger um einen Mittelpunkt. Reflektiert spiegelt einen linearen Verlauf von der Mitte nach außen, passend für Horizonte und Lichtbalken. Raute verteilt die Farbe in einem Quadrat und ist die Form, die du am seltensten nutzen wirst. - Linear: `linear-gradient(90deg, #1e1b4b 0%, #7c3aed 50%, #f9a8d4 100%)` - Radial: `radial-gradient(circle at 50% 50%, #fde68a 0%, #f97316 40%, #431407 100%)` - Winkel: `conic-gradient(from 0deg at 50% 50%, #0ea5e9, #6366f1, #ec4899, #0ea5e9)` - Reflektiert: `linear-gradient(90deg, #0f172a 0%, #14b8a6 50%, #0f172a 100%)` Vier der fünf Photoshop-Formen, in CSS nachgebaut, damit du sie fürs Web kopieren kannst. Winkel ist ein konischer Verlauf; Raute hat keine direkte CSS-Entsprechung. ## Arbeiten im Verlaufseditor Doppelklick auf das Feld in der Optionsleiste oder auf den Verlauf im Dialog einer Füllebene öffnet den Editor. Farbunterbrechungen sitzen unter dem Balken, Deckkraftunterbrechungen darüber. Klick unter den Balken, um eine Unterbrechung hinzuzufügen, zieh eine weg, um sie zu löschen, und verschieb die kleine Raute zwischen zwei Unterbrechungen, um den Mittelpunkt ihres Übergangs zu versetzen. Im Feld Position tippst du exakte Werte ein, das zählt, wenn eine Reihe von Verläufen zusammenpassen soll. Drei bis fünf Unterbrechungen wirken meist reicher als zwei: ein Schattenton, eine Hauptfarbe, eine Aufhellung und vielleicht ein Akzent. Halte benachbarte Unterbrechungen verwandt, denn Komplementärfarben nebeneinander laufen durch Grau, wie [matschige Verläufe](https://gradiently.design/de/guide/muddy-gradients) erklärt. Das Menü Verlaufsart im Editor bietet außerdem **Rauschen**, das zufällige Farbbänder erzeugt; nützlich für Texturexperimente, selten für Markenarbeit. > **Zu transparent auslaufen lassen, nicht zu Weiß** Damit ein Bild durchscheint, setz die letzte Deckkraftunterbrechung auf 0 %, statt Weiß zu wählen. Die Vorgabe Vordergrund zu Transparent macht genau das und hält die Ebene darunter sichtbar, statt sie auszuwaschen. ## Photoshop Verlaufsumsetzung für Fotos Eine Verlaufsumsetzung ignoriert die Farben des Fotos und liest nur seine Tonwerte. Die dunkelsten Pixel bekommen die linke Unterbrechung, die hellsten die rechte, und alles dazwischen folgt dem Balken. Mit zwei Unterbrechungen erhältst du ein klassisches Duotone; mit drei kannst du Schatten kühl und Lichter warm drücken. Stell die Füllmethode der Einstellungsebene auf Farbe oder Weiches Licht und senk ihre Deckkraft für einen sanfteren Ton. [Verlaufsumsetzung](https://gradiently.design/de/guide/gradient-map) und der [Duotone-Effekt](https://gradiently.design/de/guide/duotone-effect) gehen tiefer. Umsetzung in Indigo, Rosé und Butter: `linear-gradient(90deg, #1e1b4b 0%, #db2777 55%, #fde68a 100%)` Eine Umsetzung mit drei Unterbrechungen: Schatten werden Indigo, Mitteltöne Rosé, Lichter ein blasses Buttergelb. Lade diese Werte als Unterbrechungen in eine Verlaufsumsetzung. ## So verhinderst du Banding in einem Photoshop Verlauf Banding sind sichtbare Stufen, wo ein Übergang glatt sein sollte. Am schlimmsten ist es bei dunklen, kontrastarmen Verläufen auf großer Fläche, denn eine 8-Bit-Datei hat zwischen zwei nahen Farben nur begrenzt viele Stufen. Die ganze Erklärung steht in [Banding in Verläufen](https://gradiently.design/de/guide/gradient-banding). ### Erzeugt Streifen - Ein 8-Bit-Dokument für einen dunklen, subtilen Verlauf - Dithering ausgeschaltet - Zwei nahe Unterbrechungen über 4.000 px gezogen - Starke JPEG-Kompression beim Export - Klassische Methode zwischen kräftigen Komplementärfarben ### Hält ihn glatt - Bild › Modus › 16-Bit-Kanal während der Arbeit - Dithering im Werkzeug oder Fülldialog aktiviert - Eine mittlere Unterbrechung oder die Methode Perzeptiv - PNG oder JPEG in hoher Qualität - 1 bis 3 % monochromatisches Rauschen auf einer grauen Ebene in Ineinanderkopieren Die Rauschebene verdient eine Erklärung. Füll eine neue Ebene mit 50 % Grau, stell sie auf Ineinanderkopieren, damit das Grau verschwindet, und wende dann Filter › Rauschfilter › Rauschen hinzufügen an, mit Gaußscher Normalverteilung und Monochromatisch aktiviert. Die feine Körnung bricht die Stufen auf, übersteht Kompression besser als ein glatter Verlauf und lässt den Verlauf wie eine Oberfläche wirken. [Körnige Verläufe](https://gradiently.design/de/guide/grainy-gradients) zeigt den Look. Ein Social Post im Hochformat auf einem dunklen, glatten Verlauf mit einem kurzen Tipp zu Dithering und Rauschen Ein dunkler Verlauf wie dieser ist genau der Ort, an dem Banding auftaucht. Dithering plus leichte Körnung hält ihn auf jedem Bildschirm glatt. ## Verläufe auf Text und Formen Für Schrift, die bearbeitbar bleiben soll, füg im fx-Menü eine Verlaufsüberlagerung hinzu. Lass An Ebene ausrichten aktiviert, damit der Verlauf die Wörter überspannt statt der ganzen Arbeitsfläche, und passe Skalierung und Winkel an, bis der Farbwechsel sitzt, wo du ihn willst. Die Alternative ist eine Verlaufs-Füllebene über dem Text, die du als Schnittmaske anlegst, indem du Alt (Option am Mac) gedrückt hältst und auf die Linie zwischen den beiden Ebenen klickst. Stehen die Wörter auf einem Verlauf, statt ihn zu tragen, lies [Text auf Verläufen](https://gradiently.design/de/guide/text-on-gradient), damit sie lesbar bleiben. ## Wenn aus einem Bild zehn Formate werden Photoshop ist hervorragend für ein einzelnes, sorgfältig ausgearbeitetes Bild. Langsam wird es, wenn derselbe Hintergrund zu Post, Story, Banner und Thumbnail werden muss, denn jeder Zuschnitt verschiebt den hellsten Bereich und jede Arbeitsfläche braucht einen neu gezeichneten Verlauf. In Gradiently ist der Hintergrund ein Mark, der in jeder Größe rendert, in der du gestaltest, und sein ruhigster Bereich wandert von selbst hinter deine Wörter, sodass Story und Banner aus einem Design entstehen. [Ein Look, jede Größe](https://gradiently.design/de/guide/one-look-every-size) erklärt, wie. ## FAQ ### Wo ist das Verlaufswerkzeug in Photoshop? Es teilt sich einen Platz in der Werkzeugleiste mit dem Füllwerkzeug. Drück G, um es zu wählen, oder Umschalt+G, um zwischen beiden zu wechseln. ### Warum hat mein Photoshop Verlauf Streifen? Das ist Banding, verursacht durch zu wenige Farbstufen zwischen nahen Tönen. Arbeite mit 16 Bit pro Kanal, lass Dithering an und füg vor dem Export etwas monochromatisches Rauschen hinzu. ### Wie lasse ich einen Verlauf in Photoshop transparent auslaufen? Nutze die Vorgabe Vordergrund zu Transparent oder setz die letzte Deckkraftunterbrechung im Verlaufseditor auf 0 %. ### Wie lege ich in Photoshop einen bearbeitbaren Verlauf auf Text? Füg den Ebenenstil Verlaufsüberlagerung mit aktiviertem An Ebene ausrichten hinzu oder leg eine Verlaufs-Füllebene als Schnittmaske auf die Textebene. ### Was ist der Unterschied zwischen Verlauf und Verlaufsumsetzung in Photoshop? Ein Verlauf malt neue Farbe über eine Fläche. Eine Verlaufsumsetzung färbt ein bestehendes Bild nach seinen Tonwerten neu, von dunkel bis hell.