X Course Advisor FREE Course Advisor
(Close)
Watch Tutorials
macProVideo.com
Close

Kostenlose Premium-Zugang

Rufen Sie unsere gesamte Bibliothek von Premium-Hub Artikel, Projekt-Dateien und die ersten 10% des jeweiligen Tutorial-Video aus dem Online-Tutorial-Bibliothek .

Erstellen Sie jetzt Ihren kostenlosen Zugang!

Erstellen Sie 3D-Umgebungen in Photoshop und After Effects
Übersetzt von Google Translate

Check out our Photoshop: Drawing Objects In Photoshop CS4 course!

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.


Check out our Photoshop: Drawing Objects In Photoshop CS4 course!

Richard Lainhart

Richard Lainhart | Articles by this author

Richard Lainhart is an award-winning composer, filmmaker, and author. His compositions have been performed in the US, Europe Asia, and Australia, and recordings of his music have appeared on the Periodic Music, Vacant Lot, XI Records, Airglow Music, Tobira Records, Infrequency, VICMOD, and ExOvo labels. His animations and short films have been shown in festivals in the US, Europe, and Asia, and online at ResFest, The New Venue, The Bitscreen, and Streaming Cinema 2.0. He has authored over a dozen technical manuals for music and video hardware and software, served as Contributing Editor for Interactivity and 3D Design Magazines, and contributed to books on digital media production published by IDG, Peachpit Press, McGraw Hill, and Miller Freeman Books. Previously an Adobe Certified Expert in After Effects and Premiere, a demo artist for Adobe Systems, and co-founder of the official New York City After Effects User Group, he was, from 2000-2009, Technical Director for Total Training Productions, an innovative digital media training company based in New York and California.

Comments

You must be logged in to post a comment.
Create an Account  Login Now

What is macProVideo.com?

macProVideo.com is an online education community featuring Tutorial-Videos & Training for popular Audio & Video Applications including Adobe CS, Logic Studio, Final Cut Studio, and more.
© 2018 macProVideo.com
a division of NonLinear Educating Inc.
Link