All Articles Photoshop
Erstellen Sie 3D-Umgebungen in Photoshop und After Effects
Richard Lainhart on Tue, February 7th 0 comments
Did you know you can create 3D environments in Photoshop from 2D images? OK. What about then taking those into After Effects so you can literally move through them? Richard Lainhart shows how.

David Smith MPVHub Artikel " 3D-Perspektive: Fluchtpunkt in Photoshop CS5 "ist eine gute Einführung in die Fluchtpunkt-Filter in Photoshop. Aber wussten Sie, dass in Photoshop CS3 Extended oder später können Sie Fluchtpunkt-Bilder erstellen Sie mit dem Filter in After Effects als vollwertige 3D-Szenen, die Sie dann durch fliegen kann exportieren? In diesem Feature-Tutorial zeigen wir Ihnen, wie Sie es tun. Lasst uns loslegen.


Schritt 1 - Finden Sie ein geeignetes Bild

Erstens, natürlich brauchen wir ein Bild, mit zu arbeiten. Bei der Auswahl eines Bildes, die gut funktionieren wird mit dem Fluchtpunkt-Filter, hilft es, ein bisschen wie Vanishing Point arbeitet selbst zu verstehen. Im Wesentlichen, wenn Sie sich bewerben Fluchtpunkt zu einem Bild, dann brauchen Sie, um die großen perspektivischer Ebenen im Bild zu definieren - des Fußbodens, der Wände, die Decke, und was auch immer andere große planare Objekte könnten im Bild sein. Dies bedeutet nicht, dass Sie buchstäblich auf ein Bild, das einen Boden und eine Decke und so weiter hat zu verwenden, aber es hilft, wenn Sie gut definierte perspektivischer Ebenen im Bild haben, zusammen mit einem starken Sinn für Perspektive in der Szene sich. In meinem Fall werde ich mit diesem Schuss aus meiner Frau letzten Urlaub von einer alten Gasse in Edinburgh, Schottland:

Source image


Wie Sie sehen können, haben wir eine gut definierte, ob schmal, Boden auf die Gasse mit parallelen Wänden auf beiden Seiten, und eine Rückseite "Mauer", die, wo die Stufen abfallen beginnt. Wir können nicht über Kopf zu sehen, so werden wir nicht um die "Decke" in diesem Fall zu kümmern.

Sobald wir die Perspektive Ebenen im Bild definiert und exportiert das Ganze zu After Effects wird eine Zusammensetzung, die ein 3D-Objekt, bestehend aus den Ebenen von Ihnen definierten, haben zusammen mit Image-Dateien der Bereiche, die auf diesen Ebenen abgebildet werden erstellt und eine 3D-Kamera richtig ein (mehr oder weniger) in der Szene orientiert. Dann können wir animieren die Kamera zu "wandern" die Gasse hinunter, während After Effects automatisch verzerrt das Bild mit Karten Parallaxe um die Illusion von 3D-Raum zu schaffen - alle aus einer flachen 2D-Bild.

(Wir sind nicht ins Detail gehen, aber Sie können mehr über Parallaxe in meinem MPVHub Artikel "lernen Parallax Tutorial: 2D-zu 3D mit Photoshop

Also, zur Erinnerung, eine gute Quelle für die Grafik für eine Fluchtpunkt Arbeiten zwischen Photoshop und After Effects haben einen starken Sinn für Perspektive und gut definierten Wände, Böden und Decken, oder den Gegenwert.


Schritt 2 - Tragen Sie den Fluchtpunkt-Filter

Next, nachdem Sie Ihr Bild in Photoshop (beachten Sie, dass Sie die erweiterte Version von Photoshop zu verwenden haben Vanishing Point haben) eröffnet, wenden Sie das Fluchtpunkt-Filter (Filter

Vanishing Point window


Schritt 3 - Erstellen Sie die erste Perspektive Flugzeug

Es ist wichtig, dass Ihre erste Perspektive Flugzeug genau platziert werden, weil alle anderen Flugzeuge in das Bild von dem abgeleitet werden - wenn die Winkel und Ecken der ersten Ebene aus sind, der Rest der Flugzeuge werden es auch sein, und Sie gewonnen ' t erhalten die richtige Perspektive, wenn wir unsere Kamera animieren später.

Also, stellen Sie sicher, dass das Ebene-erstellen-Werkzeug aktiv ist, was wird es standardmäßig sein (es ist der zweite von oben in der Symbolleiste).

Create Plane Tool


Klicken Sie mit ihm auf dem Bild in der hinteren Ecke der Teil des Bildes, das eines Ihrer Flugzeuge definieren wird - der Boden oder unteren Ebene des Bildes ist normalerweise ein guter Anfang, wenn es gut definiert. Nachdem Sie Ihre ersten Punkt platziert wird, bewegen Sie Ihren Cursor auf die nächste benachbarten Ecke (nicht klicken und ziehen, verschieben), und du wirst sehen eine blaue Linie folgen Sie den Cursor. Line up, dass die blaue Linie mit der Kante des Perspektive-Ebene in Ihrem Bild, und klicken Sie erneut auf den zweiten Punkt zu bringen:

Placing points


HINWEIS: Es ist OK, um Ihre zweite Punkt, über den Rand des Bildes zu platzieren, in der Tat, kann es sinnvoll sein, dies zu tun, um sicherzustellen, dass Ihr Flugzeug Linien ausrichten korrekt mit der Perspektive Ebene in Ihrem Bild.

Nach dem gleichen Verfahren, platzieren Sie den dritten Punkt bei der nächsten benachbarten Perspektive Flugzeug Ecke, und schließen Sie mit dem vierten Punkt in der letzten Kurve - im Gegensatz zu einer Auswahl, Sie brauchen nicht auf den ersten Punkt klicken Sie erneut auf, das Flugzeug zu verschließen . Wenn Sie Ihre Punkte gelegt haben richtig, sehen Sie ein blaues Raster, das Ihre erste Ebene definiert:

The third point


Wenn Sie eine rote Umrandung statt des blauen gürten sehen, bedeutet dies, dass Photoshop nicht in der Lage ist, um das Flugzeug zu Flugzeug in der Perspektive des Bildes anpassen. Meistens jedoch kann man leicht beheben, indem Sie etwas, dass auf einem der weißen Punkte in der Ecke des roten Umriss


Schritt 4 - Erstellen des zweiten Perspektive-Ebene

Als nächstes müssen wir die zweite Perspektive Ebene, die einer der Wände machen zu definieren. Also, halten Sie die Befehlstaste gedrückt, auf einem der mittleren Punkten in der Ebene klicken Sie gerade erstellt haben, und ziehen Sie nach oben entlang der Ebene der Wand - wie Sie es tun, werden Sie ein weiteres komplettes Flugzeug sehen (keine Notwendigkeit, Ecken platzieren an dieser Stelle), das folgt der Linie der Mauer, als Photoshop-Figuren aus der richtigen Perspektive Ausrichtung auf Ihre erste Gitter-Ebene zugrunde:

Getting the correct perspective alignment


Halten Sie ziehen das neue Flugzeug nach oben, bis Sie den Rand des Bildes treffen - du wirst sehen, dass die obere Ecke der Ebene so erlischt das Bild, das OK ist. Sie werden auch sehen, dass das neue Flugzeug nicht den ganzen Weg gehen, um die vor der Wand, die wir nächste beheben werde.


Schritt 5 - Stellen Sie die zweite Perspektive Flugzeug

Als Nächstes müssen, um die Vorderkante der zweiten Ebene ziehen so, dass sie mit der vorderen Kante des sichtbaren Wand. Um das zu tun, einfach an den weißen Schnittpunkt an der Vorderkante (Ihr Cursor automatisch auf die Ebene-bearbeiten-Werkzeug verändert haben) und ziehen Sie es so, dass das Flugzeug direkt an der Kante des Bildes geht:

Working with the white edit point


Wir müssen auch diese mit dem oberen Teil der zweiten Ebene zu tun, also schnappt euch einen der hinteren weißen Punkte und ziehen Sie ihn nach oben, so das Flugzeug vollständig bedeckt die Wand:

Covering the wall with the plane


Schritt 6 - Erstellen Sie die verbleibenden perspektivischer Ebenen

Im Anschluss an diese gleichen Schritte, Befehl-Bewegen auf dem ersten Gitter (auf sie zuerst klicken, um die weißen Schnittpunkte anzeigen), um die gegenüberliegende Wand Flugzeug zu schaffen, dann stellen Sie ihn so an der Wand (möglicherweise müssen, um zu verkleinern, um es zu weit ziehen Sie deckt genug, um die Mauer, die man mit Befehlstaste-Minus tun können, zu decken; Befehl-Plus zoomt wieder ein, als man erwarten würde):

Covering the opposite wall


Schließlich, am Schnittpunkt Befehl-Klicken am anderen Ende der ersten Ebene zu ziehen aus den hinteren "Wand"-Ebene. Möglicherweise müssen Sie dazu auf, seine Breite ein bisschen so ist es die Kanten der Seitenwand Flugzeuge trifft - das zu tun, nur auf einem der weißen Schnittpunkte ziehen Sie entlang der vertikalen Kante

Four planes should now cover all parts of the image


Schritt 7 - Exportieren Sie die After Effects-Dateien

Unsere letzte Schritt hier in Photoshop ist es, unseren Fluchtpunkt Image als After Effects zu exportieren. VPE (Vanishing Point Exchange)-Datei. Um das zu tun, auf die kleinen Einstellungen und Befehle-Menü in der oberen linken Ecke des Fensters klicken, und wählen Sie Exportieren für After Effects (VPE). ...:

Save as a .vpe


Sie wollen dies in einem Unterordner von seinen eigenen zu retten, wie Sie schaffen werden, eine After Effects. VPE-Datei, eine .3 ds 3D-Objekt-Datei und eine. Png-Bilddatei für jedes der Flugzeuge von Ihnen erstellte hier . Sobald Sie Ihre Unterordner angelegt und auf den Export einen passenden Namen ein, klicken Sie auf OK in dem Fluchtpunkt-Fenster und starten Sie After Effects.


Schritt 8 - Importieren Sie die VPE-Dateien.

In After Effects, wählen Sie Datei

Sobald Sie das tun, sehen Sie einen Ordner mit den. PNG-Dateien für jede Gitterebene Sie erstellen, und ein. VPE Zusammensetzung Datei. Doppelklicken Sie auf, dass sie zu öffnen und sehen, wie das alles stellte sich heraus:

PNGs for each grid created


Schritt 9 - Passen Sie die VPE Comp.

Was zum ...? Wie Sie sehen können, ist das gesamte Bild gedreht, was natürlich nicht was wir wollen. Dies ist eine der Besonderheiten des Fluchtpunkt-Filter - bekommt man oft eine Szene gedreht, wenn Sie es in After Effects importieren. Aber das ist leicht genug, um zu beheben.

Schauen Sie in Ihre Layer-Fenster, und du wirst eine übergeordnete Ebene, von denen alle. PNG-Schichten und ihre zugehörigen 3D-Objekte sind Kinder zu sehen. (Beachten Sie auch die Kamera, die beim Import automatisch erstellt wurde.) Um die Drehung Problem zu beheben, wählen Sie die übergeordnete Ebene und Typ R, um seine Solo-Rotation-Eigenschaft. Sie werden bemerken, dass die Z-Drehung auf einen ungeraden Wert gesetzt wird:

The image rotated


Man könnte meinen, du könntest einfach setzen Sie ihn auf Null zurück und alles wäre in Ordnung, aber das ist leider oft nicht der Fall. Für mich, ich musste die Z-Drehung Wert auf -17 ziehen, um es zu bekommen, um richtig aussehen - Ihre Laufleistung variieren, keinen Zweifel:

manually adjust the Z value


Schritt 10 - Animieren Sie einen Walkthrough

Jetzt, endlich, nach all dem lernen wir etwas Cooles zu tun - ein kleiner Spaziergang entlang der Gasse. Die importierten VPE comp standardmäßig auf 30 Sekunden, was Sie wollen verkürzen kann - die ich gemacht habe meine 10 Sekunden lang. Dann öffnen Sie den Transform-Eigenschaften für die Kamera in der comp, Und einen Keyframe für Position um 0:00 in Ihrer Timeline. Dann auf die 10 Sekunden zu verschieben, und ziehen Sie den Z-Position Wert für die Kamera in die positive Richtung, um die Kamera die Gasse hinunter zu bewegen.

Wie weit gehen Sie liegt an Ihnen, natürlich - Sie werden feststellen, dass irgendwann werden Sie beginnen, da einige Unschärfen und Verzerrungen der Seitenwand Bildsprache, denn es gibt immer weniger verfügbare Auflösung im Bild, je weiter in euch zu gehen, aber es ist immer noch ziemlich wundersame, wie überzeugend der Effekt sein kann. Um es zu beenden, wendet das Easy Ease Keyframe-Assistent, um Ihre Kamera Z Position Keyframes und eine Vorschau des Ergebnisses:

[Video id = "9018"]


Und das ist, wie Sie schiffbar 3D-Umgebungen erstellen von flachen Bildern mit Photoshop und After Effects. Wie immer, experimentieren und Spaß haben.


Comments (0)

You must be logged in to comment. Login Now

Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: