Bases de l'animation image par image

1. Introduction: Je m'appelle Kyle Cernicky. Je suis directeur artistique et designer travaillant actuellement à New York et je me spécialise dans le design numérique, qui est vraiment tout type de design que l'on peut trouver en ligne. Tout ce qui est vraiment, des pages web au contenu des médias sociaux et tout ce qui se passe entre. L' une des choses vraiment cool que j'aime à propos design numérique et ce qui le rend vraiment intéressant pour moi est que vous avez la possibilité d'utiliser des animations et des animations graphiques. C' est ce que je vais vous enseigner un peu ici aujourd'hui. Dans cette classe, nous allons créer une animation de cellule. Je vais vous montrer trois styles de base différents d' illustration qui vont créer un look différent dans chacun des produits finaux et aussi trois exemples différents de la façon dont l'animation cellulaire peut être appliquée. Nous allons commencer par l'animation cellulaire seule, puis passer à l'animation cellulaire au-dessus d'une image, puis terminer par l'animation cellulaire au-dessus de la vidéo. Vraiment ce que je veux que vous retiriez de cette classe, c'est que la conception à sa définition la plus basique est vraiment juste la résolution de problèmes. Mais avec le design, il n'y a vraiment pas de bonne ou de mauvaise réponse à la façon dont le problème est résolu et je pense que vous verrez cela dans cette classe quand nous prenons une animation de base résolue et la transformons en trois produits finaux très différents. N' oubliez pas de me suivre et de passer en revue cette classe. J' aimerais entendre vos commentaires et une fois le projet terminé, n'oubliez pas de poster votre projet final dans la galerie des projets. 2. Projet, astuces et astuces des cours: D' accord, je vais commencer ce cours en vous montrant quelques trucs et astuces utiles pour les garder à l'esprit pendant les cours. Ici, j'ai les versions finales de ce que nous allons créer. C' est l'animation cel seule. Juste une illustration image par image de, j'ai illustré mon chien. Vous êtes libre d'illustrer ce que vous voulez. La deuxième partie est une animation de cel au-dessus d'une image. J' ai choisi d'utiliser cette image de produit ici, ce parfum. Ensuite, la troisième partie est l'animation au-dessus d'une vidéo. Maintenant, avec ces trois parties, si vous faites image par image, ce que nous allons faire pour la première partie ici, alors il sera exporté comme gif. Vous pouvez voir qu'ici, nous pouvons l'exporter directement à partir de Photoshop en tant que gif. Mais pour le dessus d'une image et sur le dessus de la vidéo, ceux-ci vont exporter sous forme de fichiers MOV ou MP4 donc je vais vous montrer très rapidement comment les transformer en gifs facilement. Ce que je fais, c'est que j'utilise un site appelé EZGif, donc c'est E-Z-G-I-F. Ensuite, faites de la vidéo à gif. Choisissez le fichier. Je vais utiliser ce parfum. Ouvrir. Télécharger la vidéo. Vous pouvez voir dans le coin ici qu'il est en train de télécharger. Il vous montrera un aperçu de ce à quoi ressemble la vidéo , puis vous pouvez compresser la vidéo ici. Je vais juste faire 500 pixels, convertir en gif. Il est en train de se convertir et cette casquette danse. Voilà, tu y vas. Il vous montrera un aperçu du gif , puis vous devez simplement sélectionner Enregistrer. Il viendra ici et économisera pour vous. C' est ainsi que vous prenez un fichier vidéo et le convertissez en gif. Maintenant, c'est un gif que je vais boucler. C' est aussi un fichier compressé, donc c'est facilement le partage, via certains messages. Un autre conseil utile ici est les peaux d'oignon et c'est quelque chose que je vais appeler quand nous commençons à l'utiliser aussi. Mais une peau d'oignon est fondamentalement une couche qui vous permettra de voir le cadre précédent et le cadre suivant. C' est mon animation en plus de la vidéo, que je vais approfondir plus en détail plus tard dans cette classe. Mais vraiment, c'est à ça que ça ressemble sans peaux d'oignon et c'est quand vous activez les peaux d'oignon. Ceci est vraiment utile lorsque vous faites image par image et que vous voulez que les choses utilisent subtilement ou bougent légèrement avec chaque image. Vous pouvez voir où était la dernière image et placer l'image suivante de manière appropriée en fonction de cela. Les peaux d'oignon sont tes amis. Nous voulons vraiment les utiliser lorsque nous utilisons une chronologie dans Photoshop. D' autres choses ici, les gars. Je vais juste commencer un nouveau document pour vous montrer quelques raccourcis Photoshop si vous êtes nouveau sur Photoshop. Laisse-moi me débarrasser de ma chronologie. Quelques raccourcis ici. B est le raccourci du pinceau. Nous voulons utiliser le pinceau pour réaliser nos animations image par image. Si nous voulons plus d'une main, illustration ou d'un aspect croquis, P est le raccourci du stylo, donc c'est le stylo ici et le stylo est similaire à l'outil d'Illustrator. Ça vous permettra de dessiner des points d'ancrage. Si vous voulez dessiner une forme personnalisée là c'est. Puis A est le raccourci pour déplacer des points d'ancrage individuels. Si vous dessinez une forme et que vous souhaitez affiner les points, c'est avec A. Lorsque vous utilisez l'outil Plume, nous sélectionnons P et vous voulez qu'il s'agisse d'une forme. Assurez-vous de sélectionner Forme dans cette flèche déroulante. Ce menu déroulant ici, pas Chemin. Path est pour si vous voulez taper le long d'un tracé, ce que nous allons utiliser l'outil plume car nous allons utiliser une forme. Ce que je fais en ce moment, c'est Undo. Ce raccourci est Commande Z à annuler. Aussi un outil utile, la gomme qui raccourci est E, gomme. Ensuite, pour la brosse et la gomme. Pour le rendre plus grand, vous allez vouloir utiliser le support haut, le grand support. Pour le rendre plus petit, vous allez utiliser le support bas ou plus petit. Ces deux touches sont situées à côté du P de votre clavier. Plus grand est le plus grand support, plus petit est le support plus petit. C' est pour la gomme et l'outil de brosse. Pour ajuster la douceur de la brosse ou de la gomme, maintenez la touche Maj enfoncée et utilisez les mêmes supports. Pour rendre la brosse plus dure ou rendre les bords plus tranchants, maintenez la touche Maj enfoncée. C' est aussi dur que la brosse peut obtenir et pour le rendre plus doux, vous maintenez le support Maj-plus petit et c'est pour rendre les bords plus doux afin que vous puissiez voir la différence là. même chose avec la gomme. Ensuite, pour zoomer et zoomer facilement sur votre toile Command Plus est de zoomer, Commande moins pour zoomer. Ensuite, si vous maintenez la barre d'espace enfoncée, vous pouvez cliquer et faire glisser n'importe où. Cela vous sera utile lorsque vous obtenez des détails avec vos illustrations. Vous pouvez facilement zoomer, zoomer et faire glisser les choses pour donner l'apparence que vous voulez vraiment. Ce sont mes conseils pour vous les gars. Juste quelques choses que j'aimerais que vous gardiez à l'esprit au fur et à mesure que nous avançons. Nous allons aller de l'avant et commencer par l'animation cellulaire tout seul. Cela peut être un peu difficile de commencer, mais gardez à l'esprit, à mon avis, c'est la plus difficile juste parce que vous ne pouvez pas compter sur des médias externes. Si vous pouvez passer à travers la première partie de cette classe, vous pouvez facilement passer à l'animation avec l'image et l'animation sur le dessus de la vidéo. Avec ça, commençons. 3. Qu'est-ce que l'animation Cel: Hé les gars, commençons. Avant de sauter dans la partie de brainstorming, je veux juste mieux définir un peu ce qu'est l'animation cel. Fondamentalement, l'animation cel n'est qu'une série d' illustrations réunies pour créer une animation, ou un graphique de mouvement. Je pense que cet exemple ici le montre vraiment bien. Parce qu'en haut, vous pouvez voir les croquis de base avec lesquels cette création a commencé, puis en bas vous pouvez voir le produit final. Alors je vais vous montrer rapidement d'autres exemples. Je pensais que celui-là était vraiment cool. Il vous montre que vous pouvez utiliser l'animation cel pour plus qu'une simple illustration, comme l'illustration de base ou le dessin animé. Il peut être utilisé pour la typographie expressive comme nous l'avons fait ici. Celle-ci, je pensais que c'était un style d'illustration cool. Ce n'est pas si complexe d'une illustration, style très simple, une palette de couleurs minimale, mais vraiment efficace, surtout avec la boucle que cette création a construite. Cela signifie que la dernière image de l'illustration et la première image de l'illustration sont les mêmes afin que l'animation puisse s'exécuter sans interruption. Ensuite, si nous voulons aller de l'avant et regarder un peu plus d'exemples d'animation de cel ainsi que commencer à réfléchir sur ce que vous voulez créer les gars. Nous reviendrons sur la page d'accueil de Pinterest et cherchons simplement l'animation de cel. Alors ça vous donnera une tonne d'exemples. 4. Animation de base : brainstorming: abord, nous allons commencer par remue-méninges pour notre première animation de base de cel. Pour ce faire, nous allons commencer ici sur Pinterest. C' est là que j'aime commencer beaucoup de mes projets. Cela m'aide vraiment à faire circuler ma créativité, m' aide à penser à de nouvelles idées et m'inspire. C' est ainsi que je commence beaucoup de mes projets, juste à venir à Pinterest. Je pense que pour ma première animation cel, l'animation cel sans aucun média externe, juste des illustrations basiques image par image pour créer une animation, je vais probablement faire quelque chose de assez simple. Je vais juste venir à Pinterest et chercher un style d'illustration simple. Ensuite, ici, cela vous donnera une tonne d'exemples, et comme je l'ai dit, c'est ce que je fais généralement quand je commence un projet. Je fais simplement défiler et je cherche des choses qui m'intéressent, styles que je trouve cool ou des styles que je pourrais me voir faire, ceux qui correspondent à mon ton créatif de voix. Ensuite, vous pouvez simplement créer un tableau. Je suis sûr que beaucoup d'entre vous savent déjà comment utiliser Pinterest. Un autre endroit que je cherche généralement pour l'inspiration est juste dans ma vraie vie. Je vais m'inspirer de Pinterest pour animer mon chien. Elle est là. Elle s'appelle Sydney. J' ai cette image qui est toujours génial de commencer à partir d'une image. C' est comme ça que vous faites un remue-méninges. 5. Animation de base : Esquisser: Reprenant là où on s'est arrêté sur mon tableau Pinterest, comme vous pouvez le voir, j'ai fait quelques recherches et trouvé quelques images supplémentaires que je trouvais plutôt cool pour ma première élimination. J' aime vraiment celle-là en particulier. Je pense que le style est vraiment amusant et ludique et il montre vraiment l'attitude du chien, ce que je vais certainement faire rose pour mon chien parce qu'elle est une diva comme ça. Je pense que ce style vous donne aussi un peu de marge de ce qui est de la précision des illustrations. Cela peut être un peu plus de main libre et vous pouvez être un peu plus libéral avec vos dessins et il sortira toujours vraiment, vraiment génial. Cela étant dit, commençons par le croquis ici. Il y a vraiment un certain nombre de façons que vous pouvez esquisser. Tu peux faire la main libre. Vous pouvez utiliser une tablette. Je vais utiliser une tablette Wacom qui est attachée à mon ordinateur, cela étant dit, je vais venir ici à mon Photoshop. Laisse-le s'ouvrir. Ensuite, je vais juste aller de l'avant sur le bouton Ouvrir qui est juste ici et puis mon image que je veux utiliser comme base, je vais aller de l'avant et l'ouvrir. Ouvrez dans cette fenêtre juste ici. Super. Il suffit de déverrouiller cela parce que je veux garder un calque, pas un arrière-plan. Ensuite, je vais venir ici à l'opacité et juste déposer un peu parce que je veux être capable de le voir, mais je veux aussi pouvoir voir ce que je dessine. Environ 90 pour cent est génial, dépend de l'image. Tu devrais peut-être aller plus bas un peu. Ensuite, je vais passer à ma barre d'outils et sélectionner le pinceau. Ou vous pouvez pousser b et ensuite vous pouvez voir avec mon stylo quelle est la taille de la brosse , mais vous pouvez mettre à l'échelle la brosse de haut en bas sur votre clavier en tant que raccourcis. En utilisant le plus grand support pour monter et le plus petit support pour descendre. Vous pouvez également ajuster la douceur de votre brosse en maintenant la touche Maj. Donc, si vous appuyez sur Shift, grand support, ça rendra la brosse plus dure. Donc tu peux voir ce coup. Alors je vais juste à Command + Z pour me débarrasser de ça. Ou vous pouvez rendre la brosse plus douce en appuyant sur Shift et en maintenant dans le support plus petit. Donc, vous pouvez voir que cette ligne a un bord doux. Ensuite, je vais pousser Command + Z pour que ça disparaisse. Donc, une fois que vous avez votre pinceau prêt ici, la première chose que vous voulez faire avant de commencer à illustrer est créer un nouveau calque avec cette petite icône de papier pliée. Ce que cela vous permet de faire est de dessiner sur le dessus de l'image sans affecter l'image en dessous. Vous devez créer un calque différent chaque fois que vous souhaitez déplacer une partie indépendante de l'image. Donc, par exemple, si je voulais dessiner un cercle ici, et ensuite je voulais que ce cercle bouge indépendamment de ce triangle. Maintenant, puisqu'ils sont sur la même couche. Je vais juste sélectionner l'outil de mouvement pour vous montrer ceci ou vous pouvez appuyer sur V pour un raccourci. Voyez que ces deux éléments se déplacent ensemble. Plutôt que si je crée un nouveau calque pour le triangle ici. Ensuite, vous pouvez voir que nous déplaçons ce calque, je peux déplacer le triangle séparément, puis le cercle séparément. Vous voulez vraiment penser à votre animation finale afin de configurer les fichiers d'esquisse appropriés. Donc sa tête, je veux juste être capable d'incliner sur un axe comme il se déplace, le corps restera à peu près au même endroit. Juste les détails de la fourrure se déplaceront légèrement. Donc, je vais créer deux couches. Ensuite, je vais étiqueter une tête et étiqueter un corps et ensuite nous sommes prêts à commencer à illustrer. 6. Animation de base : créer des créations: Bon gars, bienvenue et comme vous pouvez le voir, j'ai ajouté quelques couleurs à mon illustration sur mon chien Sidney ici. Vous pouvez voir que la couronne est séparée, le corps est séparé, et la tête est séparée. C' est pour que nous puissions déplacer ces pièces indépendamment les unes des autres car nous créons l'animation cellulaire, ainsi que l'arrière-plan est séparé. Si on les ferme, vous pouvez voir l'image originale ici. Si vous avez décidé d'esquisser à la main votre illustration, c'est 100 % bien. C' est le moment où vous devez l'apporter dans Photoshop. On va utiliser cette ligne de temps ici. Si vous n'êtes pas totalement satisfait de votre illustration, c'est bon. Tout est un processus d'apprentissage et cette classe est consacrée spécifiquement à l'animation cellulaire, pas aux illustrations. Ce qui est important, c'est que nous comprenions les étapes de l'animation de cette illustration. Ce que j'ai fait est juste de créer un plan de travail ici. Mon Canvas se trouve dans un plan de travail. Ensuite, je vais aller sur le panneau des couches et sélectionner ce plan de travail, puis juste pousser Command J. Ce que je veux faire ici, c'est faire briller la fourrure un peu et faire basculer sa tête dans le vol stationnaire de la couronne. Pour que je le fasse, je vais devoir modifier un peu la fourrure et juste incliner légèrement la tête et déplacer la couronne. Déplacer ou la couronne est la partie la plus simple, je peux simplement sélectionner la couche de couronne et maintenir les touches Maj et Flèches enfoncées pour le déplacer, ou je peux simplement le faire glisser comme ça partout où je le veux. Je vais juste aller aux frappes et une à gauche. Ensuite, je vais sélectionner la tête de pousser la commande T pour transformer, et juste l'incliner un peu. Ensuite, poussez Entrée et je vais juste le pousser dessus pour qu'il s'aligne mieux. Alors je veux que le pour bouger un peu, donc je vais sélectionner la tête. Pour cela, je vais aller à l'outil Liquefy, aller à Filter Liquify. Ensuite, vous pouvez voir qu'il est ici, Commande plus pour zoomer. Il est là. Alors ma brosse liquéfiée est énorme en ce moment, je vais la rétrécir. Ensuite, je vais juste déplacer les lignes légèrement juste pour que vous obteniez un mouvement subtil avec l'inclinaison de la tête, mais rien de drastique. Alors je vais pousser Ok. Vous pouvez voir si j'appuie sur la commande Z, vous pouvez voir que c'est à quoi ça ressemble maintenant, mais c'est à ça que ça ressemblait avant. Edit, Redo, c'est à ça que ça ressemble maintenant. C' est à ça que ça ressemble avant, super subtil. Alors je vais faire la même chose avec le corps. C' est à ça que ça ressemble maintenant, est ce qu'il était avant, Edit, Redo, voir à quoi ça ressemble maintenant et avant, toujours aussi légèrement. Dans cette étape, vous pouvez voir que nous avons incliné la tête, nous avons soulevé la couronne et légèrement ajusté la première. Nous allons aller de l'avant et répéter cette étape ici. Un petit truc que j'ai appris est de construire à partir du cadre précédent. Au lieu de commencer par l'image originale, commencera par la deuxième image. Je vais en fait copier la deuxième image, renommer frame 3. Ensuite, vous pouvez voir que la couronne est au même endroit et la fourrure est au même endroit, et les têtes à la deuxième place. Nous n'avons pas à faire un changement aussi radical. Je vais continuer à faire monter la foule légèrement. Un coup de pouce et un coup de pouce. Ensuite, faites l'inclinaison de la tête toujours si légèrement plus. Ensuite, nous allons ajuster les lignes dans la fourrure de la tête et du corps comme nous l'avons fait sur la dernière. On va juste continuer à faire cette étape. En construisant les calques du calque d'origine, nous avons retrouvé l'illustration originale. Maintenant, vous voyez que j'ai tous mes six cadres sont entièrement illustrés. Je pense que la différence la plus clairement visible dans les cadres ou les différentes positions de la couronne. Vous pouvez le voir monter ici et ensuite revenir en place. Ensuite, il fera la boucle ici et remontera et descendra. Même chose avec l'inclinaison de la tête dans la vague. Vous voulez vous assurer que chaque cadre est correctement illustré. Si vous voulez qu'il bouclera, vous devez vous assurer que la première image et la dernière image sont étroitement identiques, ou si non, sont identiques. Ensuite, ce que vous faites à partir d'ici, je vais enregistrer ce document, Enregistrer sous. Ensuite, ce que nous allons faire est File, Exporter, Artboards to Files. Lorsque vous effectuez cette opération, assurez-vous que vous êtes sélectionné sur un plan de travail particulier, car il n'exportera que ce plan de travail. Assurez-vous que vous êtes sélectionné sur un calque dans l'un des plans de travail, Fichier, Exporter, Plan de travail vers fichiers. Ensuite, vous voulez vous assurer de savoir où vous le sauvegardez. Je vais l'enregistrer dans le dossier. Ensuite, vous verrez ici ceci est ce que chacun des JPEG sera nommé, suivi du nom du plan de travail. Je vais juste le nommer illustration de Sidney et ensuite il dira cadre 1, 2, 3, 4, 5 ou 6. Je veux l'exporter en tant que JPEG ici. Alors il suffit de pousser courir. Super. Ensuite, ce que je vais faire est d'ouvrir un nouveau document et de faire du calque de base un cadre 1. Il suffit d'ouvrir l'image un du JPEG que vous venez illustrer, puis de revenir là où il est dit créer une animation d'image. Ce sera notre première image. Ensuite, nous allons ajouter ici tous les autres cadres ou simplement ouvrir votre Finder, puis glisser-déposer le reste des cadres sur votre image. Mon animation a six images, je vais créer six images dans la chronologie ici, 1, 2, 3, 4, 5, 6. Vous pouvez voir les chiffres dans le coin. Vous allez revenir à la première image et masquer toutes les images ultérieures et vous assurer qu'il s'agit de la première image, car elle appliquera alors cette action aux images suivantes. Au fur et à mesure que nous descendons, nous allons cliquer sur le cadre 2. Ensuite, laissez cadre pour apparaître, cadre 3, laissez cadre 3 pop, quatre, laissez cadre 4 pop up, cinq, même chose et ainsi de suite et ainsi de suite. ce moment, le timing est réglé à zéro seconde, ce qui est vraiment rapide. Je vais faire 0,2 seconde. Alors juste ici, vous pouvez changer si vous voulez qu'il boucle trois fois, une fois ou pour toujours. J' ai conçu le mien pour être une boucle. Je vais le dire pour toujours. Alors je vais laisser tomber. Là, vous l'avez. Encore une fois, vous pouvez ajuster la vitesse pour que je puisse le faire aller. Pas de retard, qui est la vitesse la plus rapide, qui est un peu trop rapide. Je peux le faire aller un peu plus lentement. Je peux faire une seconde complète par image, ce qui, je pense, donne un peu lent. Je vais faire 0,2 seconde. je pense que c'est ce que je veux que mon animation soit. Mais encore une fois, vous pouvez ajuster votre animation à la vitesse que vous voulez. Ensuite, syntonisez la leçon suivante pour voir comment nous exportons ces animations. 7. Animation de base : exporter: Très bien les gars, félicitations. Vous venez de terminer votre première animation de cellule ici. La dernière étape, l'envelopper, c'est juste exporter. Vraiment pour ce type d'animation image par image, il n'y a qu'une seule façon de le faire. Super simple. Vous allez juste aller Fichier, Exporter, Enregistrer pour Web, et puis cette petite fenêtre va apparaître et vous allez vouloir aller, GIF, les différents nombres ou le nombre de couleurs sont dans le GIF. Parfois, vous voyez un GIF et les couleurs sont éteintes, c'est probablement parce que c'est à un 64. Le Dithered versus No Dither est la façon dont les couleurs se diffusent les unes dans les autres. Pour ce style d'illustration vraiment basique, il n'y a pas vraiment de problème. Tu pourrais faire un 64, pas dithered et ça ira toujours bien. Mais je typiquement juste pour les meilleures pratiques ont tendance à exporter à 128 dithered et vous pouvez voir toutes les couleurs qui vont dans l'illustration. Si vous voulez redimensionner votre image ici, c'est très bien. Je vais probablement le dimensionner un peu. Il n'a pas besoin d'être aussi grand que ça. Je vais juste le dimensionner jusqu'à 80 pour cent et ça fera les pixels ici. Comme vous pouvez le voir, il semble toujours une grande résolution sage. Ensuite, vous allez cliquer sur « Enregistrer ». Je vais l'enregistrer dans mon dossier sid ici, et je vais le nommer juste sidney.gif. Sauvez, et là je vais en parler. Vous pouvez le voir ici et c'est un GIF. Voilà, tu y vas. C'est ainsi que vous faites un style très basique d'animation de style image par image. Si vous voulez cliquer sur la leçon suivante, nous allons voir comment combiner ce format avec l'imagerie. 8. Animation+Image : Brainstorming: Très bien les gars, bienvenue. Nous voilà à nouveau, commençant la deuxième partie de notre leçon en trois parties sur le Pinterest où j'ai dit que j'aimerais commencer la plupart de mes projets pour m' inspirer et faire circuler ma créativité. Pour la deuxième partie, nous allons continuer à développer l'animation de cel que nous avons apprise. Cette fois, nous allons utiliser l'imagerie, ce qui semble plus compliqué, mais cela rend le processus un peu plus facile. Donc tu verras ça. Juste pour que tu aies quelques idées, j'ai tiré quelques exemples de ce à quoi ça ressemble. Voici un très bon exemple d'utilisation de l'animation cel avec des images et il ne faut pas confondre avec le stop motion. Une grande partie de cela est le stop motion, qui est une série d'images. Cel animation est une série d'illustrations. La typographie au début en particulier est ce qui utilise l'animation cel ici, ainsi que certains des éléments illustrés ajoutés à la fin. Je l'ai laissé jouer à nouveau. Alors voici un peu plus. Vous pouvez voir que l'imagerie elle-même ne bouge pas. Ce serait une motion d'arrêt. C' est juste l'illustration qui bouge et c'est ce qui fait de l'animation cel. Encore une fois, vous pouvez également voir différents styles d'illustration qui entrent en jeu ici. Voici un autre exemple. Cela utilise encore une fois un mouvement d'arrêt. Les images des pommes à l'arrière sont le stop motion, mais les animations et les éclaboussures, ce sont des animations cel. C' est quelque chose que vous verrez être beaucoup utilisé avec le produit. Alors voici un autre exemple. Ici, le verre au milieu ou au fond et au milieu ne bouge jamais vraiment. Ce ne sont que les illustrations et la topographie autour de l'extérieur qui donnent à la vidéo des effets d'animation ou de mouvement. Donc, vous pouvez vraiment faire beaucoup d'animation cel. Juste pour une utilisation pratique ici, je vais sélectionner une image de produit de base et créer une animation cel autour de cela. Pour cela, nous allons aller sur ce site que j'aime utiliser. Ça s'appelle pexels.com. Il dispose d'images gratuites et de vidéos gratuites. Pour cela, je vais juste chercher une bouteille comme produit générique. Juste en fonction de ce que vous avez regardé sur Pinterest et de ce que vous vous sentez inspiré, vous pouvez sélectionner n'importe quel type de produits que vous voulez. Vous pouvez prendre votre propre image à laquelle vous voulez ajouter de l'animation cel, totalement bien. La photographie alimentaire est idéale pour cela. Donc, je vais juste sélectionner cette image. J' aime la fleur et je pense qu'avoir des fleurs poussent sur les côtés de la bouteille sera quelque chose de vraiment mignon et ludique que nous pouvons animer ici et aussi adapter l'esthétique de cette image. Je vais juste aller ici et « Free Download ». Cela va être téléchargé sur mon ordinateur et ensuite nous pouvons commencer le processus d'esquisse dans la vidéo suivante. 9. Animation+Image : Esquisser: Je viens de télécharger mon image ici. Je vais retourner dans mon Photoshop. J' ai encore ma dernière animation ouverte ici. Je vais juste aller de l'avant, et ouvrir ma nouvelle image, qui est dans mon dossier de téléchargements, puisque je viens de l'télécharger. Ici, c'est. Je vais renommer ça, et enregistrer ça dans un autre endroit. Pour la partie esquisse, je vais juste faire un peu de tracé, et jouer avec les couleurs, et comprendre exactement ce que je veux que l'animation de cellule fasse. Je suis sur le pinceau ici. Je pense que ça pourrait être sympa d'avoir des fleurs ici. Je joue juste avec ça. Je vais faire un style d'illustration plus raffiné. Cela m'aide juste à avoir des idées sur la façon dont la physique de l'animation va prendre vie. Travailler avec une image, je pense qu'il est un peu plus facile que de simplement faire une animation de cellule seule, simplement parce que vous avez le produit avec lequel travailler, et vous pouvez en sortir. Ce que je fais ici, c'est que je pourrais avoir un enveloppement commun d'animation autour du côté de la bouteille, puis déballer. Comme je l'ai dit, les fleurs qui fleurissent ici pourraient être belles. Peut-être que le parfum a manqué. Continuez à jouer avec, et découvrez ce que vous voulez faire, et obtenez votre croquis dans un endroit où c'est à quoi je veux qu'il ressemble quand il a le plus d'animation qui se passe. Alors c'est quand si ce n'est pas déjà numérique, va l'amener dans un espace numérique, afin que nous puissions commencer à construire l'animation sur le dessus. 10. Animation+Image : Créer: Dans la dernière leçon, nous avons terminé nos croquis au-dessus de l'image que vous avez sélectionnée. Comme vous pouvez le voir ici, j'ai fini mon croquis. J' ai fait un peu plus raffiné style, la dernière illustration, qui était un peu plus libre, mais cette fois j'utilise l'outil stylo avec l'outil pinceau sur le dessus pour certains des détails. Vous verrez comment ça marche quand je vais commencer à construire ce cel. Je veux commencer cette animation avec votre croquis à peu près construit, donc vous l'avez à construire au-dessus de quand vous construisez les cadres. Ce que nous allons vouloir faire est de fichier, enregistrer en JPEG. On va ouvrir une nouvelle fenêtre avec le JPEG plat. C' est là, génial. Alors je vais commencer par recadrer ça un peu. n'y a pas vraiment d'élément d'illustration ici, donc je vais juste découper ce côté et le ramener plus centré. Vous pouvez recadrer en utilisant le raccourci C, puis en le faisant glisser, puis en saisissant ou en cochant. Cela va être ma couche d'arrière-plan, et puis je vais simplement dessiner image par image au-dessus de cela, afin de l' avoir enveloppé et appuyer et gicler. Ce que nous voulons faire maintenant, c'est revenir à la fenêtre et à la chronologie, et au lieu de créer une animation d'image, cette fois nous allons faire une chronologie vidéo. Nous y sommes. Cela semble un peu différent, au lieu de l'image par image, vous allez obtenir cette chronologie. Ce sera encore une fois la couche que je traque au-dessus de. Je vais baisser un peu l'opacité, et ensuite ce que vous voulez faire est File, Place Embedded. Vous allez vouloir ajouter votre image d'origine, puis il suffit de l'aligner. On y va. Je vais juste mettre ça derrière et aussi abaisser un peu l'opacité. Super. Maintenant, vous avez ces deux couches vidéo, ce calque zéro est juste à tracer. Quelques conseils différents pour rendre cela plus facile est que vous voulez activer les peaux d'oignon, qui fondamentalement une peau d'oignon vous permet de voir ce que la couche précédente a, ou le cadre précédent a. Fondamentalement, si je devais dessiner quelque chose sur le premier cadre, comme un grand visage souriant ici, et puis je passe à la prochaine image. Vous pouvez toujours le voir de façon transparente, mais ce n'est pas vraiment sur ce cadre. Si je devais désactiver les peaux d'oignon, vous ne le verriez pas, mais retournez en arrière et c'est sur ce cadre. Je vais effacer cela, puis activer à nouveau les peaux d'oignon, et ensuite quelque chose d'autre que vous voulez vous assurer est que vous voulez définir la fréquence d'images de la chronologie, 30 images par seconde. Ça va vous donner beaucoup de détails. C' est essentiellement dire que vous allez faire 30 illustrations différentes ou 30 illustrations différentes par seconde, ce qui est beaucoup, et ce n'est pas vraiment nécessaire tout le temps. Si vous voulez une animation super lisse, vous devrez faire plus d'images par seconde. Cependant, je pense que pour ce scénario, il serait bon de faire 23 ou 15 images paires par seconde. Je vais le réduire à 15 images par seconde. Ce sera une animation choppier, mais cela limitera vraiment la quantité d'images que vous devez créer pour construire cette animation. J' ai mon image de base en arrière-plan et cela va finir par faire partie de l'animation, le produit final. Ensuite, j'ai ce calque que je vais tracer tout au long, que j'ai déjà illustré en fonction de la phase d'esquisse. Alors je vais aller de l'avant et prendre l'outil de stylo, et je vous montrerai comment utiliser ça. Comme je l'ai dit, c'est un style d' illustration différent pour lequel je pense que l'outil stylo est mieux adapté que le pinceau. Je vais aller de l'avant et utiliser l'outil de stylo ici. Lorsque je commence à utiliser l'outil Plume, il va créer un autre calque de forme ici dans la timeline. Je vais juste commencer à la base de l'animation où je veux que la motion commence. Là, vous pouvez voir qu'il a commencé un nouveau calque de forme, puis j'ai mon calque d'esquisse et mon calque d'image. Je vais juste le déplacer d'un cadre, et ensuite je vais couper cette couche ici. Assurez-vous que le calque Shape est sélectionné, puis appuyez sur les ciseaux, puis vous pouvez supprimer cela ; mais si vous regardez de près, parce que vous avez des peaux d'oignon activées, vous pouvez toujours voir quelle était la dernière forme sans il est présent dans ce cadre. C' est quand il est dans le cadre, et c'est ce que la peau d'oignon, vous pouvez le voir subtilement. Maintenant, vous savez comment déplacer la forme continuellement afin que ce soit la prochaine étape après cela. Je vais juste faire comme ça. Il suffit d'utiliser l'outil à plume pour dessiner des points d'ancrage juste là, puis passer à l'image suivante. Assurez-vous que vous avez sélectionné cette forme, puis appuyez sur les ciseaux, puis là vous allez, vous pouvez voir subtilement la forme à nouveau, mais c'est à quoi elle ressemblera. C' est à quoi cela ressemblera dans l'animation, puis c'est ainsi qu'une peau d'oignon vous permet de le voir. La peau d'oignon est super, super utile pour l'animation de cel car elle vous permet de construire sur lui-même. Je vais juste continuer à le faire en utilisant les points d'ancrage pour construire le long de mon croquis. Nous le déplacons sur image par image jusqu'à ce que le mouvement complet de mon croquis soit terminé. Vraiment, ce croquis n'est qu'une ligne directrice. Si vous trouvez que vous commencez à le faire et qu'il ne suit pas exactement le croquis, c'est tout à fait bien. Encore une fois, l'animation se déplace très rapidement, donc toutes les images ne doivent pas être entièrement parfaites, car vous ne verrez que l'image pendant une seconde. Alors ce que je vais aussi faire ici, c'est que je vais ajouter un nouveau calque, nouveau calque vidéo vide. Vous le verrez apparaître dans votre chronologie. Je vais le faire glisser, donc c'est sur toute la ligne de temps. Ce que je veux faire, quand je veux commencer à ajouter les coups de pinceau qui sont au-dessus de mon croquis ici, ils vont être dessinés dans le calque vidéo. Assurez-vous donc que vous êtes sur le calque vidéo ici, vous ne le dessinez pas au-dessus d'une forme au cas où vous vouliez pouvoir le supprimer dans l'animation finale. Si vous savez avec certitude que vous allez vouloir l'avoir dans l'animation finale, vous pouvez le dessiner au-dessus de votre forme, mais j'aime garder mes calques séparés et indépendants les uns des autres au cas où il y aurait quelque chose que je veux changer plus tard. Alors je vais juste sélectionner mon pinceau et monter ici, et j'ai utilisé un pinceau de calligraphie pour faire ces détails. Je vais juste m'assurer que je suis à nouveau sur ce pinceau, et ensuite je vais revenir ici, augmenter l'opacité pendant une seconde pour obtenir la bonne couleur. Je vais juste laisser tomber ça ici, puis baisser l'opacité pour voir vos peaux d'oignon. Sélectionnez le calque, pinceau, assurez-vous que vous êtes sur la bonne couleur. Je pense que je vais vouloir que ce soit un peu plus léger. Encore une fois, tout ne doit pas correspondre parfaitement à votre croquis, c'est juste une ligne directrice approximative. Je vais commencer ça ici et passer à la prochaine image. Si vous voyez, vous pouvez toujours voir cette ligne. Je vais aller ici et l'étendre, donc on dirait qu'il bouge, et ensuite je vais faire une autre forme avec le stylo. Si à un moment quelconque vous trouvez difficile d'utiliser les peaux d'oignon, vous pouvez modifier les paramètres. Vous pouvez abaisser l'opacité de la peau de l'oignon ou augmenter l'opacité, donc celui-ci le rend plus facile à voir. Vous pouvez également modifier le mode de fusion. Cela dépend de la couleur de votre image, quant à ce qui vous aide le mieux. Je pense que le mien est le meilleur à multiplier et environ 75 pour cent. Laisse-moi utiliser le stylo, dessiner une autre forme. Je veux que mes coups de pinceau bougent légèrement car ce ruban s'enroule autour de la bouteille. Je bouge légèrement le coup de pinceau comme ça va. Vous pouvez le voir commencer à se rassembler, et vous verrez vos couches se construire au fur et à mesure que vous allez. C' est juste une fois de plus, le tout début, mais vous pouvez voir le rouge qui traverse la bouteille, ainsi que le coup de pinceau en or qui commence à se former. Je vais continuer avec ça jusqu'à ce que la bouteille s'enroule complètement. Comme vous pouvez le voir, ces calques précédents ont été des étapes de sorte que lorsque la nouvelle forme commence, l'autre forme n'est plus visible, mais celle-ci je vais vouloir deux formes visibles en même temps, donc ces calques sont au-dessus de chaque autre. Comme vous pouvez le voir ici, j'ai beaucoup de couches qui se passent et c'est juste parce que je bouge légèrement image par image. Juste parce que je veux que ce ruban coule bien dans la brume ici. J' ai presque fini. J'ai presque tout dessiné. Je vais juste désactiver le niveau de peau d'oignon pour que vous puissiez voir. Même si vous venez de frotter, vous pouvez le tester. Je vais juste continuer ici et finir avec le spray, puis dans la leçon suivante, je vais vous montrer comment enregistrer et exporter ça. 11. Animation+Image : Exporter: Tous les bons gars. Donc, je viens de terminer tous les calques pour construire mon animation. J' en ai beaucoup ici, juste parce qu'il se passait beaucoup dans mon animation. Chacune de ces formes violettes ou chacune de ces couches violettes est une forme différente. Alors cette couche bleue a tous mes coups de pinceau dessus. Juste parce que chaque fois que vous créez une nouvelle forme, avec le stylet, il crée un nouveau calque violet. Vous pouvez voir dans mon panneau Calques, j'ai 41 formes pour créer cette animation. Ensuite, le seul calque a toutes mes illustrations. Lorsque vous terminez tous les calques, vous pouvez zoomer avant et arrière de votre chronologie ici avec cette si petite chaîne de montagnes dans une grande chaîne de montagnes. Vous pouvez effectuer un zoom avant en allant vers une grande chaîne de montagnes et effectuer un zoom arrière en vous dirigeant vers la petite. Si vous effectuez un zoom arrière, vous pouvez voir que vous pouvez ajuster la longueur de votre chronologie. Je vais juste m'adresser à la mienne jusqu'à l'endroit où mon animation est terminée. Vous pouvez voir ici, c'est la dernière de mes broches qui sortent. Je vais juste traîner ce petit marqueur vers le bas. C' est là que mon animation commence et se termine. Ensuite, si vous voulez faire défiler, d'avant en arrière, vous pouvez voir l'animation prendre vie. Maintenant, gardez à l'esprit que c'est avec des peaux d'oignon sur. Je vais aller de l'avant et désactiver les peaux d'oignon. Alors c'est à quoi ressemble mon image originale. Vous pouvez faire défiler ou vous pouvez frotter d'avant en arrière ici pour voir l'animation se produire. Alors ce que j'ai aussi fait, c'est que j'ai soulevé l'opacité ici. Vous utilisez simplement cette image comme modèle. J' ai soulevé l'opacité et j'ai aussi enlevé ce joueur qui avait votre croquis. Cachez juste cette couche. Ensuite, je vais revenir au début. Ensuite, vous pouvez appuyer sur « Play » sur votre timeline. Bouton de lecture ici. Regardez votre animation prendre vie. Si vous voyez des erreurs, vous pouvez toujours pousser le jeu, puis l'arrêter. Dis que j'ai vu une erreur là. Je n'aime pas quelque chose sur l'apparence de ce coup de pinceau. Tout ce que vous avez à faire est de sélectionner le calque qui a votre trait de pinceau. Je peux utiliser la gomme qui est le raccourci e, et je peux juste l'effacer. Aucun Biggie Command Z ne le récupérera. Idem avec tous vos calques de forme. Ils sont tous facilement ajustés. Quelques autres raccourcis rapides ici, si vous le mettez en pause et que vous ne pouvez pas sembler l'obtenir sur le bon cadre pour déplacer une image en avant comme ceci ici. Une image en arrière c'est la clé en arrière ici. Vous pouvez simplement déplacer image par image. C' est aussi cool de voir votre animation se déplacer lentement comme ça. Maintenant, nous allons exporter ça. façon dont nous faisons cela est d'aller à cette icône de hamburger où vous activez les peaux d'oignon. Ce que vous allez sélectionner « Rendu vidéo ». Ça va prendre une seconde. Alors ce que je rends généralement est H.264. Cela vous donnera un fichier Mp4. Si vous voulez exporter avec un arrière-plan transparent, vous allez vouloir faire une vidéo rapide. Si vous voulez un arrière-plan transparent où vous avez créé une animation de cellule que vous voulez poser au-dessus d'autre chose, ce sera QuickTime. Mais pour cela, je veux qu'il soit au-dessus de l'image. Je vais juste faire H.264, qui est encore une fois un fichier Mp4, que vous pouvez voir ici parfums croquis. Mp4. Je vais changer cela en animation de parfum, puis je vais sélectionner le dossier que je veux exporter dans ce dossier sur l'image qui a tous mes fichiers de travail à partir de cela. Ensuite, nous allons simplement sélectionner « Render » et il va rendre l'exportation de la vidéo. Mais on dirait que c'est fini d'exporter ici. Je vais juste aller voir mon détecteur, à l'endroit où je l'ai enregistré. Alors c'est là. Devrait être exploité comme un Mp4, qui est un fichier vidéo. C' est ainsi que vous créez une animation de cellule au-dessus d'une image. N' hésitez pas à publier vos projets finaux dans le panneau du projet. J' aimerais voir ce que vous avez fait et écouter ma prochaine leçon que je vais vous montrer comment créer cet effet sur un fichier vidéo. 12. Animation+Video: vidéo : brainstorming: Les gars, bienvenue à la 3e partie de l'apprentissage sur l'animation cellulaire. Ici, nous sommes de retour à mon endroit préféré pour remue-méninges Pinterest. Pour cette leçon, nous allons faire un remue-méninges sur ce que nous voulons créer pour notre animation cellulaire en plus de la vidéo. Encore une fois, j'ai tiré quelques exemples pour vous les gars de vérifier. L' animation sur le dessus de la vidéo est le concept similaire. Il s'agit d'une série d'illustrations image par image réunies pour créer un mouvement. Cette fois, nous intégrons un fond vidéo. Je pensais que c'était un exemple vraiment cool. Je pense qu'il illustre très bien le mouvement dans la vidéo, et c'est une animation cellulaire très avancée. Cela va probablement 23 images par seconde sinon 29 ou 30, donc c'est super lisse et très détaillé. Voici un autre exemple. C' est un peu plus lent et un peu chaotique. Un peu moins de cadre par seconde, je dirais. C' est un autre bon exemple. En voici un autre. Souvent, avec l'animation de cellule, j'ai vu juste en utilisant des effets d'esquisse blanc. Juste un pinceau blanc, juste parce que le blanc se démarque sur le fond en mouvement. Puis un autre cool que je voulais vous montrer les gars que j'ai vu sur mon Instagram, et ils ont fait un effet de croquis avec ça ressemble à un pinceau, mais ensuite ils ont ajouté une lueur pour qu'il ressemble au néon. Pour moi, ce que je fais, donc l'animation sur le dessus de la vidéo, je l'utilise généralement pour souligner le mouvement. Je pense qu'à part cette vidéo ici, cette vidéo a l'air d'utiliser un croquis pour sauvegarder les éléments narratifs de la vidéo. Mais je pense que c'est vraiment amusant à utiliser pour montrer le mouvement, qui est ce que fait cette vidéo, ainsi que cette vidéo. Pour ce projet, je vais vous demander de choisir quelque chose où vous pouvez montrer un mouvement. Pour moi où j'aime aller, je vais obtenir des images de stock et l'imagerie de stock est Pixels. Nous allons aller à Pixels, et la page d'accueil vous mènera à l'imagerie. Mais nous voulons nous assurer que nous regardons la vidéo Pixels, alors recherchez la vidéo Pixels. Je vais chercher des vidéos de skate, parce que je pense que ce serait quelque chose qui est vraiment cool d'ajouter un effet amusant à. Vous pouvez simplement faire défiler ici. Pixels a beaucoup d'options. Si vous voulez une vidéo de danse, vous pouvez regarder ça, et il y en a beaucoup. Mais pour moi personnellement, je pense que je vais aller avec une vidéo de skateboard. Allez-y et prenez un peu de temps pour comprendre ce que vous voulez que votre animation cellulaire soit au-dessus de. Je vais aller de l'avant et choisir une de ces vidéos de skate. Si vous voulez filmer quelque chose par vous-même, sur vos smartphones, c'est tout à fait bien et ça va certainement marcher. Dans la prochaine leçon, je vais vous apprendre à faire un storyboard et à planifier votre animation cellulaire en plus de la vidéo. 13. Animation+Video: vidéo : storyboarding/croquis: Bienvenue dans la partie suivante de l'animation cellulaire en plus des vidéos. C' est là que nous sommes partis, en regardant les vidéos pixels. C' est celui que j'ai choisi de télécharger. Je pense que celui-ci est génial parce que non seulement montre en skateboard, que nous pouvons faire quelques effets cool, mais il montre aussi la chute. Qui avec l'illustration sur le dessus, nous pouvons vraiment montrer l'impact de. Je suis allé de l'avant et je l'ai téléchargé ici. Ensuite, il est allé dans mon dossier Téléchargements. Ce que j'ai fait, c'est que j'ai ouvert la vidéo, puis j'ai juste fouillé et mis en pause dans différents domaines. Quand il est mis en pause pour prendre une capture d'écran, j'ai fait Command Shift 4, et puis ce n'est pas une capture en plein écran mais vous pouvez faire glisser ce petit curseur à la taille de l'écran, puis le laisser jouer un peu. pause. Puis capture d'écran, Command Shift 4. On y va. J' ai fait la même chose que tous les deux cadres. Ensuite, ce que cela fait pour nous, c'est qu'il fournit une base d'images que nous pouvons utiliser dans nos croquis comme vignettes pour esquisser au-dessus de afin que nous puissions planifier ou storyboard. Puis une fois que vous avez ces captures d'écran, voici toutes les miennes. Vous pouvez les disposer et les imprimer, puis utiliser du papier calque ou simplement un marqueur ou quelque chose à esquisser dessus si vous préférez esquisser à la main. Je préfère dessiner numériquement. Je suis allé de l'avant et j'ai aménagé quelques tableaux d'art ici. J' ai 12 cadres et mes croquis. Le premier n'est pas une illustration. Je veux juste commencer à jouer en tant que skateboarders qui viennent au coin de la rue. Ensuite, je commence par quelques illustrations très simples. J' ai choisi de faire juste blanc, illustrations de style très esquissé parce que je pense que cela va avec l'effet de grunge skateboarder de la vidéo. Ensuite, vous pouvez voir ici quand l'automne commence à se produire, je commence à mettre en évidence le terrain pour montrer un impact. Quand son pied frappe le sol, puis vers le bas quand le reste du corps frappe. Puis il sort du cadre et les gribouillis, suffit de le suivre. Lorsque vous les configurez, si vous esquissez numériquement, je viens d'ouvrir la première capture d'écran dans Photoshop, puis calque, nouveau tableau d'art à partir de ce calque. Ensuite, vous venez de copier qui s'ennuient avec la fonction de duplication de commande J, comme nous l'avons fait dans la première partie de ce cours. Dupliquer pour autant d'images que vous avez, faites glisser chaque capture d'écran et puis j'utilise juste l'outil de brosse ici. Ce que tu ferais, je te montrerai dans ce dernier écran. Ce que vous feriez c'est que vous avez votre capture d'écran ici, créez un nouveau calque, sélectionnez l'outil de brosse, B est le raccourci. Tu dessines ce que tu veux. Si vous n'aimez pas quelque chose comme, par exemple, je dessine en lui, vous pouvez utiliser l'outil gomme. Vous pouvez également essayer différentes options avec différentes couches. Dites que c'est une option et je veux cacher le calque, créer un nouveau, puis peut-être que je veux que celui-ci soit un pinceau plus épais et une couleur différente. Peut-être que je veux qu'il soit rouge. Ensuite, je peux utiliser l'outil gomme pour effacer afin qu'il ne soit pas en face de lui. C' est pourquoi je préfère esquisser numériquement parce qu'il vous permet de dire : « D'accord. Est-ce que j'aime ça ? Ou est-ce que j'aime ça ? » Peut-être que tu veux les deux. Mais je pense que le numérique vous donne la possibilité de vraiment tester et de jouer beaucoup plus. Mais encore une fois, si vous préférez un stylo et du papier ou un croquis physique, c'est aussi très bien pour cela. C' est le processus d'embarquement de l'histoire et d' esquisser votre idée pour obtenir des informations solides sur le dessus de la vidéo. Cela peut également être appelé animation rotoscope. Avec cela, nous allons Segway dans la prochaine leçon, qui est en fait de construire votre animation cellulaire au-dessus de la vidéo. 14. Animation+Video: vidéo : créer des créations: Très bien les gars, bienvenue. Nous nous sommes arrêtés pour vous montrer comment faire un storyboard sur votre animation en plus de la vidéo. Maintenant, nous allons sauter directement dans la construction de l'animation. J' ai mon storyboard ici ouvert en un dans Photoshop. Ce que je vais faire maintenant est d'ouvrir ma vidéo dans un autre onglet dans Photoshop. Ici, nous l'avons. Tu peux jouer à travers ça et ça va être assez agité. C' est ce qu'on peut s'y attendre. C' est parce que Photoshop n'a pas été fait pour lire une vidéo de montage. Vous verrez comment nous devons exporter cela différemment dans la leçon suivante, car Photoshop n'est pas conçu pour la vidéo. Ce qu'on va commencer, c'est qu'on va revenir au début. Je vais couper une partie de cette vidéo juste parce que je vais faire commencer l'animation. Lorsque vous pouvez voir la planche à roulettes et couper la vidéo rendra plus facile à travailler avec. Je vais le couper là-bas. Sélectionnez simplement le calque vidéo et appuyez sur les ciseaux. Vous devriez vous souvenir de cela quand nous avons créé l'animation au-dessus d'une image, puis supprimer. Ensuite, j'ai le plus petit clip que je veux éditer. La première chose que nous voulons faire est de créer une nouvelle couche vidéo. Couche, nouveaux calques vidéo, nouveau calque vidéo de lecture. Ensuite, il va apparaître dans le même groupe vidéo, mais nous voulons l'avoir en plus de la vidéo originale. Nous allons faire glisser ce calque sur le groupe vidéo comme ça. Ensuite, nous allons le faire glisser au-dessus de la vidéo. La raison pour laquelle nous faisons cela est de pouvoir dessiner sur cette couche vidéo. Ensuite, nous pouvons la faire disparaître ou la faire apparaître et ne pas avoir la vidéo en dessous affectée par elle. Nous pouvons également l'effacer sans effacer la vidéo ci-dessous. Si vous aviez sélectionné le calque vidéo et que vous dessinez au-dessus de ce calque vidéo et que vous vouliez ensuite l'effacer, vous finiriez par effacer également la vidéo elle-même. C' est ce que nous voulons éviter ici. Allez-y et sélectionnez à nouveau le calque vidéo. Je vais zoomer sur ma chronologie et activer les peaux d'oignon. Ensuite, vous allez simplement parcourir image par image et vous assurer que vous avez ce calque au-dessus de la vidéo originale sélectionnée. Sélectionnez le pinceau avec la touche de raccourci b. Puis allez-y et assurez-vous que vous avez la bonne couleur sélectionnée ici et commencez à dessiner. Encore une fois, je fais un look et une sensation très à main levée, croquis. Juste parce que je pense que c'est grunge et va avec le ton de ma vidéo. Mais si vous voulez qu'il soit plus géométrique et que vous voulez utiliser l'outil Plume, ou si vous voulez utiliser la forme, ce que vous voulez. Tant que vous allez image par image, c'est la même chose. Ensuite, vous passez à la suivante. Comme vous pouvez le voir, ma peau d'oignon me permettra de voir à quoi ressemble le dernier cadre. Je vais juste dessiner à peu près sur le dessus, cette façon il bouge légèrement. Assurez-vous de frotter une image à la fois. Sinon, vous obtiendrez un cadre où une illustration n'est pas visible à moins que ce soit quelque chose que vous voulez. Mais si vous frotter trop loin, vous ne pourrez pas voir l'illustration avec votre peau d'oignon comme celle-ci. Je ne vois aucune illustration. Ça veut dire que j'ai nettoyé plus d'un cadre. Si vous zoomez plus, cela est utile pour nettoyer plus lentement. Il est plus facile de déplacer le curseur seulement un peu si vous effectuez un zoom avant. Encore une fois, semblable à l'animation sur l'image, c'est vraiment correct si vous n'aimez pas l'apparence d'un cadre individuel. C' est 29 images par seconde en ce moment parce que c'est une vidéo que vous pouvez toujours ralentir si vous en avez besoin, mais c'est très rapide. C' est 129e de seconde que vous passerez sur chaque cadre. Tant que vous obtenez le mouvement général de chaque image vers le bas, peu importe à quoi ressemblera l'image individuelle. Continuez simplement à passer image par image jusqu'à ce que vous arriviez à la fin de votre vidéo. D' accord, les gars, donc j'ai terminé mes illustrations image par image ici. Vous pouvez prévisualiser votre animation en passant par image par image. Si vous poussez jouer et ne pouvait pas aussi regarder une version agitée de celui-ci. Mais pour voir la version lisse, nous allons devoir l'exporter, puis superposer la vidéo d'animation au-dessus de la vidéo originale dans After Effets. Je vais vous montrer comment faire ça dans la prochaine leçon. 15. Animation et vidéo : Exporter exporter: Nous venons de terminer notre animation de cel en plus d'une vidéo. Je vais vous montrer comment exporter ça et ensuite le mettre ensemble pour le produit final. Comme je l'ai dit dans la dernière leçon, Photoshop n'est pas vraiment destiné à éditer des vidéos. Ce que nous allons faire ici, c'est que nous allons cacher ce calque vidéo et exporter les illustrations avec l'arrière-plan transparent. On va cliquer sur cette icône de hamburger ici, rendre la vidéo, et j'en ai parlé dans une des leçons précédentes. Nous n'allons pas faire H.264 parce que c'est MP4 et vous ne pouvez pas avoir de canaux transparents en MP4, nous allons faire un temps rapide et ce temps rapide nous permettra d'avoir un arrière-plan transparent. Ensuite, nous allons passer au canal alpha, Straight-Unmatted, et le canal alpha est le canal transparent ; donc Straight-Unmatted, puis vous sélectionnez le dossier vers lequel vous voulez exporter. Je vais travailler sur la vidéo, choisir ceci, et dire, animation de skateboard, puis aller de l'avant et rendre. Lorsque vous effectuez un rendu, vous voulez vous assurer que votre montage est défini sur le début et la fin de l'animation. Ensuite, allez-y et regardez cela dans votre finder quand il est fini de rendre. Assurez-vous qu'il s'agit d'un arrière-plan transparent, et comme vous pouvez le voir ici, il l'est. Si c'est en noir, cela signifie qu'il est transparent. Vous pouvez voir l'animation qui se passe ici, mais c'est sans la vidéo en arrière-plan. Ce que nous voulons faire maintenant, assurez-vous de le sauvegarder au bon endroit, sur vidéo. Ils sont sauvegardés et vous pouvez les remplacer. Ensuite, nous allons aller de l'avant et ouvrir After Effects. Vous êtes After Effects est ouvert, nous allons aller de l'avant et glisser-déposer la vidéo originale dans le fichier du projet. Il viendra ici dans le projet, puis faites-le glisser sur votre chronologie, c'est là. Il devrait jouer facilement, et si vous rencontrez des problèmes de mise en mémoire tampon, vous pouvez réduire la qualité afin qu'il joue plus facilement. Tu peux voir ma barre verte ici, ça veut dire qu'elle est tamponnée. Je vais juste le laisser jouer et tampon pour qu'il soit plus facile de regarder en arrière. Je vais juste pousser la barre d'espace, qui s'arrête ; puis je vais attraper mon animation et glisser-déposer aussi. Vous pouvez le voir, mais ce que je veux faire ici c'est aligner ce clip avec le skateboard. Je veux revenir à l'image à laquelle j'ai commencé l'animation. C' était quand le skateboard était présent ou quand il était sorti de derrière, probablement à peu près là. Peut-être un peu plus loin. Ça a l'air juste. Ensuite, vous pouvez aller de l'avant et le regarder et le tester. Alors, si vous voulez le réduire, je vais le réduire à juste avant. Je vais sélectionner le clip vidéo, et pour couper After Effects, le raccourci pour max est Command Shift D, puis je vais supprimer ceci, et je vais le couper vers la fin aussi, juste ici. Commande Maj D, supprimez ceci, puis sélectionnez les deux éléments, maintenez la touche Maj enfoncée et cliquez dessus, faites-le glisser jusqu'au début de votre montage, puis attrapez ceci et faites glisser le curseur vers l'arrière, et c' est le partie active de votre chronologie. Je vais vous montrer comment exporter ça. Je vais aller, Fichier, Exporter, Ajouter à la file d'attente de rendu. Si vous préférez Adobe Media Encoder, c'est également très bien. Mais pour cette leçon, je vais dire Ajouter à la file d'attente de rendu parce que Media Encoder nécessite un logiciel supplémentaire. Je vais aller Ajouter à la file d'attente de rendu, puis Sortie pour sélectionner ceci si elle dit pas encore spécifié, et puis c'est là que vous pouvez aller et l'enregistrer. Je vais enregistrer dans mon fichier de projet, Skateboard Animation Final, puis appuyez sur Render, et vous pouvez regarder le processus ici. Ici, je suis dans mon finder et voici la dernière vidéo de skateboard. Voilà, vous l'avez, et avec ces gars, félicitations. Vous venez d'apprendre à faire de l'animation cel en plus de la vidéo. 16. Jusqu'à la prochaine fois...: Hé les gars, c'est encore moi. Je voulais juste vous remercier personnellement d'avoir pris mes cours. J' espère que vous avez beaucoup appris. N' oubliez pas de noter et d'examiner. Je veux entendre vos commentaires. Qu' est-ce que vous avez aimé les gars ? Qu' est-ce que vous n'avez pas aimé les gars ? N' oubliez pas non plus de poster vos projets dans le panneau du projet. Je veux voir ton travail. Je veux voir ce que vous avez créé et avec ça, merci les gars. Merci de vous accorder.