All Articles Photoshop
Créer des milieux 3D dans Photoshop et 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.

L'article de David Smith MPVHub " Perspective 3D: Vanishing Point dans Photoshop CS5 "est une bonne introduction au filtre Point de fuite dans Photoshop. Mais saviez-vous que dans Photoshop CS3 Extended ou tard, vous pouvez exporter des images Point de fuite que vous créez avec le filtre dans After Effects comme des scènes 3D complètes que vous pouvez ensuite voler à travers? Dans ce didacticiel-métrage, nous allons vous montrer comment faire. Nous allons commencer.


Etape 1 - Trouver une image appropriée

Tout d'abord, bien sûr, nous avons besoin d'une image à travailler avec. En choisissant une image qui va bien travailler avec le filtre Point de fuite, elle aide à comprendre un peu comment Vanishing Point lui-même fonctionne. Essentiellement, lorsque vous appliquez Vanishing Point à une image, vous devez alors définir les plans de perspective majeurs dans l'image - le sol, les murs, le plafond, et quelle que soit d'autres grandes objets planaires pourrait être à l'image. Cela ne signifie pas que vous avez littéralement à utiliser une image qui a un plancher et un plafond et ainsi de suite, mais cela aide si vous avez bien définies plans de perspective dans votre image, avec un fort sentiment de la perspective de la scène elle-même. Dans mon cas, je vais utiliser cette photo de vacances récente de ma femme d'une ruelle ancienne à Edimbourg, en Ecosse:

Source image


Comme vous pouvez le voir, nous avons une bien défini, si étroite, au sol de la ruelle avec des murs parallèles de chaque côté, et un retour «mur» qui commence là où les étapes tomber. Nous ne pouvons pas voir les frais généraux, de sorte que nous n'aurons pas à vous soucier de le "plafond" dans ce cas.

Une fois que nous avons défini les plans de perspective dans l'image, l'exportation du tout à After Effects va créer une composition contenant un objet 3D comprenant les plans que vous avez définis, ainsi que les fichiers d'image des zones qui seront mis en correspondance avec les plans et une caméra 3D correctement (plus ou moins) orienté dans la scène. Ensuite, nous pouvons animer la caméra de «marcher» dans l'allée, tandis que After Effects déforme automatiquement les cartes d'image avec la parallaxe pour créer l'illusion de l'espace 3D le tout à partir d'une image en 2D.

(Nous ne rentrerons pas ici dans les détails, mais vous pouvez en apprendre davantage sur la parallaxe dans mon article MPVHub " Parallax Tutoriel: 2D à la 3D avec Photoshop

Donc, pour récapituler, une image bonne source pour Vanishing Point de travail entre Photoshop et After Effects ont un fort sentiment de la perspective et bien définis murs, les planchers et les plafonds, ou l'équivalent.


Étape 2 - Appliquer le filtre Point de fuite

Ensuite, après que vous avez ouvert votre image dans Photoshop (à noter que vous devez avoir la version étendue de Photoshop d'utiliser Vanishing Point), appliquer le filtre Point de fuite (filtre

Vanishing Point window


Étape 3 - Créer le plan de perspective d'abord

Il est important que votre plan de perspective d'abord être correctement placé, parce que tous les autres avions dans l'image sera dérivée de celle - si les angles ou les coins du premier plan sont éteints, le reste des avions sera trop, et vous avez gagné ' t obtenir le point de vue correct quand nous animons notre caméra plus tard.

Donc, assurez-vous que l'outil Création de plan est actif, dont il sera par défaut (c'est le second à partir du haut dans la barre d'outils).

Create Plane Tool


Cliquez avec elle dans l'image dans le coin le plus éloigné de la partie de l'image qui va définir l'un de vos avions - le plan du sol ou en bas de l'image est généralement un bon endroit pour commencer, si elle est bien définie. Une fois votre premier point est placé, déplacez votre curseur sur le coin adjacent suivant (ne pas cliquer et faire glisser, il suffit de déplacer), et vous verrez une ligne bleue de suivre le curseur. Line up que la ligne bleue avec le bord de l'avion en perspective dans l'image, et cliquez à nouveau pour placer le second point:

Placing points


NOTE: C'est OK pour placer votre deuxième point au-delà du bord de l'image, en fait, il peut être utile de le faire pour s'assurer que vos lignes de plan de s'aligner correctement avec le plan de perspective à votre image.

Selon la même procédure, placez le troisième point à l'angle prochaines perspectives adjacente avion, et en finir avec le quatrième point dans le dernier virage - contrairement à une sélection, vous n'avez pas besoin de cliquer sur le premier point pour fermer le plan de . Si vous avez placé vos points correctement, vous verrez une grille bleue qui définit votre premier plan:

The third point


Si vous voyez un contour rouge au lieu du bleu ceindra, cela signifie que Photoshop n'est pas en mesure de faire correspondre l'avion pour le plan de perspective dans l'image. Habituellement, cependant, vous pouvez facilement corriger cela en faisant glisser légèrement sur l'un des points blancs dans le coin du contour rouge


Étape 4 - Créer le plan de perspective deuxième

Ensuite, nous devons définir le plan de seconde perspective, qui fera l'un des murs. Donc, maintenez la touche Commande enfoncée, cliquez sur l'un des points mi-parcours de l'avion que vous venez de créer, et faites glisser vers le haut le long du plan du mur - comme vous le faites, vous verrez un autre plan complet (pas besoin de placer les coins à ce point) qui suit la ligne du mur, comme des figures Photoshop sur l'alignement perspective correcte en fonction de votre plan de la grille d'abord:

Getting the correct perspective alignment


Gardez en faisant glisser le nouvel avion vers le haut jusqu'à ce que vous a frappé le bord de l'image - vous verrez que le coin supérieur de l'avion va bien au-dehors de l'image, qui est OK. Vous verrez également que le nouveau plan ne va pas tout le chemin à l'avant de la paroi, que nous allons corriger prochaine.


Étape 5 - Ajuster le plan de perspective deuxième

Ensuite, nous avons besoin de faire glisser le bord avant du second plan afin qu'il s'aligne avec le bord avant de la paroi visible. Pour ce faire, il suffit de prendre le point blanc d'édition sur le bord avant (votre curseur aura automatiquement remplacé par l'outil Modification du plan) et faites-le glisser de sorte que l'avion va juste à côté de l'arête de l'image:

Working with the white edit point


Nous avons également besoin de faire cela avec la partie supérieure du second plan, alors prenez l'un des points blancs vers l'arrière et faites-la glisser vers le haut de sorte que le plan couvre complètement la paroi:

Covering the wall with the plane


Étape 6 - Créer des plans de perspective restants

Après ces mêmes étapes, Commande + faire glisser sur la première grille (cliquez sur le premier pour afficher les points blancs édition) pour créer le plan de la paroi opposée, puis le régler de sorte qu'il couvre le mur (vous devrez peut-être effectuer un zoom arrière pour le faire glisser jusqu'à suffisant pour couvrir le mur, que vous pouvez faire avec Command-moins, le commandement des zooms plus revenir, comme vous le souhaitiez):

Covering the opposite wall


Enfin, Commande-cliquez sur le point de montage à l'extrémité du premier plan pour faire glisser par l'arrière "mur" avion. Vous pouvez avoir besoin d'ajuster sa largeur un peu de sorte qu'il réponde aux bords des plans de parois latérales - pour ce faire, il suffit de glisser sur l'un des points de montage blanches le long du bord vertical

Four planes should now cover all parts of the image


Étape 7 - Exporter les fichiers After Effects

Notre dernière étape ici dans Photoshop est d'exporter notre image Point de fuite comme un After Effects. Vpe (Vanishing Point d'Echange) fichier. Pour ce faire, cliquez sur les paramètres de petites et commandes de menu dans le coin supérieur gauche de la fenêtre, puis choisissez Exporter pour After Effects (VPE.) ...:

Save as a .vpe


Vous aurez envie de sauvegarder dans un sous-dossier de son propre, que vous allez créer un After Effects. Vpe, un fichier .3 ds objet 3D, et un fichier image. Png pour chacun des plans que vous avez créés ici . Une fois que vous avez créé votre sous-dossier et compte tenu de l'exportation un nom approprié, cliquez sur OK dans la fenêtre Point de fuite et de lancer After Effects.


Étape 8 - Importation des fichiers VPE.

Dans After Effects, choisissez Fichier

Une fois que vous le faites, vous verrez un dossier contenant les fichiers PNG. Pour chaque plan de la grille que vous créez, et un fichier Composition. Vpe. Double-cliquez sur que pour l'ouvrir et voir comment tout cela s'est avéré:

PNGs for each grid created


Étape 9 - Réglez le VPE Comp.

Qu'est ce que ...? Comme vous pouvez le voir, l'image entière est tournée, ce qui n'est évidemment pas ce que nous voulons. C'est une des particularités du filtre Point de fuite - vous obtenez souvent une scène tournée lorsque vous l'importez dans After Effects. Mais cela est assez facile à corriger.

Regardez dans la fenêtre de votre couche, et vous verrez une couche Parent dont toutes les couches. PNG et leurs objets 3D associés sont des enfants. (Remarquez aussi la caméra qui a été créé automatiquement lors de l'importation.) Pour résoudre le problème de rotation, sélectionnez le calque parent et de type R en solo de sa propriété Rotation. Vous remarquerez que la rotation Z est réglé sur une valeur impaire:

The image rotated


Vous pensez que vous pourriez tout simplement remis à zéro et que tout serait OK, mais malheureusement ce n'est souvent pas le cas. Pour moi, j'ai dû traîner la valeur de rotation Z à -17 pour l'obtenir à regarder à droite - votre kilométrage peut varier, sans aucun doute:

manually adjust the Z value


Étape 10 - Animer un Procédure pas à pas

Maintenant, enfin, après tout cela, nous arrivons à faire quelque chose de cool - une petite promenade dans l'allée. Les importés VPE par défaut un échantillon de 30 secondes, ce qui vous voudrez peut-être de raccourcir - J'ai fait mes 10 secondes. Ensuite, ouvrez les propriétés de transformation pour l'appareil photo dans la maquette, et définir une image clé pour la position à 0:00 dans votre chronologie. Puis passer au point 10 secondes, puis faites glisser la valeur de position Z pour la caméra dans le sens positif pour déplacer la caméra dans la ruelle.

Dans quelle mesure vous allez à vous, bien sûr - vous remarquerez que, éventuellement, vous allez commencer à voir un certain flou et la distorsion de l'image paroi latérale, comme il ya la résolution de moins en moins disponible dans l'image du plus loin dans on va, mais il est encore assez miraculeuse comment convaincre l'effet peut être. Pour finir, appliquez l'assistant Lissage d'images clés pour vos images clés Positionner la caméra Z, et un aperçu du résultat:

[Vidéo id = "9018"]


Et c'est ainsi que vous créer des environnements 3D à partir d'images navigables plats en utilisant Photoshop et After Effects. Comme toujours, l'expérience et avoir du plaisir.


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: