Créer un effet de décalage de parallaxe à l'aide des fonctions de scénario et 3D de Photoshop CS6

Photoshop CS6 inclut plusieurs nouvelles fonctionnalités que vous pouvez utiliser pour créer des effets 3D et vidéo. Dans ce didacticiel, nous allons combiner ces nouveaux outils pour simuler la profondeur 3D d'une photo 2D à l'aide des nouvelles fonctionnalités de chronologie 3D et vidéo disponibles dans Photoshop CS6 Extended..


Atouts du tutoriel

Les ressources suivantes ont été utilisées lors de la production de ce didacticiel..

  • Photo de paysage

Étape 1

Ouvrez votre image dans Photoshop.



Étape 2

Faites une copie de l'image, renommez-la "Fond" et masquez-la. Nous l'utiliserons plus tard. Continuez et renommez le calque d'arrière-plan d'origine en "Original".



Étape 3

Notre objectif est de simuler plusieurs couches de profondeur dans l'image. Pour ce faire, nous allons extraire des parties de nos images et les empiler dans un espace 3D. Ci-dessous, une illustration de ceci:


À ce stade, nous devons définir les zones de notre image que nous pouvons extraire pour séparer les calques. Comme vous pouvez le constater, j'ai défini 6 couches distinctes à extraire.



Étape 4

Nous allons maintenant commencer à extraire les calques tels que définis à l'étape 3. Vous pouvez utiliser n'importe quelle méthode, mais pour ce didacticiel, nous expliquerons comment extraire ces formes à l'aide du panneau Canaux. Pour commencer, allez dans le panneau Chaînes et dupliquez le canal bleu. Ce canal nous donnera assez de détails (contraste) pour travailler avec.



Étape 5

L'étape suivante est facultative et doit être utilisée si vous devez travailler avec plus de contraste que le calque de canal d'origine. Ajustez les niveaux (Commande / Ctrl + L) pour augmenter le contraste



Étape 6

Nous allons travailler sur l'extraction de la couche "F" conformément à l'étape 3.


Commencez par sélectionner une brosse souple avec Avant-plan / Arrière-plan, défini sur Noir / Blanc. Changez le mode pour superposer. Nous allons utiliser ce pinceau pour peindre sur l’image le long des bords définissant le calque "F".


En mode Superposition, le blanc sera utilisé pour éclaircir les parties claires et le noir pour assombrir les parties sombres. Continuez à définir le bord de notre forme prédéfinie en utilisant les deux couleurs. Cette méthode nous permet de définir un bord plus complexe (et donc plus naturel).



Étape 7

À l'aide d'une brosse dure avec le mode défini sur Normal, peignez les zones restantes jusqu'à ce que le canal devienne noir et blanc..


Appuyez sur Commande / Ctrl + I pour inverser les couleurs.



Étape 8

Commande / Ctrl + clic sur la miniature de la chaîne pour faire une sélection.



Étape 9

Retournez dans le panneau Calques et avec le calque "Original" toujours sélectionné, copiez (Commande / Ctrl + C) et Coller (Commande / Ctrl + V) la sélection dans un nouveau calque. Nommez cette couche "Front Bale".




Étape 10

Continuez cette technique avec les couches restantes. Ci-dessous, vous verrez le canal avec son calque correspondant.



Étape 11

Réorganisez et renommez les calques comme indiqué



Étape 12

Maintenant que nous avons séparé notre image en différentes couches, nous devons procéder à un nettoyage. Pour expliquer cela, j'ai créé une animation de test. Lorsque les calques se superposent dans l'espace 3D, nous pouvons voir l'image se répéter sur chaque calque, ce qui provoque une série de pixels répétitifs indésirables..


Pour vendre l'illusion d'un champ 3D, nous devons supprimer les images répétitives situées derrière chaque couche. Commencez par masquer toutes les couches sauf la couche "Bale 2". Ceci peut être fait rapidement en cliquant sur l'icône de visibilité du calque "Bale 2" en maintenant la touche Alt enfoncée..


Utilisez l'outil de déplacement Content-Aware et l'outil de correction pour cloner la balle de foin la plus importante (en bas à droite de notre couche). Il n'est pas nécessaire de supprimer complètement cette balle de foin, nous devons simplement cacher suffisamment de pixels répétitifs pour qu'ils ne soient pas visibles lorsque nous commençons à déplacer nos calques en 3D..




Étape 13

Continuez à modifier chaque calque pour supprimer les pixels récurrents du calque situé en avant. Encore une fois, nous ne devons pas être parfaits.



Étape 14

La dernière chose à éditer est la couche "Toile de fond". À l'aide de l'outil de clonage, supprimez les arbres et prolongez les montagnes et le ciel vers le bas..



Étape 15

Masquer le calque "Original". Nous n'avons plus besoin de cela visible.



Étape 16

Il est temps de créer notre scène 3D. Sélectionnez tous les calques, cliquez avec le bouton droit de la souris (ou Commande / Ctrl + clic) et sélectionnez Carte postale. Cela convertira tous les calques en une carte postale 3D (cela préservera également les pixels transparents existant dans chaque calque)..



Étape 17

Actuellement, chaque objet 3D est dans sa propre scène. Nous devons fusionner tous les objets 3D dans la même scène. Dans le panneau Calques, sélectionnez tous les calques 3D et appuyez sur Commande / Ctrl + E pour les fusionner dans la même scène..



Étape 18

Dans le panneau 3D, sélectionnez la caméra "Vue actuelle" et accédez au panneau Propriétés. Sous la section Afficher, enregistrez la caméra sous le nom "Vue d'animation".


Cela va ajouter une nouvelle caméra à notre panneau 3D. Puisque nous n'avons pas encore déplacé la position de la caméra, la caméra "Animation View" n'est qu'une copie de la "Caméra par défaut".



Étape 19

Dans le panneau 3D, assurez-vous que la caméra "Vue actuelle" est toujours sélectionnée et utilisez les outils de navigation pour la positionner de sorte que nous ayons une meilleure perspective de notre scène..


Nous voulons également enregistrer cette vue de la caméra. L'enregistrement de cette vue de la caméra nous permettra de revenir à cette vue à tout moment. Accédez au panneau Propriétés, sélectionnez la liste déroulante Afficher la section et enregistrez. Libellez cette "vue en perspective".


Nous venons de créer deux préréglages de caméra pour faciliter notre flux de travail. Vous pouvez tester ces caméras en cliquant sur chacune d’elles dans le panneau 3D. Votre fenêtre devrait se repositionner sur chaque vue enregistrée. Notez que notre scène 3D a beaucoup d'artéfacts. Cela se produit parce que tous nos calques occupent le même espace. Par conséquent, Photoshop tente de nous montrer les six calques simultanément..



Étape 20

La prochaine étape nécessite que nous soyons dans la "vue en perspective". Sélectionnez l'objet "Front Bale" et, en utilisant le widget à l'écran, déplacez l'objet vers l'avant dans notre scène (le long de l'axe Z). Plus nous avançons cet objet, plus notre animation finale sera exagérée..




Étape 21

Continuez à déplacer les autres objets de la scène de manière à les éloigner les uns des autres. Considérez l'espacement de chaque couche. Par exemple, "Bale 2" et "Bale 3" apparaissent proches l'une de l'autre dans l'image d'origine. Par conséquent, ces objets 3D doivent également être relativement proches..



Étape 22

Dans le panneau 3D, sélectionnez la caméra "Vue d'animation" pour la déplacer dans sa position d'origine. Notre scène peut paraître chaotique, mais nous réglerons cela à l'étape suivante..



Étape 23

À l’aide du panneau 3D, sélectionnez chaque objet et redimensionnez-le afin qu’il soit légèrement plus grand que notre cadre. Utilisez le widget à l'écran pour mettre à l'échelle (cela peut être délicat, car la poignée qui contrôle la mise à l'échelle est partiellement masquée par la poignée bleue).


Maintenant que tous les objets ont été mis à l'échelle correctement, la scène devrait ressembler à ceci:



Étape 24

Il est temps d'animer la caméra. Nous allons utiliser la caméra "Animation View" pour animer, alors assurez-vous de la sélectionner d'abord dans le panneau 3D. Pour configurer notre scène pour l'animation, nous devons créer un nouveau scénario. Si votre panneau Montage n'est pas visible, accédez à Fenêtre> Montage. Cliquez sur le bouton "Créer une chronologie vidéo".



Étape 25

Notez que notre scène 3D apparaît dans notre chronologie. Cliquez sur la flèche à côté du nom de notre scène ("BackDrop") pour faire pivoter les propriétés supplémentaires.


Localisez le calque "3D Camera Position" sur la timeline. Nous allons utiliser cette couche pour animer notre caméra.



Étape 26

Cliquez sur l'icône Chronomètre sur cette couche pour activer l'animation par images clés. Cela placera automatiquement une image clé à la position de l'indicateur d'instant présent sur la timeline (indiquée par la flèche bleue et la ligne rouge). Puisque nous n'avons rien déplacé, notre première image clé devrait apparaître à l'image zéro..



Étape 27

Maintenant, cliquez sur le point 5.00f dans l'affichage du code temporel pour déplacer l'indicateur d'instant présent ici.



Étape 28

Dans le panneau 3D, assurez-vous que la caméra "Vue d'animation" est sélectionnée et utilisez les outils de modification du menu supérieur pour manipuler la caméra. Cela devrait automatiquement ajouter une image clé à notre couche. Sinon, cliquez simplement sur l'icône Ajouter une image clé..



Étape 29

Puisque nous ne voulons que restituer les parties de notre scène qui sont animées, nous devons définir quelle partie de notre scénario est rendue (appelée zone de travail). Pour définir la zone de travail, réglez le curseur directement sous l'affichage du code temporel afin qu'il s'aligne sur la dernière image clé. Cela raccourcit la durée de l’animation et ne restitue que les images dans lesquelles la caméra se déplace..


Pour prévisualiser ce que nous avons jusqu’à présent, appuyez sur la barre d’espace. Si vous êtes satisfait de l'animation, nous pouvons continuer à effectuer le rendu. Sinon, continuez d'ajuster la position de la caméra..


Étape 30

Avant de commencer le rendu, changeons certaines des préférences de rendu pour nous permettre un rendu plus rapide. Allez dans Edition> Préférences> 3D et effectuez les modifications suivantes pour réduire le nombre de passages requis pour un rendu final:



Étape 31

Enregistrez votre fichier! Notre prochaine étape est de rendre, donc maintenant est une excellente occasion de sauver.

Pour ouvrir la boîte de dialogue Render Video, allez à File> Export> Render Video. Effectuez les modifications indiquées ci-dessous. Je recommande de toujours effectuer un rendu sur une séquence d'images, en particulier lors de l'utilisation de la 3D. Si votre ordinateur tombe en panne pendant le processus de rendu, vous pouvez reprendre le rendu à partir de la dernière image..



Étape 32

Une fois le rendu terminé, ouvrez la séquence d'images rendue en tant qu'animation. Pour ce faire, sélectionnez Fichier> Ouvrir en tant que, naviguez dans votre dossier de rendus et sélectionnez la première image de la séquence. Assurez-vous de sélectionner Séquence d'images en bas. Cela indiquera à Photoshop d'importer tous les cadres dans un ordre séquentiel. Cliquez sur Ouvrir.



Étape 33

Les fichiers doivent maintenant apparaître dans votre timeline sous forme d'animation.


Notez que la vidéo apparaît en tant que calque vidéo dans notre panneau Calques..


Tout comme les calques traditionnels, ce nouveau calque vidéo peut utiliser des calques de réglage. À ce stade, n'hésitez pas à améliorer votre image à l'aide des calques de réglage. Dans cet exemple, j'ai ajouté un simple calque de réglage des niveaux..



Étape 34

La dernière étape consiste à rendre le scénario en vidéo. Comme nous ne faisons que restituer des images fixes et aucun objet 3D, notre processus de rendu sera beaucoup plus rapide. Par conséquent, nous allons rendre directement le fichier au format .MOV..



Rendu final