Animation de parallaxe 2.5D avec Photoshop et After Effects

Avec une animation de parallaxe 2,5D, vous pouvez ajouter du mouvement à des images 2D régulières et donner un peu de vie à des prises de vue plutôt ennuyeuses. C'est un bon moyen non seulement de réutiliser votre contenu, mais aussi de créer de véritables vidéos ou GIF et de vous démarquer sur les réseaux sociaux. Voici 2 techniques intéressantes non seulement avec After Effects (ce à quoi vous vous attendez probablement), mais également pour créer une animation de parallaxe directement dans Photoshop.

Animation Parallax – uniquement avec Photoshop

Pour créer une animation 2.5D parallaxe dans Photoshop, commençons par isoler les éléments que nous voulons animer. Il y a 2 façons de le faire, soit en créant un masque de calque avec l'outil pinceau. Ou en créant un chemin avec l'outil stylo qui fonctionnera alors comme un masque pour isoler la zone souhaitée. Une fois le chemin créé, faites un clic droit sur l'arrière-plan et sélectionnez faire une sélection.

Vous pouvez maintenant utiliser cette sélection pour copier cette zone sur un nouveau calque simplement par copier-coller. Pour que l'effet fonctionne et ait une soi-disant assiette propre, vous devrez remplir la zone avec un remplissage sensible au contenu.

Animer dans Photoshop – Avec la chronologie

Maintenant que vous avez isolé les parties souhaitées de votre image, accédez à la fenêtre et ouvrez la chronologie Photoshop. Lorsque vous ouvrez la chronologie et cliquez sur créer une chronologie vidéo, vous verrez une chronologie similaire à After Effects avec les calques empilés les uns sur les autres.

Une fois que vous avez ouvert les paramètres du calque d'arrière-plan, vous verrez que vous pouvez désormais définir des images clés pour quelques paramètres tels que Transformer, Opacité et Style. Appuyez sur le chronomètre pour commencer à enregistrer des images clés pour mettre à l'échelle l'arrière-plan. Cela définira automatiquement une image clé pour ce paramètre (indiqué par une petite icône en forme de diamant) et chaque fois que vous modifierez cette valeur. Maintenant, allez à la fin de la chronologie et redimensionnez un peu l'arrière-plan pour qu'il s'agrandisse et que vous ayez un mouvement subtil.

Faites de même pour vos éléments principaux et ajoutez simplement un mouvement subtil et c'est tout. Vous êtes maintenant prêt à exporter la vidéo. Cliquez sur l'icône dans le coin supérieur droit de la chronologie et sélectionnez Rendre la vidéo dans le menu contextuel. Cela ouvrira la boîte de dialogue d'exportation.

Sélectionnez un nom, une destination, un format de fichier, une résolution et une fréquence d'images et c'est tout. Vous venez de créer une animation de parallaxe 2,5D directement dans Photoshop.

Un cas parfait pour Adobe After Effects

Pour une animation de parallaxe 2.5D, le premier outil qui vient à l'esprit est probablement After Effects. Cependant, vous voudrez probablement toujours commencer avec Photoshop pour isoler les éléments que vous souhaitez animer si vous ne souhaitez pas le rotoscopier dans After Effects. Importez simplement le fichier Photoshop et définissez le type d'importation sur la composition - conservez la taille du calque.

Maintenant, dans cette composition, cliquez sur l'icône de boîte sur tous les calques qui les transformeront en calques 3D. Tout comme dans Photoshop, vous pouvez activer le chronomètre pour commencer à enregistrer des images clés sur les paramètres. Mais vous pouvez également simplement repositionner les éléments et créer une nouvelle caméra et simplement animer la caméra.

Étant donné qu'After Effects, contrairement à Photoshop, est un logiciel d'animation graphique dédié, vous pouvez faire beaucoup plus pour rendre cette animation plus intéressante. Ajoutez des séquences d'archives (de la fumée, comme dans le didacticiel ci-dessous) ou des effets de particules.

Comme indiqué dans le didacticiel ci-dessous, vous pouvez même animer certaines parties du talent avec l'outil de marionnette pour le rendre encore plus intéressant.

Lorsque vous souhaitez exporter la vidéo, gardez à l'esprit que contrairement au didacticiel, vous souhaitez l'envoyer à Adobe Media Encoder pour pouvoir exporter un fichier .MP4. L'option permettant d'exporter Quicktime .mov avec le codec h.264 directement depuis After Effects est obsolète.