7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Adobe Photoshop

Wie man mit Greenscreen den Photoshop Hintergrund entfernen kann

Scroll to top

German (Deutsch) translation by Rebecca Priscilla (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Heute sehen wir uns an, wie Sie ein Photoshop Hintergrund mit Greenscreen und Chroma Key entfernen können!

Mit den integrierten Werkzeugen für die automatische Auswahl und einigen Einstellungsebenen können Sie schnell und einfach den Hintergrund eines beliebigen Fotos mit Greenscreen entfernen und austauschen. Jeder kann heutzutage mit Photoshop Bilder bearbeiten, aber wenige wissen, dass man genau so einfach auch einen Photoshop Hintergrund entfernen kann. Um einen Hintergrund in Photoshop transparent machen zu können, brauchen Sie nur ein wenig Geduld und die Informationen die wir hier auflisten werden.

Haben Sie es eilig? Tauschen Sie im Handumdrehen Hintergründe aus, automatisieren Sie Ihren Arbeitsablauf und führen Sie Chroma-Key in Photoshop durch, indem Sie eines der Tausenden von Premium-Plugins und Aktionen zum Entfernen von Greenscreen in Adobe Photoshop verwenden, die Sie auf Envato Elements finden! Mit diesen Assets, können Sie ganz schön kreativ arbeiten, indem Sie in nur wenigen Klicks den Hintergrund Bild in Photoshop ändern.

Aber was ist, wenn Sie stattdessen eher visuell lernen und lieber Video-Tutorials ansehen möchten? Kein Problem! In diesem neuen Video aus dem Envato Tuts+ YouTube-Kanal erfahren Sie, wie Sie Chroma-Key in Photoshop anwenden:

Was Sie in diesem Photoshop-Tutorial zum Thema Greenscreen lernen werden

  • Wie man Objekt mit Chroma-Key in Photoshop freistellt
  • Wie man einen grünen Hintergrund in Photoshop entfernt
  • Wie man Greenscreen in Photoshop verwendet
  • Wie man Bilder in Photoshop überblendet
  • Wie man in Photoshop einen Farbverlauf erstellt 

Arbeitsmaterialien

Für dieses Photoshop-Tutorial zum Thema Greenscreen benötigen Sie die folgenden Materialien:

1. Hintergrund mit Greenscreen und Chroma Key entfernen

Schritt 1

Wir schauen uns nun an, wie man den Hintergrund in Photoshop mit Chroma-Key entfernt.

In Photoshop gibt es mehrere Möglichkeiten, dies zu tun. Mein persönlicher Favorit ist die Schaltfläche Motiv auswählen. Ein Werkzeug, das manchmal noch besser funktioniert, ist jedoch Auswahl > Farbbereich

Schauen wir uns nun die Einstellungen an:

  • Toleranz: 40. Dies kann sich von Bild zu Bild ändern, ist aber ein guter Ausgangspunkt.
  • Auswahlvorschau: Schwarzer Hintergrund. Dies ist nur meine persönliche Präferenz.
  • Umkehren: Aktiviert
how to do chroma key in photoshophow to do chroma key in photoshophow to do chroma key in photoshop

Schritt 2

Von hier aus wählen wir einen Teil des Greenscreens mit dem Pipette-Werkzeug aus. 

Halten Sie dann die Umschalttaste gedrückt und wählen Sie weiterhin den gesamten grünen Hintergrund aus.

Wenn Sie zu viel ausgewählt haben, können Sie die Auswahl mit Strg-Z rückgängig machen. Wenn Sie zufrieden sind, klicken Sie auf OK

remove green screen remove green screen remove green screen

Schritt 3

Als Nächstes fügen Sie eine Ebenenmaske für Ihr Motiv hinzu. Die Maske füllt sich automatisch mit der Form der Auswahl. 

add layer mask add layer mask add layer mask

Schritt 4

Jetzt, wo wir den grünen Hintergrund in Photoshop entfernt haben, werden den neuen Hintergrund per Drag & Drop ersetzen. 

add new background add new background add new background

Schritt 5

Die Maske sieht schon ziemlich gut aus, aber sie ist noch nicht ganz perfekt. Doppelklicken Sie auf die Ebenenmaske und gehen Sie zu Auswählen und maskieren

In Auswählen und maskieren verwende ich am liebsten eine Kombination aus den Eigenschaften Weiche Kante, Kontrast und Kante verschieben, um die Verzerrungen einer Maske zu glätten. 

Jedes Bild ist ein wenig anders, aber Sie können immer wieder die Ansicht vergrößern und mit den Schiebereglern herumspielen, bis Ihre Kante viel glatter aussieht. 

Meine Einstellungen für dieses Bild sind: 

  • Weiche Kante: 8.2
  • Kontrast: 55%
  • Kante verschieben: -16% 

Denken Sie daran, dass wir im Moment nur den Körper betrachten, nicht die Haare. 

refine edge refine edge refine edge

Schritt 6

Nach dem Auswählen und maskieren bleiben möglicherweise einige Artefakte im Randbereich übrig.

Diese können wir zunächst entfernen, indem wir die Strg-Taste gedrückt halten und die Ebenenmaske auswählen. Dadurch wird eine Auswahl um das Motiv herum erstellt.

Als Nächstes wählen wir Auswahl > Auswahl verändern > Verkleinern und Verkleinern um 2. Wenn Ihnen 2 zu stark erscheint, können Sie auch 1 testen. 

Und dann gehen wir zu Auswahl > Auswahl umkehren, um die Auswahl zu invertieren. 

Jetzt können wir einen weichen, runden, schwarzen Pinsel nehmen und alle Bereiche maskieren, in denen noch Ränder des Greenscreens zu sehen sind. Sie können auch ohne die Auswahl von Hand maskieren—die Auswahl dient als Sicherheitsnetz. 

mask fringe edge mask fringe edge mask fringe edge

Schritt 7

Zum Schluss gehen wir zurück zu Auswählen und maskieren, wählen das Kante-verbessern-Pinselwerkzeug und klicken auf die Schaltfläche Haare verfeinern in der oberen Optionsleiste

Wenn Kante verbessern zu viele Haare entfernt, können Sie die Alt-Taste gedrückt halten und die Haare erneut mit dem Kante verbessern-Pinselwerkzeug auswählen. 

Sie können auch Bereiche hinzufügen, die von Haare verfeinern übersehen wurden. Auf diese Weise entfernen Sie in Photoshop die bleibende Grünstreifen, aber der Grünstich bleibt bestehen. 

refine hair refine hair refine hair

2. So entfernen Sie die Grüntönen in Photoshop

Schritt 1

Nachdem wir die Maske erstellt haben, können wir uns daran machen, den Grünstich zu entfernen, der durch den Greenscreen entstanden ist. 

Erstellen Sie zunächst eine Schnittmaske für Farbton/Sättigung und fügen Sie sie in das Motiv ein. 

Schritt 2

Als Nächstes wählen Sie aus dem Dropdown-Menü Master entweder Grün oder in einigen Fällen Gelb. Das liegt daran, dass der Grünstich eines Greenscreens mehr ins Gelbe tendieren kann, insbesondere bei Hauttönen.

Dies ist sogar noch wahrscheinlicher, wenn der grüne Bildschirm eher lindgrün als ein blaustichiges Grün ist. Probieren Sie beides aus und sehen Sie, was für Ihr Bild am besten funktioniert. Bei diesem Bild hat sich Gelb als die beste Lösung herausgestellt. 

Sie können testen, was besser funktioniert, indem Sie den Farbton auf 100 einstellen und sehen, welche Teile des Bildes davon betroffen sind. 

Verwenden Sie den unteren Schieberegler Farbe, um den Farbauswahlbereich weiter anzupassen. 

use hue saturation to fine greens use hue saturation to fine greens use hue saturation to fine greens

Schritt 3

Sobald wir wissen, dass die Grüntöne erfasst werden, können wir die übrigen Schieberegler anpassen. 

Die Einstellungen variieren von Bild zu Bild, aber als Faustregel gilt, dass ich die Sättigung verringern, die Helligkeit erhöhen und den Farbton an den Hautton anpassen möchte. 

Meine genauen Einstellungen waren: 

  • Farbton: -60
  • Sättigung:-48
  • Helligkeit: +40
remove green cast remove green cast remove green cast

Schritt 4

Sie können die Bearbeitung der Einstellungsebene abschließen, indem Sie alle Bereiche ausblenden, die Sie sich nicht wünschen. 

In diesem Fall wurde das Hemd des Models in ein gedämpftes Orange gefärbt, aber ich möchte das leuchtende Gelb behalten, also habe ich es ausgeblendet.

mask out unwanted adjustment  mask out unwanted adjustment  mask out unwanted adjustment

3. Das Objekt mit dem Hintergrund in Photoshop einblenden 

Schritt 1 

Diese nächsten Schritte sind absolut optional, aber wenn man sich ansieht, wie man Greenscreen-Hintergründe in Photoshop entfernt, ist es eine gute Idee, sich die neue Umgebung vor Augen zu halten.

Da wir das Motiv in einer viel helleren Umgebung platziert haben, können wir einige schnelle Ebeneneinstellungen vornehmen, um es mit dem neuen Hintergrund zu verbinden. 

Beginnen Sie mit Bild > Korrekturen > Helligkeit/Kontrast mit den Einstellungen Helligkeit: 11 und Kontrast: -18. 

Schritt 2

Fügen Sie dann einen Ebenenstil Schein nach innen hinzu, die Füllmethode auf Negativ multiplizieren und eine sehr weiche hellblaue Farbe #95c9f9 eingestellt ist. Hier sind meine genauen Einstellungen: 

add inner glow add inner glow add inner glow

4. Hintergrundbeleuchtung bei den Haaren in Photoshop hinzufügen

Schritt 1

Ein weiterer Trick für wirklich helle Umgebung ist das Hinzufügen von Hintergrundbeleuchtung bei den Haaren. Beginnen Sie damit, das Motiv zu duplizieren und das Duplikat unter das Original zu legen.

Schritt 2

Färben Sie die Haare weiß mit Bild > Korrekturen > Farbton/Sättigung und einer Helligkeit von 100. 

create white hair create white hair create white hair

Schritt 3

Vergrößern Sie das Haar und spiegeln Sie es horizontal, so dass das überschüssige Weiß ausgeblendet wird und die Haare wirken wie von der Sonne beleuchtet. 

mask out extra white mask out extra white mask out extra white

5. Wie man eine Farbkorrektur in Photoshop erstellt

Schritt 1

Zu guter Letzt kann das Hinzufügen eines Color Lookups Einstellungsebenen zu Ihrem Bild dazu beitragen, die Farbtöne auszugleichen und dem Bild ein einheitlicheres Aussehen zu verleihen. 

Ich habe einen superschnellen und lebendigen Farbverlauf mit nur zwei Einstellungsebenen in Color Grade erstellt. Die erste ist:

  • 3DLUT-Datei: 3Strip
  • Deckkraft: 40%

Schritt 2

Und eine zweite Einstellungsebene Color Lookup:

  • 3DLUT-Datei: Fall Colors
  • Deckkraft: 20%
vibrant color grade vibrant color grade vibrant color grade

Und schon sind wir fertig!

So funktioniert die Verwendung von Greenscreen in Photoshop — auch als Chroma-Key bekannt. Die letzten Schritte sind nicht mal nötig! So schnell kann es gehen, ein Bild aus einem Greenscreen freizustellen. Der Farbbereich erledigt die meiste Arbeit für Sie, und den Rest erledigt die Funktion Kante verfeinern für Sie. Ob Sie Beleuchtungseffekte aus Ebenenstilen oder sogar Ebenenmodi hinzufügen möchten, bleibt ganz Ihnen überlassen! 

how to do chroma key in photoshophow to do chroma key in photoshophow to do chroma key in photoshop

Haben Sie es eilig? 

Wenn Sie sich fragen, wie Sie Chroma-Key in Photoshop noch schneller und ohne Qualitätsverlust durchführen können, versuchen Sie es mit einem dieser schnellen Maskierungs- und anderen hilfreichen Add-Ons, Plug-ins und Aktionen!

Subtract Background Adaptive Action (ATN)

Subtract Background Adaptive ActionSubtract Background Adaptive ActionSubtract Background Adaptive Action

Dieses Adobe Photoshop-Werkzeug um Greenscreen zu entfernen funktioniert auch bei anderen Farben. Es ist ideal für Objekte, die sich auf flachen, einfachen Hintergründen befinden, und es behält alle Schlagschatten des Objekts für ein superleichtes Compositing. 

Easy Cut: Layer Splitting Kit (ZXP)

Easy Cut - Layer Splitting KitEasy Cut - Layer Splitting KitEasy Cut - Layer Splitting Kit

Wenn Sie schnelle und saubere Schnitte machen wollen, sollten Sie das Easy Cut Photoshop Plugin ausprobieren. Erstellen Sie in Sekundenschnelle horizontale und vertikale Hilfslinien und Auswahlen.  

Sky Replacer Photoshop Actions (ATN)

Sky Replacer Photoshop ActionsSky Replacer Photoshop ActionsSky Replacer Photoshop Actions

Sie haben ein Greenscreen-Bild und möchten schnell einen Himmel hinzufügen? Fügen Sie einen strahlend blauen Himmel mit der perfekten Menge an klaren weißen Wolken zu jeder Skyline hinzu und fügen Sie dann Ihr neu extrahiertes Greenscreen-Bild ein. 

Image Extend: Clipping & Expansion Kit (ZXP)

Image Extend - Clipping & Expansion KitImage Extend - Clipping & Expansion KitImage Extend - Clipping & Expansion Kit

Dieses Photoshop-Add-on schafft schnell zusätzlichen Platz auf Ihrer Leinwand, indem es die Ränder erweitert. Perfekt für den Fall, dass Sie mehr Arbeitsfläche benötigen, aber Ihr Bild nicht vergrößern müssen! 

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.