Wie man Fotos in Photoshop animiert! 2.5D Parallax Effect

Lernen Sie diese fantastische Technik, um Fotos in Photoshop einfach zu animieren!

In diesem Tutorial werden wir die 3D- und Animationsfunktionen von Photoshop behandeln, um einen 2,5-D-Parallaxeneffekt zu erzeugen, mit dem Ihre Fotos zum Leben erweckt werden!

Das erstaunliche Foto in diesem Tutorial ist von Marc Rafanell Lopez. Sie können das gleiche Foto herunterladen, indem Sie hier klicken, aber Sie können auch jedes Foto verwenden, um zu folgen!

Sind Sie bereit zu beginnen?

Verwenden Sie Motiv auswählen, um die Auswahl zu erstellen

Um ein Foto in Photoshop zu animieren, trennen Sie das Bild zunächst in zwei Ebenen: den Vordergrund (besteht aus den beiden männlichen Jumpern) und ihren Hintergrund.

Gehen Sie dazu zu Select > Subject und erlauben Sie Photoshop, Adobe Sensei, eine innovative künstliche Intelligenz (KI), zu verwenden, um die Motive im Bild zu erkennen und eine Auswahl um sie herum zu erstellen.

Wenn Sie mit einer älteren Version von Photoshop arbeiten, können Sie weiterhin das Schnellauswahl-Werkzeug verwenden, um eine Auswahl um das Motiv zu erstellen.

Verfeinern Sie die Auswahl mit dem Schnellmaskenmodus

Sobald Sie eine gute Auswahl getroffen haben, drücken Sie die Q-Taste auf Ihrer Tastatur, um in den Schnellmaskenmodus zu gelangen. In diesem Modus werden Teile Ihres Bildes, die sich außerhalb der aktuellen Auswahl befinden, rot überlagert.

Mit dem Pinselwerkzeug können Sie mit Weiß (#ffffff) malen, um zur Auswahl hinzuzufügen, und mit Schwarz (#000000) malen, um von der Auswahl zu subtrahieren.

PROFI-TIPP: Drücken Sie die X-Taste auf Ihrer Tastatur, um die Vorder- und Hintergrundfarbe zu tauschen!

Für diesen Teil ist es in Ordnung, eine lose Auswahl zu erstellen. Da wir zerstörungsfrei arbeiten, können Sie jederzeit später darauf zurückkommen und es weiter verfeinern.

Wenn Sie mit der Auswahl fertig sind, drücken Sie die Q-Taste auf Ihrer Tastatur, um den Schnellmaskenmodus zu verlassen und Ihre neue Auswahl anzuzeigen.

Duplizieren Sie als Nächstes die aktuelle Ebene, indem Sie die Ebene anklicken und auf das Symbol Neue Ebene unten rechts im Ebenenbedienfeld ziehen.

Klicken Sie auf das Ebenenmaskensymbol, um der duplizierten Ebene eine Ebenenmaske hinzuzufügen.

Gehen Sie dann zu Select > Modify > Expand , um die Auswahl zu vergrößern.

Setzen Sie im Auswahlfenster Erweitern den Wert Erweitern nach auf 4 Pixel.

Drücken Sie dann OK.

Wenn Sie hineinzoomen, sehen Sie, wie die Kanten der Auswahl jetzt 4 Pixel weiter von der vorherigen Einstellung entfernt sind.

Wenn noch Bereiche vorhanden sind, die Teil des Vordergrunds sind, aber nicht ausgewählt sind, verwenden Sie das Lasso-Werkzeug und klicken und ziehen Sie bei gedrückter Umschalttaste um den Bereich, um ihn Ihrer Auswahl hinzuzufügen.

Duplizieren Sie den Hintergrund, indem Sie ihn auf das neue Ebenensymbol klicken und ziehen.

Verwenden Sie Content-Aware Fill, um eine saubere Hintergrundplatte zu erstellen

Gehen Sie auf der duplizierten Kopie zu Bearbeiten > Content-Aware Fill. Die Content-Aware-Technologie füllt dann die Pixel, in denen sich die Motive befanden.

Das grüne Overlay zeigt den Bereich, aus dem die Content-Aware-Technologie Pixel abtastet, und für diesen Teil leistet sie hervorragende Arbeit. Obwohl es nicht perfekt ist, ist es vollständig einstellbar.

Drücken Sie Strg D (Windows) oder Befehl D (macOS), um die Auswahl aufzuheben, während ich mich auf den nächsten Teil konzentriere, in dem ich Ihnen zeigen werde, wie Sie die Inkonsistenzen in den Hintergrundpixeln beheben können.

Wenn die generierten Pixel auf der neuen Ebene ausgewählt sind, halten Sie die Umschalttaste gedrückt, während Sie auch die untere Ebene auswählen.

Drücken Sie dann Strg E (Windows) oder Befehlstaste E (macOS), um beide ausgewählten Ebenen zu einer einzigen Ebene zusammenzuführen.

Verwenden Sie das Klonstempelwerkzeug, um den Hintergrund zu verfeinern

Zoomen Sie in einen Teil des Bildes, der verfeinert werden muss. Mit dem Klonstempel-Werkzeug kann ich ausgewählte Pixel kopieren und in ein anderes einfügen. Halten Sie dazu die Alt-Taste (Windows) oder die Wahltaste (macOS) auf Ihrer Tastatur gedrückt, um die Samplequelle zu ermitteln..

Sobald dies eingestellt ist, werden Sie sehen, wie Sie mit den Pixeln aus der Sample-Quelle malen.

Nehmen Sie sich Zeit, um diesen Bereich zu verfeinern, und Sie können Ihre Sample-Quelle jederzeit zurücksetzen, indem Sie Alt (Windows) oder Option (macOS) drücken.

Verwenden Sie dann das rechteckige Auswahlrechteck, um die gestapelten Holzplatten auszuwählen, und drücken Sie Strg J (Windows) oder Befehl J (macOS).

Drücken Sie Strg T (Fenster) oder Befehlstaste T (macOS), um die kopierte Auswahl zu transformieren und zur Seite zu verschieben.

Klicken Sie mit der rechten Maustaste und wählen Sie Horizontal spiegeln.

Klicken Sie dann erneut mit der rechten Maustaste, um Verzerren auszuwählen, und passen Sie die Auswahl entsprechend dem Hintergrund an.

Drücken Sie die Eingabetaste (Windows) oder die Eingabetaste (macOS), um den Transformationsmodus zu verlassen.

Da der Mann Teil der Auswahl ist, verwenden Sie das Klonstempelwerkzeug erneut, um Pixel aus einer Beispielquelle zu malen und den Bereich zu bereinigen.

Sie können sich diese Zeit auch nehmen, um den Bereich zwischen den gestapelten Holzpaneelen auszufüllen, um ihn konsistent zu machen.

Sie können einen weiteren signifikanten Bereich mit einem inkonsistenten Muster auf der rechten Seite der gestapelten Holzplatten sehen, und Sie können dies auch mit dem Klonstempelwerkzeug beheben.

Sobald Sie diese entscheidenden Schritte abgeschlossen haben, können Sie sie zu einer einzigen Ebene kombinieren.

Halten Sie dazu die Umschalttaste gedrückt, während Sie die aktuelle Ebene und die Hintergrundkopie auswählen, und drücken Sie dann Strg E (Windows) oder Befehlstaste E (macOS), um sie zusammenzuführen.

Umbenennen dieser Ebene in „Hintergrund reinigen.“

Wenden Sie eine Unschärfe auf den Hintergrund an

Gehe zu Filter > Unschärfegalerie > Tilt-Shift.

Klicken und ziehen Sie dann den Referenzpunkt nach unten.

Klicken und ziehen Sie auch den unteren Griff, um den Bereich zu erweitern und die Unschärfe von der Mitte zum oberen Bereich des Bildes zu starten.

Stellen Sie in den Weichzeichnungswerkzeugen den Weichzeichnungswert auf 6 Pixel ein. Sofort werden Sie feststellen, dass alle Unvollkommenheiten im Hintergrund mit der zusätzlichen Unschärfe leicht verdeckt werden können.

Drücken Sie OK, um die Änderungen hinzuzufügen.

Konvertieren Sie den Hintergrund und den Vordergrund in 3D-Ebenen

Aktivieren Sie die Vordergrundebene erneut, und Sie sollten sehen, dass das Bild trotz der vorgenommenen Änderungen immer noch realistisch aussieht.

Um weitere Verwirrung zu vermeiden, habe ich die Vordergrundebene in „Springen“ umbenannt.“

Um ein Foto in Photoshop zu animieren, erstellen Sie 3D-Ebenen aus den beiden Ebenen. Für dieses Tutorial ist es das Springen und die sauberen Hintergrundebenen.

Wählen Sie zunächst den sauberen Hintergrund aus und deaktivieren Sie die Sprungebene.

Gehen Sie dann zu 3D > Neues Netz aus Ebene > Postkarte, und dies konvertiert Ihre aktuelle Ebene in eine 3D-Postkarte. Eine Postkarte bedeutet eine Ebene, die Sie im 3D-Raum drehen können.

Wenn Sie das Verschieben-Werkzeug ausgewählt haben, sehen Sie unten links im Dokumentfenster 3D-Werkzeuge, mit denen Sie die 3D-Kamera in Photoshop drehen können.

Deaktivieren Sie die ursprüngliche Hintergrundebene und verwenden Sie die Tools, um sich mit deren Funktionen und Merkmalen vertraut zu machen. Wenn Sie zur Standardansicht zurückkehren möchten, doppelklicken Sie auf die Miniaturansicht für sauberen Hintergrund, um zum 3D-Bedienfeld zu gelangen, und wählen Sie Standardkamera.

Gehen Sie zurück zum Ebenenbedienfeld und aktivieren Sie die Sprungebene, um sie ebenfalls in eine 3D-Postkarte zu konvertieren. Gehen Sie erneut zu 3D > Neues Netz von Ebenen > Postkarte.

Im Moment funktionieren beide 3D-Kameras nicht gleichzeitig, da sich beide in zwei verschiedenen 3D-Ebenen befinden. Für den maximalen Funktionsumfang müssen Sie sie zu einer einzigen Ebene kombinieren.

Gehen Sie zum Ebenenbedienfeld und wählen Sie die Sprungebene aus.

Wählen Sie bei gedrückter Umschalttaste auch den sauberen Hintergrund aus und drücken Sie Strg E (Windows) oder Befehl E (macOS), um sie zusammenzuführen.

HINWEIS: Das kleine Würfelsymbol in der Ecke Ihrer Ebene bedeutet, dass sich die Ebene in 3D befindet. Wenn Sie darauf doppelklicken, gelangen Sie zum 3D-Bedienfeld.

Verwenden Sie bei ausgewähltem Verschieben-Werkzeug die 3D-Werkzeuge unten, um die Kamera zu steuern. Möglicherweise möchten Sie versuchen, auf eine beliebige 3D-Ebene zu klicken, und ein Würfel mit Pfeilen wird davor angezeigt. Klicken und ziehen Sie dann auf den weißen Würfel, um die 3D-Ebene zu vergrößern.

So animieren Sie den Vordergrund und den Hintergrund mit dem Timeline-Bedienfeld

Endlich der wahre Trick zum Animieren eines Fotos in Photoshop!

Gehen Sie zu Windows > Timeline. Mit dieser Funktion können wir eine Zeitleiste mit Bildern und 3D-Objekten in Photoshop erstellen.

Klicken Sie in der Mitte des Timeline-Fensters auf die Schaltfläche Video-Timeline erstellen. Wenn Sie es nicht sehen können, klicken Sie auf den nach unten zeigenden Pfeil und wählen Sie im Dropdown-Menü Video-Timeline erstellen.

Klicken Sie auf die nach unten zeigenden Pfeile auf jeder der beiden Ebenen, um die Elemente und Keyframes freizugeben, die in den folgenden Schritten erforderlich sind.

Wenn Sie die Orbit 3D-Kamera verwenden, um Ihre 3D-Ebenen in einer anderen Perspektive zu sehen, sehen Sie den Abstand zwischen Ihrer Sprungebene und dem sauberen Hintergrund. Durch Hinzufügen des 3D-Kamerapositions-Keyframes,

Platzieren Sie dann den Abspielkopf an einer beliebigen Position in der Zeitleiste,

Und drehen Sie die Kamera.

Wenn Sie die Timeline nach oben scrollen und die Wiedergabetaste drücken, füllt Photoshop die Timeline mit einem Wechsel der 3D—Kameraposition vom ursprünglichen Keyframe zum 2. Keyframe – und so animieren Sie Ihre 3D-Bilder.

Um einen Keyframe zu löschen, klicken Sie einfach mit der rechten Maustaste auf einen Keyframe und wählen Sie Löschen. Ich werde sowohl den ursprünglichen Keyframe als auch den 2. Keyframe löschen, um meine Timeline zu löschen.

Um eine 2-Sekunden-Animation zu erstellen, ziehen Sie den Abspielkopf an den Anfang der Timeline. Klicken und ziehen Sie dann das Ende des Timeline-Schiebereglers auf die 2-Sekunden-Marke, um es als Länge der Animation festzulegen.

Klicken Sie im 3D-Bedienfeld auf die Standardkamera und dann auf Hintergrundnetz bereinigen.

Gehen Sie zu Ihrem Dokumentfenster und klicken und ziehen Sie dann auf den weißen Würfel, um ihn gleichmäßig zu skalieren und die Ansicht des Hintergrunds zu erweitern.

Klicken und ziehen Sie anschließend auf den blauen Punkt, um den Hintergrund zu verkleinern, bis er die Leinwand ausfüllt. Wenn Sie Schwierigkeiten haben, den Unterschied zu erkennen, doppelklicken Sie auf das Handwerkzeug, um das Bild an den Bildschirm anzupassen.

Mit der Orbit 3D-Kamera können Sie den größeren Abstand zwischen dem springenden Netz und dem sauberen Hintergrundnetz sehen.

Machen Sie die letzten Änderungen rückgängig, indem Sie Strg Z (Windows) oder Befehl Z (macOS) drücken, und erweitern Sie den Maßstab des Hintergrundgitters weiter.

Klicken Sie unter den Eigenschaften des sauberen Hintergrundnetzes auf die Position der 3D-Kamera.

Scrollen Sie entlang der Elemente nach unten. Aktivieren Sie unter 3D-Netze die Stoppuhr für den sauberen Hintergrund und das Springen. Dadurch werden Keyframes für die Position dieser Netze erstellt.

Klicken und ziehen Sie nun den Abspielkopf in die 2-Sekunden-Marke und positionieren Sie ihn mit der 3D-Orbit-Kamera neu.

Sie können auch das Sprungnetz auswählen, es nach vorne ziehen, um es größer zu machen, und es nach unten bringen.

Sobald Sie die Wiedergabetaste drücken, bewegt sich das springende Motiv durch den 3D-Raum!

Für eine dramatischere Aufnahme positionieren Sie die Perspektive mit der 3D-Orbit-Kamera neu oder skalieren Sie das saubere Hintergrundnetz auf eine kleinere Perspektive.

Wenn Sie das Video speichern möchten, klicken Sie einfach auf das Flyout-Menü und wählen Sie Video rendern. Teilen Sie danach Ihre Arbeit in Ihren sozialen Medien und markieren Sie mich unter #PhotoshopTrainingChannel!

Und so animieren Sie jedes Foto in Photoshop! Ich hoffe, dieses Tutorial war hilfreich für Sie und Ihre zukünftigen Projekte.