So erstellen Sie einen unscharfen Rand in Photoshop

Vignette ist ein klassischer und zeitloser Effekt, der die Ränder eines Fotos abdunkelt, um den Fokus auf das Motiv zu lenken. Vignetten verleihen einem Foto außerdem einen Vintage- oder Nostalgie-Look oder sorgen für eine geheimnisvolle oder dramatische Note.

Und mit Live-Verläufen in Photoshop 2023 war das Erstellen von Vignetteneffekten nie einfacher. Der Begriff „Live-Verlauf“ bedeutet, dass alle Eigenschaften des Verlaufs, einschließlich Farbe, Größe und Position, auch nach dem Zeichnen des Verlaufs editierbar bleiben.

Durch die Kombination der Flexibilität von Live-Gradienten mit dem klassischen Vordergrund-zu-Transparent-Verlauf von Photoshop können wir einen Vignetteneffekt hinzufügen und haben dabei die vollständige Kontrolle über das Aussehen dieses Effekts.

Schritt 1: Bild verkleinern

Zoomen Sie zunächst heraus, um etwas Platz um das Bild herum zu schaffen. Wir benötigen diesen Platz zum Zeichnen des Farbverlaufs.

Um herauszuzoomen, gehen Sie zum Menü „Ansicht“ in der Menüleiste und wählen Sie den Befehl „Herauszoomen“ aus .

So erstellen Sie einen unscharfen Rand in Photoshop
Gehen Sie zu Ansicht > Verkleinern.

Sie werden einige graue Kartonbereiche um das Foto herum sehen.

So erstellen Sie einen unscharfen Rand in Photoshop
Ergebnis nach dem Verkleinern in Photoshop

Schritt 2: Verlaufswerkzeug auswählen

Wählen Sie als Nächstes das Verlaufswerkzeug in der Symbolleiste aus.

So erstellen Sie einen unscharfen Rand in Photoshop
Wählen Sie das Verlaufswerkzeug aus der Photoshop-Symbolleiste.

Schritt 3: Vordergrundfarbe auf Schwarz setzen

Stellen Sie in der Symbolleiste sicher, dass Ihre Vordergrundfarbe auf Schwarz eingestellt ist.

Wenn nicht, drücken Sie D auf Ihrer Tastatur, um die Vordergrund- und Hintergrundfarben auf die Standardeinstellungen zurückzusetzen (Schwarz für den Vordergrund und Weiß für den Hintergrund).

So erstellen Sie einen unscharfen Rand in Photoshop
Vordergrundfarbfeld in der Photoshop-Symbolleiste.

Schritt 4: Stellen Sie den Werkzeugmodus auf Farbverlauf ein

Stellen Sie dann in der Optionsleiste sicher, dass der Werkzeugmodus (neu ab Photoshop 2023) auf „Farbverlauf“ eingestellt ist, was die Standardeinstellung ist.

„Verlauf“ ist die Einstellung, die wir zum Zeichnen von Live-Verläufen benötigen. Die andere Option, „Klassischer Verlauf“, zwingt das Verlaufswerkzeug dazu, sich wie in früheren Photoshop-Versionen zu verhalten, was für unseren Vignetteneffekt nicht funktioniert.

So erstellen Sie einen unscharfen Rand in Photoshop
Der Werkzeugmodus muss auf „Farbverlauf“ eingestellt sein.

Schritt 5: Wählen Sie den Verlauf „Vordergrund zu transparent“

Um den Vignetteneffekt zu erzeugen, benötigen wir den Photoshop-Verlauf „Vom Vordergrund zur Transparenz“.

Klicken Sie also auf das Farbverlaufsfeld, um die Auswahl der Farbverlaufsvorgabe zu öffnen.

So erstellen Sie einen unscharfen Rand in Photoshop
Klicken Sie auf das Farbverlaufsfeld, um die Farbverlaufsvorgabeauswahl in Photoshop zu öffnen

Drehen Sie, um den Ordner „Basic“ zu öffnen, und wählen Sie den Farbverlauf „Vom Vordergrund nach transparent“ (Miniaturansicht in der Mitte).

Drücken Sie dann die Eingabetaste auf einem Windows-PC bzw. die Return-Taste auf einem Mac, um die Vorgabeauswahl zu schließen.

So erstellen Sie einen unscharfen Rand in Photoshop
Wählen Sie in Photoshop den Verlauf „Vordergrund zu transparent“

Schritt 6: Stellen Sie den Verlaufsstil auf „Linear“ ein

Neben der Verlaufsvorschauleiste befinden sich die Symbole für den Verlaufsstil.

Wählen Sie für diesen Vignetteneffekt den Radialstil (zweites Symbol von links), der den Farbverlauf von seiner Mitte nach außen zeichnet.

So erstellen Sie einen unscharfen Rand in Photoshop
Stellen Sie den Verlaufstyp in Photoshop auf „Radial“ ein.

Schritt 7: Aktivieren Sie die Option „Rückwärts“

Aktivieren Sie außerdem in der Optionsleiste die Option „Umkehren“ , indem Sie das entsprechende Kontrollkästchen aktivieren.

Wenn Sie diesen Schritt überspringen, funktioniert der Vignetteneffekt nicht.

So erstellen Sie einen unscharfen Rand in Photoshop
Kehren Sie die Richtung des Farbverlaufs um.

Lassen Sie „Dither“ aktiviert und „Methode“ auf „Perzeptiv“ eingestellt . Beides sind Standardeinstellungen. Jetzt können wir mit dem Zeichnen des Farbverlaufs beginnen.

So erstellen Sie einen unscharfen Rand in Photoshop
Standardmäßige Dithering- und Methodenoptionen für das Verlaufswerkzeug in Photoshop.

Schritt 8: Zeichnen Sie einen radialen Farbverlauf, um den anfänglichen Vignetteneffekt hinzuzufügen

Klicken und halten Sie die Maustaste an der Stelle im Bild gedrückt, an der die Mitte der Vignette erscheinen soll. Sie müssen es nicht genau richtig machen, denn mit Live-Verläufen können wir den Verlauf nach dem Zeichnen neu positionieren.

Ziehen Sie dann bei gedrückter Maustaste von dieser Position weg, um den Farbverlauf nach außen zu erweitern.

Die Mitte des Farbverlaufs ist transparent, sodass das darunterliegende Bild durchscheint, während der Farbverlauf am äußeren Rand schwarz wird.

So erstellen Sie einen unscharfen Rand in Photoshop
Beginnen Sie mit dem Zeichnen eines Farbverlaufs vom Vordergrund zur Transparenz über das gesamte Bild.

Wenn Sie in der Mitte Schwarz und an den Rändern Transparenz sehen, liegt das daran, dass Sie im vorherigen Schritt vergessen haben, die Option „ Umkehren“ zu aktivieren. Aktivieren Sie daher diese Option.

So erstellen Sie einen unscharfen Rand in Photoshop
Wenn „Umkehren“ nicht ausgewählt ist, wird der Farbverlauf in die falsche Richtung angezeigt.

Zeichnen Sie dann den Farbverlauf weiter nach außen. Normalerweise möchten Sie den Farbverlauf bis an die Bildränder verlängern, damit die Ecken nicht zu dunkel erscheinen (deshalb haben Sie das Bild in Schritt 1 verkleinert).

So erstellen Sie einen unscharfen Rand in Photoshop
Erweitern Sie den Farbverlauf über die Bildränder hinaus.

Im Ebenenbedienfeld wird der Verlauf auf einer eigenen Ebene „Verlaufsfüllung“ angezeigt. Dadurch bleiben Verlauf und Bild getrennt, sodass wir als Nächstes den Verlauf bearbeiten können.

So erstellen Sie einen unscharfen Rand in Photoshop
Das Ebenenbedienfeld in Photoshop zeigt die neue Ebene „Verlaufsfüllung“.

Schritt 9: Positionieren Sie den Vignetteneffekt um das Motiv herum neu

Nachdem Sie Ihren Farbverlauf gezeichnet haben, können Sie ihn neu positionieren, indem Sie den kreisförmigen Farbstopp in der Mitte ziehen. So können Sie die Vignette ganz einfach um Ihr Motiv zentrieren oder an einer beliebigen Stelle platzieren. Ich ziehe beispielsweise die Mitte des Farbverlaufs etwas nach rechts.

So erstellen Sie einen unscharfen Rand in Photoshop
Verschieben Sie den Verlaufsmittelpunkt, um den Vignetteneffekt neu zu positionieren.

Nachdem Sie den Farbverlauf verschoben haben, müssen Sie ihn möglicherweise durch Ziehen des Farbstopps am äußeren Rand skalieren. Ich ziehe ihn beispielsweise etwas weiter nach außen.

So erstellen Sie einen unscharfen Rand in Photoshop
Passen Sie die Größe des Farbverlaufs nach der Neupositionierung an.

Schritt 10: Erweitern Sie den transparenten Bereich in der Mitte

Wenn Ihr Motiv durch den Vignetteneffekt zu dunkel wird, können Sie den transparenten Bereich in der Mitte des Farbverlaufs erweitern.

Gehen Sie zum Eigenschaftenfenster und scrollen Sie nach unten zu „Deckkraftsteuerung“ . Möglicherweise müssen Sie drehen, um sie zu öffnen.

So erstellen Sie einen unscharfen Rand in Photoshop
Deckkraftsteuerung im Eigenschaftenfenster von Photoshop.

Klicken Sie dann auf den weißen Transparenzstopper rechts und beginnen Sie, nach links zu ziehen, behalten Sie dabei aber das Bild im Auge.

So erstellen Sie einen unscharfen Rand in Photoshop
Ziehen Sie den weißen Transparenzstopp nach links.

Je weiter Sie ziehen, desto weiter wird die Transparenz von der Mitte weggeschoben, wodurch die dunklen Bereiche näher an die Ränder gedrängt werden und die ursprüngliche Helligkeit des Objekts wiederhergestellt wird.

So erstellen Sie einen unscharfen Rand in Photoshop
Die dunklen Teile des Farbverlaufs wurden näher an den Rand gedrängt.

Schritt 11: Ändern Sie die Farbe des Vignetteneffekts

Die Verwendung von Schwarz als Vignettenfarbe kann den Effekt matt wirken lassen. Um eine andere Farbe auszuwählen, doppelklicken Sie auf den Farbstopp am äußeren Rand des Farbverlaufs.

So erstellen Sie einen unscharfen Rand in Photoshop
Doppelklicken Sie auf einen äußeren Farbstopp, um die Farbe zu ändern.

Wählen Sie dann eine neue Farbe aus der Farbauswahl aus oder klicken Sie auf einen Bereich des Bildes, um die Farbe abzutasten.

So erstellen Sie einen unscharfen Rand in Photoshop
Probieren Sie Farben aus einem Bild aus, um sie für den Vignetteneffekt zu verwenden.

Da im Beispiel diese Farbe verwendet wird, um einen Verdunkelungseffekt zu erzeugen, wird im Farbwähler eine viel dunklere und gesättigtere Version ausgewählt.

Klicken Sie auf „OK“ , um die Farbauswahl zu schließen, wenn Sie fertig sind.

So erstellen Sie einen unscharfen Rand in Photoshop
Wählen Sie eine dunkle und gesättigte Version der abgetasteten Farbe.

Da der Farbverlauf nun dunkelbraun statt schwarz wird, sieht der Vignetteneffekt etwas subtiler und natürlicher aus.

Die neu gewählte Farbe ist für den Geschmack des Autors noch zu dunkel, erleichtert aber die Erkennung des nächsten Schritts, da der Artikel Ihnen zeigt, wie Sie den Vignetteneffekt im hellen Bereich ausblenden können.

So erstellen Sie einen unscharfen Rand in Photoshop
Ergebnis nach dem Ändern der Vignetteneffektfarbe.

Schritt 12: Helligkeit in Glanzlichtern wiederherstellen

Ein Problem des Vignetteneffekts besteht darin, dass er die hellen Teile abdunkelt. Im Beispielbild ist dies am Himmel sehr deutlich zu erkennen.

Um den Vignetteneffekt in den hellen Bereichen zu reduzieren, klicken Sie unten im Ebenenbedienfeld auf das FX -Symbol.

So erstellen Sie einen unscharfen Rand in Photoshop
Klicken Sie in Photoshop im Ebenenbedienfeld auf das FX-Symbol.

Wählen Sie dann oben in der Liste „Fülloptionen“ aus.

So erstellen Sie einen unscharfen Rand in Photoshop
Öffnen Sie die Fülloptionen.

Suchen Sie unten im Dialogfeld „Ebenenstil“ nach dem Schieberegler „Unterliegende Ebene “ (der untere der beiden Balken).

So erstellen Sie einen unscharfen Rand in Photoshop
Schieberegler für die zugrunde liegende Ebene in Photoshop.

Unten rechts in der Leiste befindet sich ein weißer Hervorhebungsschieberegler.

So erstellen Sie einen unscharfen Rand in Photoshop
Schieberegler zum Hervorheben.

Halten Sie die Alt- Taste (Windows) bzw. die Wahltaste (Mac) gedrückt. Halten Sie anschließend die Pfeiltaste nach unten gedrückt und klicken und ziehen Sie nach rechts.

So erstellen Sie einen unscharfen Rand in Photoshop
Passen Sie den Schieberegler an.

Beobachten Sie das Bild, während Sie weiter nach links ziehen. Je weiter Sie ziehen, desto mehr Glanzlichter werden wiederhergestellt. Passen Sie den Schieberegler daher nach Bedarf an.

So erstellen Sie einen unscharfen Rand in Photoshop
Ziehen Sie den Schieberegler, um die Hervorhebungen wiederherzustellen.

Klicken Sie auf „OK“ , um das Dialogfeld „Ebenenstil“ zu schließen, wenn Sie fertig sind.

Und jetzt ist die Vignette am Himmel kaum noch sichtbar (helle Flecken), während sie die Ränder und Ecken in der unteren Bildhälfte immer noch abdunkelt.

So erstellen Sie einen unscharfen Rand in Photoshop
Glanzlichter werden jetzt durch einen Vignetteneffekt angezeigt.

Schritt 13: Ändern Sie den Mischmodus auf Weiches Licht

Eine weitere Möglichkeit, der Vignette ein natürlicheres Aussehen zu verleihen, besteht darin, den Mischmodus im Ebenenbedienfeld zu ändern.

Ändern Sie bei aktiver Verlaufsfüllungsebene den Mischmodus von „Normal“ in „Weiches Licht“ .

So erstellen Sie einen unscharfen Rand in Photoshop
Ändern Sie den Mischmodus der Verlaufsfüllungsebene in „Weiches Licht“.

Während der Mischmodus „Normal“ (Standard) das Bild lediglich abdunkelt, ähnelt „Weiches Licht“ eher einem Lichteffekt, der Unschärfe und Bild besser vermischt.

So erstellen Sie einen unscharfen Rand in Photoshop
Ändern Sie den Mischmodus der Verlaufsfüllungsebene in „Weiches Licht“.

Schritt 14: Passen Sie bei Bedarf die Größe oder Position des Effekts an

Nehmen Sie letzte Anpassungen an der Größe oder Position des Übergangseffekts vor, indem Sie die Farbstopps ziehen.

So erstellen Sie einen unscharfen Rand in Photoshop
Nehmen Sie letzte Anpassungen an Größe und Position des Vignetteneffekts vor

Schritt 15: Verwischen Sie den Vignetteneffekt, indem Sie die Deckkraft reduzieren

Wenn der Vignetteneffekt zu stark erscheint, können Sie die Unschärfe abmildern, indem Sie die Deckkraft der Verlaufsfüllungsebene im Ebenenbedienfeld reduzieren.

Reduzieren Sie beispielsweise die Deckkraft auf 80 %.

So erstellen Sie einen unscharfen Rand in Photoshop
Nehmen Sie letzte Anpassungen an Größe und Position des Vignetteneffekts vor.

So verbergen Sie Live-Farbverlaufssteuerungen

Um die Verlaufssteuerung auszublenden und eine bessere Sicht auf den Vignetteneffekt zu erhalten, wählen Sie im Bedienfeld „Ebenen“ die Hintergrundebene aus, um die Auswahl der Verlaufsfüllungsebene aufzuheben.

So erstellen Sie einen unscharfen Rand in Photoshop
Durch erneutes Auswählen der Verlaufsfüllungsebene werden die Verlaufssteuerelemente wiederhergestellt.

Blenden Sie die Verlaufssteuerung aus, indem Sie eine andere Ebene auswählen.

Und hier ist der endgültige Vignetteneffekt.

Mit Photoshop zum Foto hinzugefügter Vignetteneffekt.

So erstellen Sie einen unscharfen Rand in Photoshop

Siehe auch:

Leave a Comment

So ändern Sie Ihr Microsoft Teams-Profilbild auf dem iPhone und Android

So ändern Sie Ihr Microsoft Teams-Profilbild auf dem iPhone und Android

Entdecken Sie die einfachste Methode, Ihr Microsoft Teams-Profilbild auf iPhone und Android zu ändern. Schritt-für-Schritt-Anleitung mit Screenshots für reibungslose Updates in der neuesten App-Version. Verbessern Sie noch heute Ihr professionelles Image!

So beheben Sie Microsoft Teams-Fehler: Wie Sie die Hilfe verwenden

So beheben Sie Microsoft Teams-Fehler: Wie Sie die Hilfe verwenden

Sind Sie es leid, dass die Microsoft Teams-Hilfe Ihren Arbeitsablauf blockiert? Hier finden Sie Schritt-für-Schritt-Lösungen, die auch mit den neuesten Versionen funktionieren. Cache leeren, aktualisieren und vieles mehr – ganz ohne technische Vorkenntnisse!

Behebung des Fehlers „Microsoft Teams-Webclient deaktiviert“

Behebung des Fehlers „Microsoft Teams-Webclient deaktiviert“

Sind Sie es leid, dass der Fehler „Microsoft Teams Web Client deaktiviert“ Ihre Meetings blockiert? Befolgen Sie unsere bewährten Schritt-für-Schritt-Anleitungen, um den Fehler schnell zu beheben – ganz ohne IT-Hilfe!

So laden Sie Microsoft Teams-Aufzeichnungen auf Ihren Laptop oder PC herunter

So laden Sie Microsoft Teams-Aufzeichnungen auf Ihren Laptop oder PC herunter

Entdecken Sie einfache Möglichkeiten, Microsoft Teams-Aufzeichnungen auf Ihren Laptop oder PC herunterzuladen. Erhalten Sie Schritt-für-Schritt-Anleitungen für die Desktop-App, das Web und OneDrive sowie Tipps zur Fehlerbehebung, damit Ihre Meetings reibungslos ablaufen. Ideal für Windows- und Mac-Nutzer!

Behebung des Microsoft Teams-Fehlercodes 404 im Web

Behebung des Microsoft Teams-Fehlercodes 404 im Web

Sind Sie es leid, dass der Microsoft Teams-Fehlercode 404 Ihre Meetings blockiert? Folgen Sie unserer bewährten Schritt-für-Schritt-Anleitung, um den Cache zu leeren, Browserprobleme zu beheben und den Fehler „Nicht gefunden“ schnell zu lösen – für eine reibungslose Zusammenarbeit. Aktualisiert mit den neuesten Fehlerbehebungen!

Behebung des Microsoft Teams-Beitrittsproblems über den Direktlink

Behebung des Microsoft Teams-Beitrittsproblems über den Direktlink

Probleme beim Beitritt zu Microsoft Teams-Besprechungen? Hier finden Sie bewährte Lösungen über direkte Links. Schnelle Hilfe für reibungsloses Beitreten – ganz ohne technische Vorkenntnisse!

Wo Sie Ihre Microsoft Teams-ID und Ihre Kontoinformationen finden

Wo Sie Ihre Microsoft Teams-ID und Ihre Kontoinformationen finden

Sie finden Ihre Microsoft Teams-ID oder Ihre Kontodaten nicht? Diese Schritt-für-Schritt-Anleitung zeigt Ihnen genau, wo Sie Ihre Microsoft Teams-ID und Ihre Kontoinformationen auf Desktop-Computern, im Web, auf Mobilgeräten und mehr finden, um eine reibungslose Zusammenarbeit zu gewährleisten.

Fehlerbehebung bei Microsoft Teams-Proxy-Fehlereinstellungen

Fehlerbehebung bei Microsoft Teams-Proxy-Fehlereinstellungen

Haben Sie Probleme mit dem Microsoft Teams-Proxy-Fehler? Entdecken Sie bewährte Schritte zur Fehlerbehebung bei den Microsoft Teams-Proxy-Einstellungen. Leeren Sie den Cache, passen Sie die Proxy-Einstellungen an und führen Sie mit unserer Expertenanleitung innerhalb weniger Minuten wieder reibungslose Anrufe durch.

So beheben Sie den Microsoft Teams-Anmeldefehler auf Chromebooks

So beheben Sie den Microsoft Teams-Anmeldefehler auf Chromebooks

Haben Sie Probleme mit der Microsoft Teams-Anmeldung auf Chromebooks? Hier finden Sie Schritt-für-Schritt-Lösungen, um Anmeldeprobleme schnell zu beheben. Leeren Sie den Cache, aktualisieren Sie Apps und vieles mehr für reibungsloses Teamwork. Funktioniert mit dem neuesten Chrome OS!

Wo wird meine Microsoft Teams-Aufzeichnung gespeichert? Finden Sie Ihre Dateien schnell

Wo wird meine Microsoft Teams-Aufzeichnung gespeichert? Finden Sie Ihre Dateien schnell

Sie finden Ihre Microsoft Teams-Aufzeichnung nicht? Erfahren Sie, wo Teams Besprechungsdateien in OneDrive oder SharePoint speichert und wie Sie diese schnell finden und sofort darauf zugreifen können. Nie wieder verlorene Aufzeichnungen!

Fehlerbehebung bei Verzögerungen in Microsoft Teams-Videokonferenzen über WLAN

Fehlerbehebung bei Verzögerungen in Microsoft Teams-Videokonferenzen über WLAN

Haben Sie Probleme mit Verzögerungen bei Microsoft Teams-Videokonferenzen über WLAN? Dieser umfassende Leitfaden zur Fehlerbehebung bietet schnelle Lösungen, fortgeschrittene Tipps und WLAN-Optimierungen, um sofort wieder kristallklare Videoanrufe zu ermöglichen.

So beheben Sie Wiedergabefehler in Microsoft Teams im Jahr 2026

So beheben Sie Wiedergabefehler in Microsoft Teams im Jahr 2026

Sind Sie es leid, dass Wiedergabefehler in Microsoft Teams Ihre Meetings im Jahr 2026 stören? Folgen Sie unserer Expertenanleitung, um Audio-, Video- und Freigabeprobleme schnell zu beheben – ganz ohne technische Vorkenntnisse. Reibungslose Zusammenarbeit erwartet Sie!

So deaktivieren Sie Microsoft Teams beim Systemstart für eine bessere PC-Leistung

So deaktivieren Sie Microsoft Teams beim Systemstart für eine bessere PC-Leistung

Entdecken Sie einfache Schritt-für-Schritt-Anleitungen, um Microsoft Teams beim Systemstart zu deaktivieren und so die PC-Leistung zu verbessern. Schnellere Startzeiten, geringerer Ressourcenverbrauch – ideal für Windows-Nutzer, die Wert auf einen reibungslosen Betrieb legen.

So nutzen Sie Microsoft Teams für Unternehmen und Bildungseinrichtungen (Tutorial 2026)

So nutzen Sie Microsoft Teams für Unternehmen und Bildungseinrichtungen (Tutorial 2026)

Entdecken Sie das volle Potenzial von Microsoft Teams im Jahr 2026 mit diesem umfassenden Tutorial. Lernen Sie wichtige Tipps für die Zusammenarbeit in Unternehmen und im Bildungsbereich – von der Einrichtung bis hin zu erweiterten Funktionen für reibungsloses Arbeiten. Ideal für Teams und Klassenzimmer!

So beheben Sie den Fehler, dass der Wiki-Tab in Microsoft Teams nicht geladen wird

So beheben Sie den Fehler, dass der Wiki-Tab in Microsoft Teams nicht geladen wird

Haben Sie Probleme mit dem Fehler, dass der Wiki-Tab in Microsoft Teams nicht geladen wird? Entdecken Sie bewährte Schritt-für-Schritt-Lösungen, um das Problem schnell zu beheben, Ihre Wiki-Tabs wiederherzustellen und die Produktivität Ihres Teams mühelos zu steigern.