Flux de travail sur Photoshop - animation de cadres

1. Introduction Animation de cadres: Corrigez Bienvenue dans le cours Photoshop le plus pratique que vous ayez jamais vu. Ce n'est pas une visite guidée typique. Nous nous lançons directement dans des projets créatifs passionnants, et nous vous encourageons à créer des designs totalement uniques. Vous êtes-vous déjà demandé comment ils créent ce type d'animation, où l'on a l'impression que quelqu'un griffonne sur une vidéo La plupart de ces animations sont créées image par image, ce qui signifie que l'artiste dessine sur chaque image une par une. Comme vous pouvez l'imaginer, ce processus prend beaucoup de temps, surtout si les animations de griffonnage sont utilisées tout au long d'une vidéo plus longue Parmi toutes les applications Adobe Creative Cloud. Vous vous doutez probablement que ce type de flux de travail convient parfaitement à After Effects, Premiere Pro ou Animate. Mais la vérité est que Photoshop est probablement le plus pratique et le plus efficace grâce à son panneau de chronologie vidéo et sa large gamme de pinceaux et de styles de calques. Dans ce projet, nous aborderons tout ce dont vous avez besoin pour créer des pools, paralyser les animations sur des vidéos, et vous pourrez utiliser cette technique sur n'importe laquelle de vos propres vidéos Que vous soyez un graphiste en herbe, photographe, un spécialiste du marketing ou simplement un passionné de narration visuelle, la maîtrise de Photoshop vous fournit les outils nécessaires pour maîtrise de Photoshop vous fournit donner vie à vos visions Ce cours est parfait pour vous si vous débutez avec Photoshop ou si vous êtes tendu et que vous souhaitez utiliser Photoshop de manière plus confiante et efficace Je suis Martin Pinec expert et formateur Adobe certifié, avec une expérience de conception de plus de deux décennies Tout au long de ma carrière, j'ai collaboré avec des clients renommés tels que Disney, Mattel, Cartoon Network, Nickelodeon Apprenez à utiliser les dernières fonctionnalités de Photoshop ainsi que les éléments de base, tels que les couches, les ajustements, les sélections, les transformations, le masquage, les objets intelligents, les pinceaux et bien Vous pouvez également pérenniser vos compétences en maîtrisant les incroyables fonctionnalités d'IA générative de Photoshop Je ne me contente pas d'enseigner Photoshop. Je vous donne les moyens de vous exprimer, raconter votre histoire et de créer des designs qui résonnent avec votre style unique C'est votre chance de créer un travail vraiment personnel et digne de votre portfolio créatif professionnel. Vous pouvez suivre chaque projet et reproduire mes conceptions, ou vous pouvez utiliser les flux de travail et les techniques que je vous montre pour créer quelque chose de complètement différent et unique Alors, êtes-vous prêt à révolutionner votre façon d'apprendre Photoshop ? Votre aventure créative avec les boutiques de photos commence ici. 2. Comment utiliser le panneau Montage: Nous voilà donc dans Photoshop. Et pour ce flux de travail, vous devrez utiliser la version de bureau de Photoshop, car c'est actuellement le seul moyen d'accéder au panneau de chronologie. Et cela sera crucial car c'est là que nous pourrons créer notre animation image par image. Ainsi, lorsque votre panneau de chronologie est ouvert, il apparaît par défaut ici en bas, mais vous pouvez bien sûr le déplacer. Vous pouvez également le faire flotter ou l'ancrer là, agrandir ou le réduire, selon le nombre de couches que vous prévoyez d'animer Vous aurez peut-être besoin d'un peu plus d'espace ici. Vous pouvez également utiliser ce curseur situé en bas pour zoomer ou dézoomer afin de mieux voir votre chronologie Le plus important est que vous devez commencer par un fichier vidéo. Et tous les fichiers vidéo ne sont pas pris en charge dans Photoshop, mais les plus courants, bien sûr, fonctionneront comme MOV ou MP 4. Avant de commencer, voyons ce que nous allons créer. Bien entendu, nous ne ferons pas toute l'animation ici. Je vais vous montrer l'une de ces flèches, comment je l'ai animée, puis c' est une simple source d'inspiration pour vous aider à voir ce qu'il est possible de faire avec ces techniques. Je vais donc arrêter la diffusion de la vidéo. Je vais juste faire défiler l'écran d'avant en arrière et vous montrer que nous allons travailler sur cette flèche blanche que vous pouvez voir apparaître sous le skateboard, faire demi-tour puis disparaître Donc, je fais marche arrière. Encore une fois, voyons comment il apparaît, tourner en spirale, suivant le mouvement du skateboard, puis C'est donc sur cela que nous allons nous concentrer. Mais à la fin de ce projet, nous examinerons également toutes les animations que j'ai réalisées ici et les petites astuces que j'ai utilisées en cours de route pour créer des choses comme cet effet lumineux ici, ainsi que la façon dont j'ai réussi à changer la couleur de la peinture jaune Au rouge, c'est ainsi que j'ai réussi à créer cette belle transition. C'est très facile à faire dans Photoshop, mais dessiner des objets image par image prend un peu plus de temps . Mais même cela ne prend pas longtemps, surtout une fois que vous maîtrisez cette méthode. De plus, si vous utilisez un stylet au lieu d'une souris, cela peut accélérer les choses Donc, en ce moment, j' utilise Vacuum dans une petite tablette, ce qui permet de dessiner plus rapidement Donc, par exemple, ici, je vous montre simplement comment je dessinerais avec la souris. En ce qui concerne les styles, si je mets plus de pression sur la tablette, je peux modifier l'intensité des lignes ou leur épaisseur. Mais ne vous inquiétez pas, si vous n'avez pas de tablette à stylet, vous pouvez suivre ce tutoriel tout aussi facilement avec une souris. Pour commencer, nous devrons donc ouvrir le fichier vidéo que nous avons préparé pour ce projet. Accédez donc à Fichier ouvert, puis recherchez le fichier appelé skateboard footage point MOV le dossier des fichiers d'exercices Une fois ouvert, il crée un nouveau document contenant une couche vidéo spéciale. Nous pouvons voir que cette miniature nous indique qu'il ne s'agit pas d'une couche normale R, comme le panneau de chronologie est déjà ouvert, je peux parcourir la vidéo et retrouver la séquence que nous avons importée Chaque fois que le panneau de chronologie est ouvert, vous pouvez simplement appuyer sur la touche espace du clavier pour lire la vidéo, appuyer à nouveau sur la touche espace pour la poser, ou vous pouvez simplement saisir cette tête de lecture bleue et faire des allers-retours dans la chronologie Maintenant, il est temps de réparer nos couches. Tout d'abord, nous devons supprimer ce groupe de vidéos que nous avons ici. C'est une étape très simple. Accédez simplement au menu des couches et choisissez Grouper les couches ou utilisez le raccourci clavier Shift G ou Control Shift G sur PC. Cela permettra de s'assurer que la nouvelle couche que nous allons créer ne se retrouvera pas dans le même groupe. C'est important. Sinon, la technique que je vais vous montrer ne fonctionnera pas. Ensuite, nous devons revenir au menu des couches. Mais cette fois, allez dans les couches vidéo et choisissez une nouvelle couche vidéo vide. Donc, une fois que vous aurez fait cela, vous obtiendrez une couche supplémentaire. Et selon l'emplacement de la tête de lecture, cette nouvelle couche sera également créée ici dans la chronologie Maintenant, vous pouvez le faire glisser jusqu' arrière juste pour l'aligner avec l'autre couche. Et comme il s'agit d'une couche vierge, elle ne contient rien à l'intérieur. Mais c'est sur celui-ci que nous allons nous appuyer. Je vais donc renommer cette couche, et je vais simplement taper scribble ou arrow ou quel que soit le nom que vous préférez. Et nous pouvons également renommer la couche d'origine. Nous pouvons l'appeler vidéo ou vidéo, ou encore une fois, comme vous préférez. Maintenant, pour voir ce que nous faisons, je vous recommande de cliquer également sur cette flèche pour la couche de gribouillage que nous venons de créer De cette façon, nous pourrons voir tous les cadres sur lesquels nous allons dessiner. Maintenant que tout est prêt, il est temps de sélectionner le pinceau. Vous pouvez le trouver dans la barre d'outils ou appuyer sur la touche B du clavier. Ensuite, assurez-vous que vous avez sélectionné la couleur blanche pour le dessin. C'est la plus facile à voir sur cette vidéo. Il suffit donc d'appuyer sur D f pour les couleurs par défaut , puis sur X pour les inverser. Vous pouvez également utiliser ces deux icônes. Il s'agit donc des couleurs par défaut du noir et blanc, puis de les inverser pour obtenir du blanc sur le dessus. Cela devient donc notre couleur de premier plan. Avec le pinceau, vous devez également vous assurer que vous utilisez les pinceaux généraux, et le pinceau dur, dans ce cas, fonctionnera parfaitement pour nous. Et la taille de la brosse peut être ajustée facilement. Vous pouvez accéder aux paramètres du pinceau et l'ajuster à cet endroit, ou vous pouvez utiliser les crochets du clavier et le rendre suffisamment petit pour pouvoir tracer la ligne. C'est donc toujours très épais. Je vais le réduire. Quelque chose comme ça va fonctionner. Dessinons encore une fois. Ouais. Je pense que cela va très bien fonctionner. D'ailleurs, si vous maintenez les touches de commande et d'option enfoncées simultanément, vous pouvez également cliquer et faire glisser le clavier vers la gauche et la droite, ce qui constitue également un moyen rapide de régler la taille du pinceau. Maintenant, je vais revenir un peu en arrière dans le temps. Je veux que cette ligne apparaisse quelque part par ici, et je vais commencer à dessiner. Tout d'abord, je vais juste dessiner une toute petite flèche qui apparaît juste sous le skateboard Notez que j'ai choisi intentionnellement un point, à peu près à mi-chemin entre les deux roues, donc les roues avant et arrière, littéralement au milieu du skateboard, parce que ce sera un point de référence facile que nous pourrons suivre en cours de route Maintenant, pour passer à l'image suivante, nous pouvons utiliser la tête de lecture et simplement la faire glisser endroit ou utiliser la commande du menu du panneau, cet endroit ou utiliser la commande du menu du panneau, qui se trouve dans le menu déroulant sur la droite Passez à l'image suivante. Comme il s'agit d'une commande, nous en utiliserons beaucoup. Cela vaut la peine de configurer un raccourci clavier pour cela. J'ai utilisé Command asterisk ou Star et Command Forward Slash pour l'image précédente Pour créer un raccourci clavier personnalisé, il suffit d'accéder au menu d'édition et de choisir les raccourcis clavier. Assurez-vous de choisir des raccourcis pour le menu du panneau. Recherchez ensuite le panneau que vous utilisez. Dans ce cas, il s'agit de la chronologie de la vidéo. Et à l'intérieur, vous trouverez les deux commandes. Donc, image suivante et image précédente. Ainsi, une fois que vous les avez sélectionnés, il vous suffit d'appuyer sur le raccourci clavier que vous préférez utiliser. Une fois que vous les avez configurées, vous pouvez vous assurer que vous acceptez ces modifications et cliquez sur OK. Maintenant, s'il s'agit du premier raccourci clavier que vous enregistrez, vous devrez peut-être également l' enregistrer en tant que nouvel ensemble. Il vous suffit de lui donner un nom, qui sera enregistré sur votre ordinateur. Donc, juste pour tester cela, je vais utiliser le raccourci, allant de l'avant, image par image, et en revenant en arrière image par image. 3. Créer le premier détail animé: Maintenant, je peux voir que c'est le premier cadre que nous avons dessiné. Je peux passer à l'image suivante et continuer à dessiner. Encore une fois, au milieu du skateboard, je sors. Permettez-moi de revenir en arrière d'une étape et de continuer à le dessiner comme ça. Je fais donc des allers-retours, et ça a l'air bien. Passons à l'image suivante. Encore une fois, j'essaie de rester au milieu et de continuer à dessiner la flèche. Comme ça. Encore une fois, je vais y retourner. Ça a l'air bien. Maintenant, même si nous savons que nous sommes censés dessiner cette flèche ou cette ligne à partir du centre du skateboard Il est encore un peu difficile de savoir si nous sommes alignés sur le cadre précédent ou non ou déterminer la longueur de la flèche dans le cadre précédent. Donc, pour nous faciliter la vie, il existe en fait une fonctionnalité très utile appelée peau d'oignon, que vous pouvez retrouver dans le menu du panneau chronologique. Il vous suffit de vous assurer d'activer les peaux d'oignon. Une fois que vous aurez cliqué dessus, les images précédentes s'afficheront, mais il existe également des paramètres pour cela, que vous pouvez retrouver dans le menu du panneau et choisir les paramètres de la peau d'oignon. Maintenant, ce sont les paramètres par défaut, mais vous pouvez les modifier, bien entendu. Vous pouvez régler, par exemple, le mode fade, régler en mode normal ou en mode écran et cela dépend vraiment du type de séquence sur laquelle vous travaillez Parfois, l'un ou l' autre fonctionne mieux. Dans ce cas, je vais m'en tenir à la multiplication car j'ai impression que cela m'aide à voir le cadre actuel et le cadre précédent. Il montre d'ailleurs une image d' avant et une image après l'image en cours. C'est ainsi que cela fonctionne. Donc, si je clique sur OK et que je reviens d'une image en arrière. Maintenant, nous pouvons voir que le cadre actuel est celui-ci, qui est un peu plus lumineux que les autres. Ensuite, nous pouvons voir le cadre précédent où cette petite flèche apparaît pour la première fois et le cadre suivant, juste après. Ainsi, lorsque je fais des allers-retours, je peux voir comment nous passons d'un cadre à l'autre. Maintenant, lorsque je passe à cette image, il est beaucoup plus facile de dessiner la suivante, car je peux simplement passer à cette image, et je peux voir exactement ce que nous avions dans l'image précédente. C'est donc l'avantage de la peau d'oignon. Je vais donc dessiner à nouveau depuis le centre du skateboard et allonger un peu la flèche, puis passer à nouveau à l'image suivante et continuer à dessiner et à essayer de continuer à étendre la flèche. Encore une fois, le skateboard se déplace, la flèche elle-même doit se déplacer vers la gauche, et c' la flèche elle-même doit se déplacer vers la gauche, est pourquoi il est utile avoir un point de départ que nous pouvons facilement piste. C'est donc à peu près au centre. Notre flèche commence à atteindre l'autre côté maintenant. À ce stade, j'ai l' impression que c'est assez long pour que je n'aie plus le point de départ au milieu, donc je peux partir de quelque part , car la flèche atteint presque l'autre côté. Permettez-moi d'utiliser la gomme pour supprimer ce dernier détail ici Je n'étais pas content de cette partie. Je vais donc redessiner la flèche, moins cette partie. Ensuite, nous pouvons passer à l'image suivante une fois de plus. La flèche peut commencer à faire demi-tour. Encore un cadre. Ici, je vais commencer à le dessiner de l' autre côté car la flèche est en train de disparaître Donc comme ça. La prochaine image sera égale. Image suivante. Même s et la ligne est en train de disparaître presque complètement maintenant Et peut-être qu'il en reste encore un peu à la fin, quelque chose comme ça. OK. Maintenant, voyons voir, en y retournant. J'utilise juste les raccourcis clavier. Le mouvement semble assez fluide , vu comme ça. Mais maintenant, je vais éteindre la peau de l'oignon pour pouvoir le voir en action. Il y a donc l'option. Nous l'éteignons simplement. Ensuite, jetons un coup d'œil. Je vais appuyer sur la barre d'espace du clavier. Et voilà. Retournons en arrière. Encore une fois, joue-le. Ça a l'air plutôt sympa. Je pense que nous avons fait du bon travail. Il est très rapide et disparaît rapidement, mais il fait son travail. Nous pouvons donc frotter d'avant en arrière sans la peau d'oignon, bien sûr, il est toujours plus facile de juger de ce que nous avons fait Et ce qui est génial, c'est que nous pouvons toujours revenir en arrière et affiner l'animation. Il y a donc une chose qui, selon moi, peut être améliorée. C'est ainsi que la flèche apparaît. Nous pouvons donc utiliser l'outil d' effacement et simplement supprimer un petit peu au point de départ chaque image pour qu'elle soit un peu plus alignée sur le skateboard Comme si ça venait de derrière. Donc, si nous maintenons ce bord plus droit, cela ne fait que créer cette illusion de profondeur. Quelques cadres, j'ai fait du bon travail. Donc, là encore, quand il commence à disparaître, peut-être pourrions-nous le rendre un peu plus net, pour impression qu'il passe derrière lui, qu'il disparaît Encore une fois, au lieu de le passer en revue, nous voulons lui donner l' impression qu'il est disparaître une fois de plus Et maintenant, testons-le à nouveau. Retournez. C'est quelque chose de très subtil, et lorsque nous jouons vite, il se peut que nous ne nous rendions même pas compte que nous avons fait une différence. Mais croyez-moi, prêter attention à ces petites choses s'ajoute vraiment, et plus vous ajoutez d'animation, il devient très important prêter attention à de tels détails. Donc ça a l'air super, et je suis content de ce à quoi ça ressemble. 4. Animer les styles de calques: Maintenant, je vais vous montrer quelques techniques supplémentaires, qui sont en fait très simples. Ainsi, une fois que vous avez l' animation elle-même, vous pouvez commencer à jouer avec elle. Tout d'abord, je vais aller dans le panneau Couche et double-cliquer sur la couche Scribble Ainsi, lorsque vous double-cliquez, le panneau Style de couche s'ouvre. Et d'abord, essayons quelque chose de simple, comme la lueur extérieure. Si vous cliquez dessus, vous obtenez les paramètres ici sur la droite, qui peuvent être différents pour vous, mais je vais cliquer sur Réinitialiser les paramètres par défaut, qui se traduira par une lueur blanche. Réglé sur 35 %. Mais si nous en augmentons l' intensité, vous pouvez voir comment cela change. Je vais probablement le fixer à environ 50 %, et j'augmenterai également la taille et peut-être même l'écart. Cela ajoute donc une coupe très forte autour de la flèche. Voyons donc l' animation avec ça. J'en ai presque fait une source de lumière comme un néon. Semblable à ce que nous avons vu dans les exemples au début de ce projet. Je vais donc y retourner et préparer également en temps réel. Même dans ce cas, nous pouvons constater que cela a l'air plutôt cool. Mais il y a encore beaucoup d' autres choses que nous pouvons faire. Ainsi, par exemple, nous pouvons aller ici et ajouter une superposition de couleur C'est donc un autre effet que nous pouvons appliquer. Et je vais changer de couleur. Choisissez peut-être le jaune, qui ressortira bien du fond. Cliquez sur OK. Et d'ailleurs, vous pouvez toujours désactiver l'effet globe dans ce cas, car je veux juste me concentrer sur la couleur. Je vais le faire sélectionner. Encore une fois, on peut tout jouer . qui est génial, c'est que nous n'avons pas à revenir en arrière et à changer la couleur de chacun des cadres. Cela s'applique globalement à tous les cadres. Comme il s'agit d'une couche vidéo unique, le style de couche que nous appliquons s' appliquera à toutes les images qu'elle contient. Mais voici la partie intéressante du panneau de chronologie notez que nous pouvons animer éléments supplémentaires tels que la position, l'opacité et le style Pour nous, il est possible d' animer le style, qui est le style de couche Donc, si je clique sur ce chronomètre, cela créera une image clé dans le panneau de chronologie Maintenant, je peux déplacer cette image clé, je peux la repositionner jusqu'à la fin de l'animation Ensuite, je pourrais revenir au début quelque part par ici. Et si je reviens à l'effet de superposition de couleurs en double-cliquant dessus et en changeant la couleur peut-être en rouge, il se passera automatiquement du rouge au jaune tout au long de cette animation Donc, si je joue à ce jeu, vous pouvez voir comment la couleur change. Je peux maintenant revenir à l'image clé que nous avons créée. Retournez en arrière, et si je change d'avis, je voudrais peut-être passer du violet. Je peux commencer par le violet, et encore une fois, il finira par devenir jaune. Et ce qui est cool, c'est que vous pouvez même déplacer ces images clés, je peux les échanger, afin que je puisse modifier leur ordre. Si je veux commencer par le jaune puis passer au violet, c'est également une option, simplement en ajustant l' ordre de ces images clés. C'est ainsi que nous avons pu le faire rapidement et facilement. Maintenant, lorsque vous êtes prêt avec un détail, comme dans ce cas, j'ai l'impression que cette flèche est belle, nous pouvons aller dans le menu des couches et créer une nouvelle couche vidéo vide où nous pouvons continuer à ajouter un autre détail. Il est toujours préférable de les séparer plutôt que de tout faire sur la même couche. Il devient simplement plus difficile de déplacer les choses plus tard si vous le souhaitez. Nous n'avons donc pas encore nommé celui-ci, donc je vais simplement l'appeler X qui apparaît également ici dans le panneau de chronologie. Ouvrons-le juste pour voir les images clés, et je vais le dessiner peut-être quelque part par ici. J'utilise donc à nouveau l'outil pinceau sur ce nouveau calque, et je vais zoomer un peu plus près. C'est Command ou Control plus. Et pour revenir en arrière, on peut utiliser la commande zéro. Mais pour l'instant, j'utilise simplement la barre d'espace pour positionner la fenêtre du document Je vais commencer par un seul point, puis passer au cadre suivant à l' aide d'un raccourci clavier personnalisé. Et je vais aussi allumer la peau de l'oignon juste pour voir où se trouvait ce point. Et cette fois, je ne veux pas que ça bouge trop, alors je vais dessiner dessus et continuer à dessiner dessus. Et vous verrez que ce que je dessine ici n'est qu'un simple x, qui grossit, et tourne également lorsqu'il apparaît Ce ne sera donc qu'un petit détail supplémentaire que nous aurons dans notre animation. Il est très facile et rapide à dessiner. En alternant la publicité, l'allongeant, nous arriverons probablement un point où elle sera suffisamment grande et nous pourrons recommencer à la réduire. Il continue de tourner, mais il devient plus petit maintenant, comme ça. Devenir encore plus petit Encore plus petit jusqu'à ce qu'il disparaisse. C'est un peu trop long. Oui, comme ça. Peut-être un autre cadre où il y a un point, puis il disparaîtra, alors jetons un coup d'œil. OK ? Il sera toujours plus facile de voir ce que nous avons fait sans la peau d'oignon. Donc, si vous le désactivez, c'est comme ça qu'il apparaît en gros plan. Mais passons à la commande ou au contrôle zéro pour adapter la fenêtre du document à l'espace actuellement disponible. Ensuite, en utilisant la barre d'espace du clavier, je peux y jouer ou utiliser le gommage de la tête de lecture d'avant en arrière. Ça a l'air vraiment bien. qui est cool, c'est que si vous souhaitez le positionner ailleurs, vous pouvez simplement utiliser l' outil de déplacement et le faire glisser. Et cela va faire glisser toute l'animation jusqu'à ce point. Donc, dans le cadre, cela va apparaître plus bas. Nous pouvons également le positionner où nous voulons là-bas. Et si nous voulons qu'elle apparaisse plus tôt ou plus tard, dans l'animation, nous pouvons le faire en faisant glisser la couche entière vers la gauche ou vers la droite dans le panneau de chronologie Donc, si je veux l' aligner sur l'autre animation, elle apparaisse en même temps. C'est exactement ce que je peux faire, et je peux voir maintenant qu'il apparaît en même temps. Et ils ont exactement la même longueur, donc ils disparaissent en même temps. Et ce qui est encore plus cool, c'est que vous pouvez même dupliquer des couches vidéo. Il vous suffit donc d'aller dans le panneau des couches, de cliquer avec le bouton droit sur la couche. Vous voulez créer une copie de, choisir une couche dupliquée ou appuyer sur la touche Commande ou Ctrl J, et voici la couche dupliquée. Nous pouvons l'aligner et maintenant nous en avons deux. Nous pouvons utiliser l'outil de déplacement, faire glisser vers le haut, et maintenant nous pouvons en voir deux apparaître. Nous pouvons peut-être le reculer un peu. Alors maintenant, c'est un peu retardé. L'un apparaît , puis l'autre. On peut même l'installer quelque part ici. Puis rejoue-le, un là-haut, un autre là-bas. Et bien sûr, vous pouvez également y introduire styles de couches si vous le souhaitez. Mais juste pour que nous puissions voir, encore une fois, l'animation finale que j'ai créée pour ce projet contient pas mal de choses qui se passent. Il y a aussi du texte, qui est Andron. Je l'ai fait intentionnellement, donc ça ressemblera à des gribouillis, et ils se tortillent. Nous avons une autre grosse flèche superposée à un motif. Et si vous voulez regarder ce fichier de plus près, le fichier PSD d' animation de skateboard se trouve dans le dossier des fichiers d' exercices. Vous pouvez donc y regarder de plus près et vraiment analyser tout ce que j'ai fait ici Et si vous voulez regarder ce fichier de plus près, le fichier PSD d' animation de skateboard trouve dans le dossier des fichiers d' exercices. Vous pouvez donc y regarder de plus près et vraiment analyser tout ce que j'ai fait J'espère donc vraiment que vous trouverez ce projet passionnant et que vous aurez du plaisir à mettre en pratique tout ce que nous avons appris. Si vous créez quelque chose d'intéressant, assurez-vous de le partager sur les réseaux sociaux et de nous taguer pour que nous puissions également le voir et l'aimer. 5. Comment exporter votre animation: Avant de passer au projet suivant, voici quelques remarques finales concernant ce flux de travail. Tout d'abord, chaque fois que vous utilisez un fichier vidéo dans un document Photoshop, il doit toujours être disponible sur l'ordinateur. Sinon, votre fichier Photoshop ne fonctionnera pas. Les fichiers vidéo ne sont donc pas automatiquement intégrés dans un document Photoshop. Juste pour vous le démontrer, si je renomme le fichier vidéo d'origine et que j'ouvre l'un de mes fichiers Photoshop, comme celui que nous venons de créer, il affichera un avertissement indiquant qu'il ne peut plus trouver ce fichier. ce cas, tant que vous avez toujours le fichier vidéo, vous suffit de choisir de rétablir le lien dans ce menu et de choisir le fichier qui a été renommé Une fois que vous aurez choisi Ouvrir, cela vous permettra de le remplacer, et tout devrait fonctionner correctement. Tant qu'il s'agit exactement de la même vidéo, vous n'aurez aucun problème. Maintenant, lorsque vous êtes prêt à créer un projet vidéo, pour l'exporter sous forme de fichier vidéo, vous devez accéder au menu Fichier puis choisir Exporter, rendre la vidéo ici en bas. Dans ce menu, vous pourrez décider si vous souhaitez exporter toutes les images ou seulement une partie de votre animation, et vous pouvez choisir le format, la qualité et la taille plus haut ici. Si vous souhaitez exporter tous les cadres sous forme d'images individuelles, il existe même une option pour cela. Choisissez simplement la séquence d'images Photoshop. Et là encore, vous aurez la possibilité de choisir le format de fichier image et même la taille de ces images. Cela peut parfois être utile, mais la plupart du temps, je vous recommande de vous en tenir à l'encodeur multimédia Adobe, qui vous donnera le format h264, qui est en fait le format P quatre, le plus couramment utilisé Enfin, madame List, je voulais juste vous rappeler que même s'il est amusant de travailler avec les fichiers que nous vous donnons et de recréer ce que je vous montre, c'est toujours plus amusant de s' entraîner sur vos propres vidéos Trouvez une vidéo amusante que vous avez créée récemment, ouvrez-la dans Photoshop et amusez-vous à travailler sur votre prochaine animation de gribouillage 6. Générer une vidéo à partir d'une seule image avec des détails griffonnés: Au cas où cela vous semblerait un peu intimidant d'animer un clip complet et de dessiner sur chaque image une par une J'ai en fait un autre flux de travail passionnant et beaucoup plus rapide que je souhaite partager avec vous. Donc, cette fois, au lieu de nous fier à une vidéo existante, nous allons commencer par une image. Nous utiliserons l'IA générative pour transformer cela en vidéo. Mais avant cela, nous allons ajouter quelques illustrations ou dessins. Vous pouvez déjà le voir sur mon écran, cette image est quelque chose que j'ai générée avec Adobe Firefly, et il y a immédiatement des signes révélateurs Les mains sont toutes mélangées, nous pouvons donc immédiatement voir qu'il y a quelque chose qui ne va pas. Le visage semble également un peu trop mou, mais en général, c'est une image assez belle. La pose est donc belle, tout comme les ombres. C'est très réaliste. Et je l'ai vraiment aimé, et j'ai pensé que ce serait plutôt cool à utiliser avec le style que nous avions dans l'exemple précédent. Je n'ai donc fait qu'ajouter une couche supplémentaire, et à l'aide de mon pinceau dans Photoshop, j'ai peint dessus, retouché quelques lignes à gribouiller Je voulais m'assurer que cette longue file d'attente contourne la personne, qu'elle passe devant et derrière. Et il y a aussi ces petites stars que j'ai envie d'animer, et c'est tout ce que j'ai préparé. Il ne m'a fallu qu'une minute environ pour le faire. Ensuite, j'ai voulu trouver le bon modèle vidéo génératif basé sur l' IA qui ferait le meilleur travail à partir de cette seule image. Ce serait donc mon premier cadre, et je vais décrire ce que je veux réaliser. Maintenant, même si Adobe Firefly est bon, pour la génération de vidéos également Et lorsque vous sélectionnez une vidéo, vous pouvez décider si vous souhaitez utiliser modèle Firefly Video d' Adobe ou l'un de ces modèles partenaires, qui ne sera d'ailleurs pas inclus dans un abonnement standard à Creative Cloud Mais bien que ce soit un très bon moyen de tester plusieurs modèles, je préfère en fait utiliser le logiciel gratuit Pick. Ici, nous avons encore plus de modèles parmi lesquels choisir, et c'est juste un peu plus optimisé pour la vidéo, à mon avis, du moins pour le moment. Ils ont donc, par exemple, cette option automatique, qui déciderait automatiquement, en fonction de vos entrées, meilleur choix à utiliser ou du modèle qu' il serait préférable d'utiliser. Et en général, j'ai l' impression que c'est également un peu moins cher que les crédits de modèles proposés par les partenaires d'Adobe. C'est assez cher de l'utiliser pour la vidéo. Vous pouvez donc voir quelques-unes de ces vidéos qui ont été générées, et je peux vous montrer chacune d' elles afin que vous puissiez comparer les résultats. Et ici, sur le côté droit, vous pouvez également voir l'invite, que j'ai l'impression d'avoir un peu affinée par la suite . Mais c'est C dense ou C dens. Je ne sais pas comment appeler correctement ce modèle vidéo. C'est ce qui s'est passé, donc ça dure 5 secondes. Et oui, le principal problème, c'est que j'ai dû, dans mon message, me concentrer sur la danseuse, cambrer son dos, que j'ai retiré plus tard, puis nous avons obtenu un meilleur mouvement Nous avons donc une motion plus gentille et plus douce. J'adore la façon dont les cheveux bougent. Le principal problème, c'est que les lignes que j' avais tracées au-dessus d'elle commencent à s'effondrer, donc ce n'est pas idéal. Ensuite, nous passons à mon modèle vidéo préféré, Kling 2.5. Cela a vraiment fait du bon travail. Elle fait donc un beau virage, et les lignes suivent assez bien ses mouvements, même si ce n'est pas parfait, mais oui, c'est un assez bon résultat que nous avons ici. Le plus gros problème que j'ai remarqué ici est la façon dont les jambes changent. Donc, si vous faites très attention à la façon dont la jambe bouge. Donc, évidemment, c'est la jambe droite qui est droite. Et puis à ce stade, il passe simplement à la jambe gauche, qui est droite. Encore une fois, il s'agit d'une hallucination ou d'un problème typique lié à l' IA générative qui peut survenir Donc, si je joue vite, vous remarquerez maintenant ce qui s'y passe. C'est donc évidemment très étrange. Ensuite, j'ai essayé également un autre modèle appelé Wan, qui est intéressant, mais elle y est trop statique. Enfin, je suis retourné à Ling. Mais dans ce cas, j'ai fait une vidéo de 10 secondes. Et j'adore la danse qu'elle fait ici. Je pense que c'est vraiment cool. Et j'adore cet élément de design supplémentaire ou cette animation autour de ses mains. Donc, la façon dont elle bouge ses mains laisse des traces derrière elle. Je trouve ça très cool aussi. Voyons donc ce que nous pouvons faire avec une vidéo générée, comment nous pouvons l'affiner dans Photoshop. Nous allons suivre le même flux de travail qu'auparavant. Au lieu de simplement utiliser cette image statique à deux couches, je vais importer ce fichier vidéo. Je vais donc revenir à mon Finder et le glisser-déposer sur Photoshop. Et voici à quoi cela ressemble dans Photoshop. Nous avons donc une seule couche vidéo, comme avant, que nous pouvons parcourir et voir ce qui se passe. Maintenant, en ce qui concerne les jambes, je n'ai remarqué aucun problème, mais je remarque quelques problèmes avec les mains. Donc, au début, j'aurais dû réparer les mains, pour être honnête, avant de les intégrer à une génération vidéo, mais c'est en quelque sorte réparé une fois que les mains se séparent, ce qui est bien. Mais à ce stade, encore une fois, il se passe quelque chose d'étrange ici. Remarquez que le pouce de cette main est au bon endroit. Mais ensuite, ça change en quelque sorte et ça devient la main opposée. Elle devient donc la main droite. Ce n'est donc évidemment pas ainsi que le pouce doit être orienté. Il doit être orienté vers le bas. Donc oui, ça se répare après le revirement. Donc voilà, une fois qu'il revient, le pouce est à nouveau au bon endroit. Donc, oui, il est évident que les mains sont encore très difficiles à comprendre pour l'IA. Et lorsque nous faisons une pause et que nous examinons les cadres, il peut y avoir encore plus de problèmes avec les mains. Mais là encore, cette technique d'utilisation d'un calque vidéo dans Photoshop peut être extrêmement utile car nous pouvons retoucher image par image tout ce que nous n'aimons pas Encore une fois, cela peut prendre du temps en fonction du nombre de problèmes que nous rencontrons avec la vidéo. Mais dans ce cas, nous pourrions peut-être simplement nous concentrer sur la correction des lignes qui ont été créées ou ont généré ces lignes jaunes. Mais je vais aussi vous montrer comment je pourrais retoucher des détails encore plus complexes, comme la main ou peut-être la façon dont elle ouvre les yeux. À ce stade, j'aimerais qu' elle garde les yeux fermés, surtout s'il y a quelques cadres où ses yeux semblent un peu étranges Tout d'abord, comment effectuons-nous nos modifications ? Maintenant, deux options s'offrent à vous. Vous pouvez soit travailler directement sur la couche vidéo existante. C'est donc la couche la plus dense. Appelons-le simplement comme ça. Et je vais juste vous montrer comment cela fonctionne. Donc, par exemple, si nous voulions corriger un détail ici, continuons simplement à regarder la vidéo et peut-être que oui, peut-être par ici, remarquons la vidéo et peut-être que oui, peut-être par ici, que cette ligne montre correctement qu' disparaît derrière la jambe, puis qu'elle commence à apparaître ici. Donc, ce que nous pourrions faire, c'est un échantillon de sa robe ici, et je pourrais simplement peindre dessus. Pour l'instant, je ne vais pas utiliser la guérison ou quoi que ce soit d'autre parce que cela prend un peu plus de temps. Mais l'ajout de ce petit détail apparaîtra déjà ici. Si nous ouvrons cette section réduite, nous verrons qu'il y a un changement. Je peux donc passer à l'image suivante en appuyant sur Commande : l'astérisque est le raccourci pour avancer dans les images et sur la commande «   barre oblique » pour revenir Le mieux est d'utiliser le clavier numérique. Je peux donc passer à l'image suivante et encore une fois, assurer de rester sur le calque, puis de peindre dessus, revenir au cadre suivant. Et continuez comme ça. Nous avons donc pu corriger assez rapidement ce petit détail et nous pouvons déjà voir à quel point cela commence à s'améliorer. Maintenant, évidemment, nous devons continuer à le faire jusqu'à ce que le problème soit complètement résolu, mais c'est une méthode qui vous oblige à travailler directement sur la couche vidéo. Toutefois, si vous souhaitez travailler de manière non destructive, vous pouvez accéder au menu des couches et choisir les couches vidéo Nouvelle couche vidéo vide. Mais si vous conservez les couches dans le même groupe de vidéos, vous ne pourrez pas les utiliser les unes sur les autres. faut donc que cela sorte du groupe et que je remarque ensuite comment je vais pouvoir le faire glisser directement au-dessus de l' autre groupe de vidéos. Et maintenant, si je commence à peindre par-dessus, je peux toujours peindre comme avant. Les modifications que j'apporterai seront beaucoup plus faciles à suivre. Je peux simplement activer et désactiver ma couche, mais nous pouvons à nouveau voir quelles images ont été modifiées. Encore une fois, passons simplement revue quelques cadres ici pour voir cela. Il suffit de peindre dessus rapidement, passer au cadre suivant. Et tout comme si vous travailliez généralement de manière non destructive dans Photoshop en utilisant des calques séparés C'est également l'idée selon laquelle les modifications que vous apportez sont en fait effectuées sur une couche séparée. Vous pouvez donc voir quelques images ont été créées sur la couche vidéo d'origine, et j'ai apporté ces trois modifications supplémentaires à cette couche supplémentaire, que vous pouvez toujours activer et désactiver pour voir avant et après. Comme je l'ai déjà mentionné, ce n'est pas seulement le pinceau que vous pouvez utiliser. Vous pouvez également utiliser un outil à tige clonée et d'autres outils tels que des pinceaux de guérison. Mais il y a certaines limites. Donc, par exemple, si je voulais qu'elle garde les yeux fermés dans cette séquence, je pourrais peut-être revenir à un point antérieur de la vidéo. Il y a quelque chose comme ça là-bas. Ses yeux sont clairement fermés. Ensuite, j'utiliserais l'outil Clone Stamp, et tant que l'outil Clone Stem est réglé toutes les couches et que nous sélectionnons la couche vidéo d'origine, nous pourrons maintenir la touche d'option Auto enfoncée et cliquer sur le Ice pour en extraire un échantillon. Ensuite, nous nous déplaçons dans la chronologie où nous voulons ajouter cette modification, puis nous la positionnons et nous peignons dessus. Maintenant, je ne sais pas pourquoi, mais je ne pouvais tout simplement pas faire en sorte que cela fonctionne sur le calque vide, le calque vidéo vide. Donc, chaque fois que j'essaie de le faire, je reviens aux détails du cadre actuel. Vous ne pourrez donc pas peindre d' une image différente sur une autre, mais au moins cela fonctionne sur la couche vidéo d'origine. Nous pouvons donc voir ouvrir et fermer, ouvrir et fermer. Et nous pouvons évidemment passer par toutes ces couches et simplement repeindre. Maintenant, nous avons deux images où elle a les yeux fermés, et ça ressemble plus à un clin d'œil maintenant Mais tu as probablement compris l'idée. Ainsi, n'importe quel outil que vous pouvez utiliser soit sur la couche vidéo d'origine, soit sur une couche vidéo supplémentaire par-dessus, et vous serez en mesure de créer améliorations vraiment intéressantes sur n'importe quelle vidéo que vous avez générée Et pour être honnête, avec vidéo de haute qualité générée avec succès, la plupart du temps, il suffit généralement de corriger une vidéo de haute qualité générée avec succès, la plupart du temps, il suffit généralement de corriger quelques petits détails sur quelques images pour améliorer considérablement le résultat et se débarrasser des erreurs ou hallucinations évidentes que nous avons vues également de mentionner la solution de contournement qui consiste à utiliser le remplissage génératif pour corriger des éléments de votre vidéo C'est donc quelque chose que vous ne pourrez pas faire directement sur la couche vidéo d'origine. Cela va être généré en tant que couche générative statique distincte, mais je vais maintenant vous montrer la solution de contournement Ce n'est pas si compliqué. Alors souvenez-vous quand j'ai parlé de la confusion des mains au début du clip, pour que cela soit résolu plus tard, mais ici, au début, ça a l'air très mauvais. Disons simplement que nous voulions régler ce problème. Je vais sélectionner cette section ici. Disons-le. Ensuite, je vais parler de remplissage génératif, et je dis deux mains l'une sur l'autre. Je vais utiliser le modèle bêta Firefly Fill and Expand, qui n' est actuellement disponible que dans la version bêta de Photoshop Mais au moment où vous regarderez cette vidéo, elle sera peut-être également disponible ailleurs. Je vais donc simplement dire générer et après quelques tentatives, comme vous pouvez le voir ici sur le panneau des propriétés, j'ai finalement réussi à en générer un qui semble bon. C'est donc, encore une fois, avant et après que les proportions et la taille des mains ne soient pas parfaites. Donc si on fait un zoom arrière, on peut voir par rapport à l'ensemble du corps, ce n'est pas trop mal. Mais c'est peut-être un peu trop grand, surtout là-bas. Encore une fois, c'était avant et après. Mais juste pour montrer la technique, je vais choisir celle-ci. Et ce que je vais faire, c'est faire une sélection en fonction de mon masque. Je vais donc simplement cliquer sur le masque avec la commande ou le contrôle pour créer la sélection , puis copier à partir de cette couche. Je peux ensuite désactiver la couche. Et allez sur ma couche vidéo vide ou vierge et je vais y coller ce détail. Mais au lieu de simplement appuyer sur Commando Control V, nous devons nous assurer que nous utilisons l' option spéciale de collage sur place, qui est le même raccourci avec la touche Shift également enfoncée Donc, si je le fais, il le collera ici, et maintenant il sera mis à jour dans cette couche vidéo. Nous pourrions même simplement supprimer cette couche supplémentaire ici en haut, pour ne plus en avoir besoin. Maintenant, nous pouvons voir si je désactive cette couche qui était celle des aiguilles d'origine. Encore une fois, zoomez un peu, puis nous pouvons voir les aiguilles mises à jour. Maintenant, il serait logique de continuer à travailler avec ce cadre. Donc, si nous avions besoin du même cadre à nouveau sur l'image suivante, nous pouvons simplement utiliser le même raccourci, le coller, puis passer au cadre suivant , le coller et peut-être le déplacer un peu si nous le voulions. Mais nous avons déjà la même main sur les trois premières images. Comme vous pouvez le constater, le remplissage génératif, bien que ce ne soit pas aussi simple, peut également être utilisé dans ce flux de travail vidéo unique de Photoshop. 7. Conclusion: Bravo pour avoir terminé ce cours. J'espère que vous avez eu autant de plaisir à le lire que j'en ai eu à l'enregistrer. Et bien sûr, n' oubliez pas le projet de classe. Parce que n'oubliez pas que la pratique rend parfait. J'ai hâte de voir votre travail, alors assurez-vous de le soumettre. Et si vous aimez ce cours et que vous souhaitez en savoir plus avec moi, vous trouverez de nombreux autres cours ici. Allez-y, jetez-y un coup d'œil maintenant. J'ai hâte de te rencontrer dans le prochain.