Comment Animer Des Photos Dans Photoshop! Effet de parallaxe 2.5D

Apprenez cette technique fantastique pour animer facilement des photos dans Photoshop!

Dans ce tutoriel, nous allons couvrir les fonctionnalités 3D et d’animation de Photoshop pour créer un effet de parallaxe 2.5D pour donner vie à vos photos!

La photo étonnante utilisée dans ce tutoriel est de Marc Rafanell Lopez. Vous pouvez télécharger la même photo en cliquant ici, mais vous pouvez également utiliser n’importe quelle photo pour la suivre!

Êtes-vous prêt à commencer?

Utilisez Select Subject pour créer la Sélection

Pour animer n’importe quelle photo dans Photoshop, commencez par séparer l’image en deux calques: le Premier plan (composé des deux cavaliers masculins) et leur arrière-plan.

Pour ce faire, sélectionnez le sujet > et autorisez Photoshop à utiliser Adobe Sensei, une intelligence artificielle (IA) innovante, pour détecter les sujets de l’image et créer une sélection autour de celle-ci.

Si vous avez affaire à une ancienne version de Photoshop, vous pouvez toujours utiliser l’outil de sélection rapide pour créer une sélection autour du sujet.

Affinez la sélection avec le Mode Masque Rapide

Une fois que vous avez effectué une bonne sélection, appuyez sur la touche Q de votre clavier pour entrer en mode Masque rapide. Ce mode placera une superposition rouge sur les parties de votre image qui sont en dehors de la sélection actuelle.

Avec l’outil Pinceau, vous pouvez peindre avec du blanc (#ffffff) pour ajouter à la sélection et peindre avec du noir (#000000) pour soustraire de la sélection.

CONSEIL DE PRO: Appuyez sur la touche X de votre clavier pour échanger le premier plan et la couleur d’arrière-plan!

Pour cette partie, il est possible de créer une sélection libre. Puisque nous travaillons de manière non destructive, vous pouvez toujours y revenir plus tard et l’affiner davantage.

Une fois la sélection terminée, appuyez sur la touche Q de votre clavier pour quitter le mode Masque rapide et révéler votre nouvelle sélection.

Ensuite, dupliquez le courant en cliquant et en faisant glisser le calque vers l’icône du Nouveau calque, qui se trouve en bas à droite du panneau Calques.

Cliquez sur l’icône Masque de calque pour ajouter un masque de calque au calque dupliqué et ainsi, il n’affichera que les sujets de saut.

Ensuite, allez dans Sélectionner > Modifier > Développer pour agrandir la sélection.

Dans la fenêtre de sélection Développer, définissez la valeur Développer par sur 4 pixels.

Puis appuyez sur OK.

Si vous zoomez, vous verrez comment les bords de la sélection sont maintenant 4 pixels plus éloignés du réglage précédent.

S’il y a encore des zones qui font partie du premier plan mais qui ne sont pas sélectionnées, utilisez l’outil Lasso et tout en maintenant la touche Maj enfoncée, cliquez et faites glisser autour de la zone pour l’ajouter à votre sélection.

Dupliquez l’arrière-plan en cliquant et en le faisant glisser vers l’icône du nouveau calque.

Utilisez le Remplissage Compatible avec le contenu pour Créer une Plaque d’arrière-plan Propre

Sur la copie dupliquée, accédez à Modifier le remplissage compatible avec le contenu >. La technologie consciente du contenu remplira alors les pixels où se trouvaient les sujets.

La superposition verte montre la zone d’échantillonnage des pixels de la technologie consciente du contenu, et pour cette partie, elle fait un excellent travail. Bien qu’il ne soit pas parfait, il est entièrement réglable.

Appuyez sur Ctrl D (Windows) ou Commande D (macOS) pour désélectionner pendant que je me concentre sur la partie suivante, où je vais vous montrer comment corriger les incohérences dans les pixels d’arrière-plan.

Avec les pixels générés sur le nouveau calque sélectionnés, maintenez la touche Maj enfoncée pendant que vous sélectionnez également le calque inférieur.

Appuyez ensuite sur Ctrl E (Windows) ou la commande E (macOS) pour fusionner les deux calques sélectionnés en un seul calque.

Utilisez l’outil Tampon de Clonage Pour Affiner l’arrière-plan

Zoomez sur une partie de l’image qui doit être affinée. En utilisant l’outil Tampon de clonage, je peux copier les pixels sélectionnés et les coller sur un autre. Pour ce faire, maintenez la touche Alt (Windows) ou Option (macOS) enfoncée sur votre clavier pour déterminer la source de l’échantillon..

Une fois que cela est défini, vous verrez comment vous peignez avec les pixels prélevés sur la source d’échantillon.

Prenez le temps d’affiner cette zone, et vous pouvez toujours réinitialiser votre source d’échantillon en appuyant sur Alt (Windows) ou Option (macOS).

Ensuite, utilisez l’outil de sélection rectangulaire pour sélectionner les panneaux de bois empilés et appuyez sur Ctrl J (Windows) ou Commande J (macOS).

Appuyez sur Ctrl T (Fenêtre) ou Commande T (macOS) pour transformer la sélection copiée et la déplacer sur le côté.

Cliquez avec le bouton droit de la souris et sélectionnez Retourner à l’horizontale.

Ensuite, cliquez à nouveau avec le bouton droit de la souris pour sélectionner Déformer et ajuster la sélection en conséquence pour qu’elle corresponde à l’arrière-plan.

Appuyez sur la touche Entrée (Windows) ou Retour (macOS) pour quitter le mode Transformation.

Puisque l’homme fait partie de la sélection, utilisez à nouveau l’outil Tampon de clonage pour peindre des pixels à partir d’une source d’échantillon et nettoyer la zone.

Vous pouvez également prendre ce temps pour remplir la zone entre les panneaux de bois empilés pour la rendre cohérente.

Vous pouvez voir une autre zone importante avec un motif incohérent sur le côté droit des panneaux de bois empilés, et vous pouvez également corriger cela avec l’outil Tampon de clonage.

Une fois ces étapes cruciales terminées, vous pouvez ensuite les combiner en une seule couche.

Pour ce faire, maintenez la touche Maj enfoncée pendant que vous sélectionnez le calque actuel et la copie d’arrière-plan, puis appuyez sur Ctrl E (Windows) ou Commande E (macOS) pour les fusionner.

Renommer ce calque en « Nettoyer l’arrière-plan. »

Appliquez un flou à l’arrière-plan

Allez dans Filtre > Galerie de flou > Tilt-Shift.

Ensuite, cliquez et faites glisser le point de référence vers le bas.

Cliquez et faites glisser également la poignée inférieure pour agrandir la zone et faire commencer le flou du centre vers la zone supérieure de l’image.

Dans les outils de flou, définissez la valeur de flou sur 6 pixels. Immédiatement, vous remarquerez que l’une des imperfections en arrière-plan peut être facilement dissimulée avec le flou ajouté.

Appuyez sur OK pour ajouter les modifications.

Convertissez l’Arrière-plan et le Premier plan En Calques 3D

Activez à nouveau le calque de premier plan, et vous devriez voir que malgré les modifications appliquées, l’image semble toujours réaliste.

Pour éviter toute confusion supplémentaire, j’ai renommé le calque de premier plan en « Saut. »

Pour animer n’importe quelle photo dans Photoshop, créez des calques 3D à partir des deux calques. Pour ce tutoriel, il s’agit du Saut et des calques d’arrière-plan Propres.

Commencez par sélectionner l’arrière-plan Propre et désactivez le calque de saut.

Passez ensuite à 3D > Nouveau maillage à partir de la carte postale de la couche >, et cela convertira votre couche actuelle en carte postale 3D. Une carte postale signifie un avion que vous pouvez faire pivoter dans l’espace 3D.

Lorsque votre outil de déplacement est sélectionné, vous verrez des outils 3D en bas à gauche de la fenêtre de votre document et utilisez ces outils pour faire pivoter la caméra 3D à l’intérieur de Photoshop.

Désactivez le calque d’arrière-plan d’origine et utilisez les outils pour vous familiariser avec leurs fonctions et fonctionnalités. Si vous souhaitez revenir à la vue par défaut, double-cliquez sur la vignette d’arrière-plan Propre car cela vous mènera au panneau 3D et sélectionnez Caméra par défaut.

Revenez au panneau Calques et activez également la couche de saut pour la convertir en carte postale 3D. Encore une fois, allez dans 3D > Nouveau maillage à partir de la carte postale Layers >.

Pour le moment, les deux caméras 3D ne fonctionneront pas en même temps car les deux sont dans deux couches 3D différentes. Pour une gamme maximale de capacités, vous devez les combiner en une seule couche.

Allez dans le panneau Calques et sélectionnez le calque de saut.

Tout en maintenant la touche Maj enfoncée, sélectionnez également l’arrière-plan Propre et appuyez sur Ctrl E (Windows) ou Commande E (macOS) pour les fusionner.

REMARQUE: L’icône de cube minuscule au coin de votre calque signifie que le calque est en 3D. Si vous double-cliquez dessus, il vous mènera au panneau 3D.

Lorsque l’outil Déplacer est sélectionné, utilisez les outils 3D en bas pour contrôler la caméra. Vous voudrez peut-être essayer de cliquer sur n’importe quel calque 3D, et un cube avec des flèches apparaîtra devant lui, puis cliquez et faites glisser le cube blanc pour faire évoluer le calque 3D.

Comment animer le Premier plan et l’arrière-plan avec le panneau de chronologie

Enfin, la vraie astuce pour animer n’importe quelle photo dans Photoshop!

Accédez à la chronologie Windows >. Cette fonctionnalité nous permet de créer une chronologie avec des images et des objets 3D sur Photoshop.

Au centre du panneau de chronologie, cliquez sur le bouton Créer une chronologie vidéo. Si vous ne le voyez pas, cliquez sur la flèche pointant vers le bas et, dans le menu déroulant, sélectionnez Créer une chronologie vidéo.

Cliquez sur les flèches pointant vers le bas sur chacun des deux calques pour libérer les éléments et les images clés qui seront essentiels lors des étapes suivantes.

Si vous utilisez la caméra Orbit 3D pour voir vos couches 3D dans une autre perspective, vous verrez la distance entre votre couche de saut et l’Arrière-plan Propre. En ajoutant l’image clé de position de la caméra 3D,

Ensuite, placez la tête de lecture à n’importe quelle position de la Timeline,

Et commencez à faire pivoter l’appareil photo, Photoshop ajoutera une deuxième image clé.

Si vous faites défiler la Timeline vers le haut et appuyez sur le bouton de lecture, Photoshop remplit la timeline en commutant la position de la caméra 3D de l’image clé d’origine à la 2ème image clé — et c’est ainsi que vous animerez vos images 3D.

Pour supprimer une image clé, cliquez simplement avec le bouton droit de la souris sur une image clé et sélectionnez Supprimer. Je supprimerai à la fois l’image clé d’origine et la 2e image clé pour effacer ma chronologie.

Pour faire une animation de 2 secondes, faites glisser la tête de lecture au début de la timeline. Ensuite, cliquez et faites glisser la fin du curseur de chronologie sur la marque de 2 secondes pour la définir comme la longueur de l’animation.

Sur le panneau 3D, cliquez sur la caméra par défaut, puis cliquez également sur Nettoyer le maillage d’arrière-plan.

Rendez-vous dans la fenêtre de votre document, puis cliquez et faites glisser sur le cube blanc pour mettre à l’échelle uniformément et élargir la vue de l’arrière-plan.

Ensuite, cliquez et faites glisser sur le point bleu pour réduire l’arrière-plan jusqu’à ce qu’il remplisse le canevas. Si vous avez du mal à voir la différence, double-cliquez sur l’outil manuel pour adapter l’image à l’écran.

L’utilisation de la caméra Orbit 3D vous permettra de voir la distance plus large entre le Maillage de saut et le maillage d’arrière-plan Propre.

Annulez les modifications récentes en appuyant sur Ctrl Z (Windows) ou Commande Z (macOS) et élargissez davantage l’échelle du maillage d’arrière-plan propre.

Sous les propriétés du Maillage d’arrière-plan Propre, cliquez sur la position de la caméra 3D.

Faites défiler les éléments vers le bas. Sous les Maillages 3D, activez le chronomètre pour l’Arrière-plan Propre et le Saut. Cela créera des images clés pour la position de ces maillages.

Maintenant, cliquez et faites glisser la tête de lecture dans la marque de 2 secondes et utilisez la caméra Orbit 3D pour la repositionner.

Vous pouvez également sélectionner le maillage de saut, le tirer vers l’avant pour le rendre plus grand et le faire tomber.

Une fois que vous appuyez sur le bouton de lecture, le sujet sautant se déplacera dans l’espace 3D!

Pour une prise de vue plus spectaculaire, repositionnez la perspective avec la caméra Orbit 3D ou mettez à l’échelle le maillage d’arrière-plan propre sur une perspective plus petite.

Une fois que vous êtes prêt à enregistrer la vidéo, cliquez simplement sur le menu Déroulant et sélectionnez Rendre la vidéo. Après cela, partagez votre travail sur vos réseaux sociaux et taguez-moi sur #PhotoshopTrainingChannel!

Et voilà comment animer n’importe quelle photo dans Photoshop! J’espère que ce tutoriel vous a été utile pour vous et vos futurs projets.