Transcription
1. Introduction: J' ai l'impression que presque n'importe quelle illustration pourrait être meilleure si elle était faite. Bonjour, je m'appelle Abbey Lossing. Je suis illustrateur et fabricant de GIF à Brooklyn, New York. J' ai donc eu le plaisir de travailler avec une grande variété de clients au cours des dernières années : le New York Times et le Washington Post, Google, Facebook, Lyft, Etsy et Target. Dans la classe d'aujourd'hui, je vais vous emmener pour mon processus de
création d' animations à l'aide d'une combinaison de Photoshop et After Effects. J' aime combiner ces deux programmes parce que Photoshop vous
permet de conserver la qualité dessinée à la main de vos illustrations, mais en utilisant After Effects, vous pouvez créer beaucoup plus de mouvement dans votre animation finale. Donc, dans cette classe, nous allons créer une animation, et nous allons commencer par un simple croquis de ligne. Ensuite, nous allons aller à l'animation du personnage. Ensuite, nous allons ajouter de la couleur au personnage et à l'arrière-plan, puis nous allons tout regrouper dans After Effects. Mon arrière-plan n'est pas une animation. Donc, quand j'ai commencé à utiliser After Effects, c'était vraiment un processus d'apprentissage. Une fois que vous avez vraiment appris les outils que vous devez utiliser et comment organiser le fichier, l'utiliser est assez simple. Vous devriez suivre ce cours si vous aimez illustrer et peut-être que vous voulez juste ajouter un peu de mouvement à vos illustrations. Je pense que cela vous aidera vraiment à rationaliser votre travail et à créer des animations
uniques qui sont peut-être un peu différentes de ce que vous avez fait dans le passé. Je suis excité que vous rejoigniez la classe. Commençons.
2. Pour commencer: Donc je suis vraiment excité que tu aies décidé de suivre ce cours. Dans cette leçon, je vais passer en revue les différentes étapes qui suivront tout au long de la classe et aussi les outils dont vous aurez besoin. Donc, ce processus que nous allons utiliser dans cette classe est idéal pour créer une animation de personnage se déplaçant à travers une scène. Donc, nous créons cette animation de personnage dans Photoshop, puis nous les faisons passer à la scène et After Effects. Pour mon projet, je vais créer une animation de personnage d'une fille qui colporte un vélo, puis je vais la faire passer à travers une scène qui est un paysage urbain. Dans la classe, nous utiliserons une combinaison de Photoshop et After Effects, et ce sont les programmes que nous utiliserons. Mais je vais également utiliser une tablette synthétique qui est quelque chose que je suis devenu friand et me sentir vraiment à l'aise à l'aide. Cela me permet de dessiner à la main plus naturellement dans Photoshop. Si vous vous sentez plus à l'aise avec un iPad ou peut-être un autre type de tablette avec Photoshop, vous pouvez vraiment utiliser ce qu'il vous semble le plus confortable. Donc, pour créer l'animation finale, la première étape consiste à créer un croquis dans Photoshop ou comme vous vous sentez le plus à l'aise. Vous voulez peut-être esquisser sur papier ou sur iPad. Mais nous allons planifier toute la scène et ce que votre personnage esquissé et comment vous voulez qu'ils bougent, et passer vraiment du temps ici pour créer un croquis vraiment détaillé et raffiné parce que je pense que si vous passez le temps ici, ça va vous aider plus tard. Donc, après avoir un croquis avec lequel vous vous sentez à
l'aise, l'étape suivante consiste à créer une composition de couleurs. Donc c'est là que vous allez planifier librement
où les couleurs vont être dans votre scène. Il est important de se rappeler que votre personnage va se déplacer à travers cette scène. Donc, vous voudrez peut-être vous déplacer. Si vous pouvez travailler sur des calques, vous pouvez déplacer votre personnage vers différentes zones de la scène simplement pour assurer que les couleurs fonctionnent bien dans différentes zones. Ensuite, une fois que vous avez une composition de couleurs qui, selon vous, fonctionne bien, nous allons passer à l'animation du personnage. Nous allons donc le faire dans Photoshop en utilisant des couches vidéo. Donc, nous allons commencer avec juste la version de croquis. Donc, même si vous avez planifié les couleurs, nous allons mettre cela de côté pour le moment et nous concentrer à nouveau sur un croquis parce que
vous voulez le faire, vous avez votre croquis toujours, mais maintenant nous allons faire un croquis. Donc, à la fin de ce processus, vous allez faire esquisser chaque image de vos animations. Ensuite, après cela, nous allons revenir dans les couleurs et rajouter vos couleurs sur votre croquis et ensuite nous l'exporterons sous forme de séquence PNG. L' étape suivante du processus consiste donc à créer votre illustration d'arrière-plan de scène finale. Donc ça ne va pas être animé. Mais vous voulez penser aux couches de la scène. Donc peut-être que vous avez quelque chose de très loin en arrière, et ensuite quelque chose qui va être plus proche du personnage. Donc, disons que vous traversez un champ, les arbres qui sont plus proches de vous vont sembler qu'ils se déplacent beaucoup plus vite que le soleil qui est vraiment loin. Donc, tout ce qui est dans votre scène, c'est plus loin, vous allez le mettre sur un calque et ensuite les choses qui se trouvent
au premier plan, vous allez l'enregistrer comme un autre calque. Je dirais, peut-être essayer de le garder autour de deux couches. Vous pouvez en ajouter autant que vous le souhaitez, mais juste pour le garder plus simple puisque c'est la première fois que vous allez utiliser ce processus, visons deux couches de profondeur. Vous allez donc les enregistrer en tant que deux images PNG distinctes. Après avoir enregistré vos fichiers d'arrière-plan et votre animation de personnage en PNG et une séquence PNG, nous allons tout combiner dans After Effects. Vous aurez donc vos fichiers et vous les importerez dans After Effects, et nous allons créer une composition où vos fichiers d'arrière-plan se déplaceront dans la composition et que l'animation de vos personnages reste immobile dans le centre de la composition afin qu'il ressemble à votre personnage se déplace à travers la scène. Donc l'animation finale va être similaire à une scène de film où je dis que la caméra suivait la personne qui bougeait. Donc la personne qui bouge sera toujours au centre de la concentration. Mais la scène, l'arrière-plan va se déplacer de gauche à droite ou de droite à gauche. La dernière étape du processus va être l'exportation de votre projet. Il y a quelques façons différentes de le sauver qui sont mieux pour différents. Ensuite, vous utilisez l'endroit où vous voudrez partager votre travail, et nous allons passer en revue tous ces détails. Aussi tout au long du projet, je partagerai différents conseils et astuces pour vous aider rester organisé et à rationaliser le processus, afin que vous puissiez créer rapidement et efficacement l'animation finale. Alors maintenant, nous allons commencer le projet. Alors commencez à penser à quel personnage vous voulez et comment vous voulez qu'ils bougent et aussi à quel type de scène vous voulez qu'ils se déplacent. D' accord. Maintenant, nous allons entrer dans la première étape qui est le croquis.
3. Ébaucher votre scène: Pour cette leçon, nous allons travailler avec ce croquis pour notre projet. Donc nous allons décider ce que le personnage va faire, comment il va bouger et scène qu'il va traverser. L' objectif principal de cette étape
du processus est de vraiment planifier comment tout va fonctionner ensemble. Donc, vous voulez obtenir les proportions de votre personnage, planifier les différents niveaux de l'arrière-plan, et juste vous assurer que la structure de tout fonctionne bien ensemble. Si vous vous concentrez vraiment sur
cela maintenant, cela va vous faciliter la vie plus tard dans le projet. Donc la première étape que nous allons faire est de créer notre fichier dans Photoshop. Nous allons donc commencer par une dimension de ce que l'animation finale va être. Donc, lorsque vous avez terminé votre animation, vous allez exporter un fichier de 1920 par 1080 pixels. Donc nous allons créer ça. Alors tu devrais avoir quelque chose qui ressemble à ça. Mais pour ce croquis de toute la scène, ça va être beaucoup plus long que la boîte que nous
avons parce que vous allez faire passer cette scène à travers cette composition. Donc nous allons utiliser l'outil de recadrage et faire glisser ça. J' aime dire peut-être environ trois fois plus large ou plus long que votre composition finale. Comme un bon terrain de bal avec lequel travailler pour votre croquis. Donc maintenant c'est ce que nous allons utiliser pour planifier notre croquis, mais l'animation finale va être beaucoup plus rectangulaire, pas aussi longtemps que ça. J' aime donc créer le document original comme taille de composition finale, juste pour que je l'aie dans ma tête. Parfois, si vous faites quelque chose pour Instagram et que ce pourrait être un carré. Les vidéos sont généralement 1920 par 1080. Mais j'aime juste ça comme point de départ juste pour le voir
visuellement avant d'étendre votre scène. Donc, la première étape de cette étape d'esquisse est de planifier votre personnage et comment vous allez les faire bouger pour la scène. Il est donc important de réfléchir à la façon dont vous pouvez rendre cela plus facile sur vous-même en termes d'actes d'animation. Ils ont animé aspect. Certains mouvements sont donc un peu plus faciles que d'autres. Si vous avez quelqu'un sur une planche à roulettes ou dans une voiture ce sera le plus facile parce que le vraiment leur corps ne bouge pas du tout. Ils sont peut-être assis dans la voiture et leurs cheveux peuvent être abandonnés par la fenêtre ou peut-être qu'ils sont juste sur une planche à roulettes et ils vont en descente pour qu'ils n'aient même pas à aimer bouger leur jambe et tout. D' autres animations de personnages vont être un peu plus compliquées. Donc, si vous avez de l'expérience dans l'animation et que vous voulez vraiment y aller, vous pouvez peut-être introduire un cycle de marche. Alors que la personne marche à travers la scène, ou vous pourriez les avoir peut-être si vous voulez prendre l'aspect du skateboard pour monter, peut-être que cela aurait pu être du skateboard, mais avoir leur jambe avoir à les pousser le long. Donc, tout ce sont des choses à penser quand vous planifiez votre personnage. Une autre chose à penser est de simplement garder tout plus simple et rationalisé. Vous allez créer beaucoup d'images différentes et cette animation de personnage. Donc, si vous avez beaucoup d'ombrage ou beaucoup de travail de ligne, cela va prendre beaucoup de temps pour faire chaque image. Donc, j'aime le garder plus à base de forme et plat pas n'importe quel ombrage seulement peut-être quelques lignes clés qui ont aidé à délimiter. Peut-être la ligne du menton du personnage ou si vous voulez ajouter des traits du visage que vous pouvez travailler avec cela aussi. Mais j'essaie de le garder aussi minime que possible. Pour ce projet, j'ai décidé
d'avoir un personnage sur un vélo pédalant à travers une scène urbaine. Pédaler, c'est un peu plus simple que de faire un vélo de marche. C' est la raison principale pour laquelle j'ai choisi ça. Je ne voulais pas que cela prenne trop de temps, mais je voulais aussi que le mouvement soit un peu plus intéressant que de dire quelqu'un juste debout plus statique. Le personnage va être un peu petit. Donc on va zoomer. Quelque chose qui peut être utile que je fais parfois est que je vais créer une boîte avec la taille finale juste pour que vous puissiez avoir cela pour référence. Donc, à partir de tout ce document, cette boîte de taille va être ce qui montre. Pour qu'il puisse être quelque peu utile lorsque vous faites votre personnage afin que vous ne les ayez pas à grand. Maintenant, je vais obtenir mon outil de brosse, travailler sur un calque séparé juste pour que vous puissiez le déplacer si vous avez besoin de caractère. J' aime utiliser un outil de pinceau juste parce qu'il fonctionne plus naturellement comme pour esquisser comment il serait normalement. Dessinez-le ici. Oui. Gardez-le aussi lâche que possible parce que nous allons revenir sur cela et créer un peu plus d'un dessin raffiné, mais c'est vraiment juste votre planification où tout va être. Donc, vous ne voulez pas perdre beaucoup de temps avec les détails. Je l'ai dessinée. Elle a l'air un peu grande dans cet espace. Donc cette couture que vous ne pourriez pas voir beaucoup de la scène de fond d'elle était si grande. Donc je vais frapper Command T et ensuite nous allons juste réduire cette taille, je pense que autour de cette taille sera mieux pour la composition finale. Maintenant, nous avons notre caractère. Je vais y aller et commencer à planifier l'arrière-plan maintenant. J' aime donc organiser mes fichiers et j'aime maintenir beaucoup de couches. Certaines personnes les effondrent, mais j'aime les garder séparés juste pour que vous
puissiez continuer à penser à comment les choses vont bouger. Donc, la couche de bâtiments va se déplacer à la même vitesse. Je vais garder ça sur une couche. Ensuite, s'il y a des bâtiments plus loin dans l'arrière-plan qui pourrait être sa propre couche dans le personnage va se déplacer tout seul. Donc, il garde le caractère sur un calque séparé aussi. Donc je pense que je veux faire une scène urbaine pour l'arrière-plan. Oui, j'aime dessiner des bâtiments. La principale chose à retenir ici est que vous voulez deux niveaux, et que vous voulez rétrograder et qui rend votre forme de ligne. Alors, prenons le trottoir. On va avoir des bâtiments. En créant plusieurs calques différents dans votre arrière-plan, vous allez pouvoir créer plus d'effet de parallaxe lorsque vous allez dans l'animation. Nous allons juste un peu plus visuellement intéressant et juste avoir une couche d'arrière-plan se déplacer à une vitesse constante. Donc nous allons avoir des bâtiments sur notre première couche comme je l'ai dit. Nous allons garder cela assez lâche parce que nous pouvons revenir plus tard et ajouter plus de détails et changer certaines choses si nous en avons besoin. Donc, une autre chose à penser lorsque vous créez votre scène est quand cette boucle, vous voulez que ce côté écrase parfaitement de ce côté. Donc ce bâtiment ici, je veux que l'autre côté de ce bâtiment soit juste ici. Donc ça n'a pas besoin d'une porte. La porte est là-bas. Rappelez-vous juste quand vous ajoutez de la couleur ou plus de détails que, comme disons, je vais dire que j'ajoute de la brique sur ce bâtiment, vous voudrez que ce soit aussi le même motif d'être ici. Ce sera ma première couche de bâtiments. Ensuite, ajoutons quelque chose qui est plus loin dans la distance ici. Donc, puisque c'est une scène urbaine, ajoutons des bâtiments plus grands. Ici comme il est plus urbain paysage et plus loin au loin. Alors ça va être un peu d'eau comme, un feuillage ou quelque chose juste pour rapprocher ces deux couches différentes. Donc, une chose qui est agréable quand vous travaillez sur des couches. Je peux désactiver l'arrière-plan si j'en ai besoin. Donc, je veux revenir en arrière et me concentrer sur ce croquis de personnage. Je pense qu'avoir l'arrière-plan, c'est juste un peu distrayant. Donc je vais éteindre ça. Je travaille en plusieurs couches. Je vais donc réduire l'opacité de mon croquis original à environ 20. Ensuite, je vais créer un autre calque. Donc maintenant je peux utiliser ce croquis lâche comme guide, et je vais revenir en arrière et créer un croquis un peu plus détaillé et raffiné. Il peut être un peu essayer dans cette étape se précipiter
à travers et juste aller droit à commencer à animer cela. Mais il est vraiment important d'obtenir le dessin dans un endroit qui vous
satisfait vraiment dès le début, car cela aura un impact sur tous vos autres cadres. Donc c'est comme votre guide et moi les autres cadres vont être basés sur ce dessin. Maintenant, je vais continuer à travailler ce croquis, ajouter des détails, et vraiment me concentrer sur la composition et l'amener à un niveau
avec lequel je me sentais à l'aise . Ce que nous avons ici est un croquis de ce à quoi ressemblera l'animation finale ou à quoi ressemblera la scène finale. On a tout prévu. Il y a un peu de détails, mais nous en ajouterons plus quand nous entrerons dans la finale. Alors allez-y et créez votre croquis. N' oubliez pas d'utiliser beaucoup de calques et de garder à l'esprit comment votre personnage va se déplacer et que votre arrière-plan doit correspondre d'un côté à l'autre. Alors maintenant, je vais affiner mon croquis un peu plus loin et ensuite je vais jouer un peu comment la couleur va fonctionner dans la composition.
4. Créer une palette de couleur: Donc maintenant, vous devriez avoir votre croquis tout planifié. Ce que nous allons faire ensuite, c'est planifier nos couleurs en faisant une composition de couleurs rugueuses. Donc, cela devrait également être desserré, et vous êtes juste de planifier quelles couleurs vont aller où et juste en vous assurant que vous avez une composition de couleurs vraiment cohésive. J' aime faire des compositions de couleur pour planifier où les couleurs vont être, et alors c'est vraiment facile. Si vous avez besoin de faire de légers ajustements de couleur, vous pouvez le faire à ce stade de sorte que lorsque vous allez dans votre illustration finale, vous n'avez pas à vous deviner vous-même, vous savez déjà quelles couleurs vont où et ce qui fonctionne bien ensemble. L' étape, même si cela prend du temps, et qu'il peut ne pas avoir l'impression de progresser vers votre illustration finale, elle finit en fait par vous faire gagner du temps parce que vous pouvez tout planifier rapidement, et alors vous pouvez simplement référencer cela lorsque vous faites votre dernière illustration. Alors je l'ai construit. J' ai construit l'arrière-plan, puis j'ai ajouté un personnage en plus de cela. Mais si vous sentez plus naturellement pour vous de commencer avec le personnage puis faire travailler l'arrière-plan hors du personnage, vous pouvez le faire de cette façon ou vous pouvez également travailler sur les deux simultanément et construire tout en même temps. Le but ultime pour cela est de juste vraiment planifier vos couleurs et assurez-vous
que le personnage va être en mouvement que vous avez le contraste dans tous les domaines. Ouvrez votre esquisse, puis faites File Save As color Comp. Juste pour que vous perdiez un détail de votre croquis,
vous pouvez revenir en arrière et regarder votre croquis et la composition de couleur en tandem. Vous devriez donc avoir quelques couches différentes de votre croquis. Mais je vais regrouper tous ceux en frappant Command-G. Cela ne supprime aucun de vos calques. Ça donne juste l'air un peu plus organisé en les mettant tous dans un dossier, et nous appellerons ce croquis. Donc maintenant, nous allons réduire l'opacité de ceci parce que nous n'avons pas vraiment besoin de ces lignes d'esquisse pour être, elles sont plutôt un guide. On va planifier nos couleurs. Il y a plusieurs façons de travailler. Parfois, j'aime planifier mes couleurs à l'avance. Je pourrais juste faire une petite palette sur mon site, presque comme si c'était une palette de peinture. Assurez-vous qu'il s'agit d'un calque distinct, car
vous voudrez désactiver cela plus tard. C' est peut-être une belle couleur brune. Tout le monde aura une palette de couleurs différente dans laquelle ils sont peut-être utilisés. Si vous avez une palette de couleurs que vous aimez, je vous recommande fortement de trouver un moyen de faire fonctionner cette palette avec cette illustration. couleurs que j'ai tendance à utiliser sont des couleurs vibrantes plus riches, jumelées à des couleurs plus pastel. J' ai donc essayé de l'intégrer dans ce projet. Donc, j'aime collecter soit juste des photos que vous voyez en ligne, pourrait être des photos ou comme des annonces, tout ce que vous aimez les couleurs et comment ils sont combinés les uns aux autres. Je recommande fortement de commencer une collection d' images
différentes juste pour que je puisse revenir en arrière et regarder à travers eux et obtenir de l'inspiration. J' aime choisir une palette de base peut-être autour de cinq ou six couleurs, mais cela dépend vraiment de votre style personnel. Mais je ne me limite pas à ces couleurs exactes alors que je travaille à la composition. Il est correct d'ajouter un peu d'
une couleur d' accent ici et là qui sont en dehors de votre palette. qui est sympa dans ce processus c'est que nous allons tout planifier, choisir les couleurs. Mais quand vous entrez dans la scène d'animation et After Effects, si vous réalisez que certaines couleurs ne fonctionnent pas ou peut-être que j'ai un problème de
contraste lorsque le personnage se déplace devant certains éléments, vous pouvez toujours revenir dans Photoshop et et changer les couleurs. Donc je pense que ce seront mes couleurs principales avec lesquelles je vais commencer. Mais une fois que vous entrez dans ce domaine, vous pouvez apporter des changements au fur et à mesure. Donc, je commence toujours avec les plus grands domaines de ce qui va être une couleur unie. Donc, en pensant aux différents bâtiments, quelles couleurs pourraient fonctionner pour chaque bâtiment. Si vous faites plus cohésif, me
voir avec un paysage d'herbe ou de montagnes, ce serait probablement un peu moins impliqué pour vous juste parce que ce sera couleurs
plus solides sur tout le fond. Alors peut-être que vous avez juste à faire vert pour l'herbe, puis une couleur pierreuse pour les montagnes. Je bloque les choses juste parce que c'est la façon la plus simple bloquer les couleurs de ces bâtiments parce que ce sont des rectangles. Mais vous pouvez simplement brosser rapidement les formes de votre scène ou utiliser l'outil Lasso, n'importe quoi. Vous ne voulez pas perdre beaucoup de temps avec les détails de cela parce que vous essayez vraiment juste planifier quelles couleurs vont aller où. En outre, passez quelques minutes de plus à travailler sur ce, vraiment obtenir la composition des couleurs pour être plus finalisée et vraiment juste travailler sur obtenir les couleurs pour bien travailler ensemble au sein de la composition. Maintenant que j'ai mon expérience planifiée, je vais ajouter de la couleur au personnage. Il est important de s'assurer que le personnage va se déplacer à travers la scène. Assurez-vous donc d'avoir un contraste dans tous les domaines. Donc maintenant je vais juste regrouper tous ces calques colorés, l'arrière-plan pour qu'ils soient tous ensemble. Maintenant, nous allons créer un nouveau calque pour le personnage. Je ne veux pas être noir parce que tu perdras le contraste ici. Donc peut-être un brun qui est entre ces deux nuances. Donc un peu plus léger que ça. En fait, allons-y avec l'obscurité. Si vous revenez en arrière et réalisez que certaines couleurs que vous avez choisies ne fonctionnaient pas, c'est pour ça que nous faisons ça. Il est donc très facile de faire des changements et des ajustements si nécessaire. En outre, cela devrait être lâche aussi. Je ne m'inquiète pas. Ce ne sera pas la version couleur finale de votre animation. On planifie juste les couleurs. Je choisis un ton de peau maintenant. Certains de mes bâtiments sont vraiment sombres. Donc je pense que je vais aller avec un teint plus clair. Mais je suis un peu inquiet à propos de cette fenêtre. Donc je devrais peut-être alléger un peu la fenêtre. Donc une autre chose que j'aime faire est de garder la fille sur une couche. Alors vous pouvez la glisser et voir comment les couleurs fonctionnent devant les différentes parties de la scène, juste pour vous assurer qu'il y a assez de contraste dans les différentes zones. Comme ici, je peux dire à la peau que ça ne marche pas contre cette couleur de bâtiment. Donc, je vais ajuster ça un peu. Donc, à l'origine, j'avais prévu que ce bâtiment soit une brique. J' allais en faire une couleur de brique, mais je me suis rendu compte que son teint était trop similaire. Donc je vais juste le rendre un peu plus léger bas et peut-être en brique en haut juste pour que je ne perde pas le contraste. Comme elle fait du vélo dans la rue, j'ai pensé que ce serait un peu étrange sans avoir voitures ou quoi que ce soit d'autre bouger autour d'elle, mais juste l'air un peu déserte. J' ai donc décidé d'ajouter une voiture dans ma scène, qui va aussi bouger. Mais c'est un élément supplémentaire que vous pouvez ajouter si vous décidez que cela pourrait aider votre scène. Donc, si vous allez faire des éléments mobiles supplémentaires, assurez-vous de les garder sur leur propre calque séparé juste pour qu'ils puissent se déplacer indépendamment. Alors maintenant allez-y et prenez votre croquis, créez un nouveau fichier intitulé Color Comp, et commencez à planifier vos couleurs. Maintenant que j'ai ma composition de couleurs, et que je suis content de la façon dont tout fonctionne ensemble, je vais prendre mon croquis de personnage, et je vais commencer à animer le personnage.
5. Animer le personnage: Alors maintenant que vous avez votre composition de couleur dans votre croquis tout prévu. Nous allons revenir
au croquis initial et nous allons prendre le personnage de ce croquis, et nous allons l'animer. Donc maintenant, je vais esquisser les cadres des pièces qui bougent, sorte que je puisse les utiliser comme guide lorsque j'ajoute la couleur. Pour ce faire, nous allons utiliser des couches vidéo dans Photoshop. Les couches vidéo dans Photoshop ont quelques fonctionnalités supplémentaires et font
simplement quelque chose image par image dans Photoshop. L' une de ces choses que nous allons utiliser est appelée Onion Skins, qui vous permet juste de voir l'image précédente de votre animation lorsque vous dessinez l'image suivante. Donc, dans cette étape, nous allons juste se concentrer sur le mouvement du corps de votre personnage. Nous ne nous inquiétons pas du fait que l'arrière-plan bouge, et ensuite se déplace à travers la scène, nous nous concentrons sur la façon dont leurs membres bougent, ou si leurs cheveux agitent,
c'est ce sur quoi nous nous concentrons à ce stade. Nous allons donc créer un nouveau fichier ; Fichier, Nouveau. J' aime faire ceci, l'animation du personnage, j'aime le rendre un peu plus grand que ce ne serait dans l'animation finale. Ainsi, vous pouvez zoomer un peu et ne pas perdre la qualité du dessin et nous allons être pixélisés. Je vais faire le mien six pouces par six. Alors faites glisser le personnage que vous avez de votre croquis, dans cette composition. Donc, il sera probablement plus petit parce qu'il est plus petit dans la composition finale, mais nous voulons, comme je l'ai dit, avoir quelques pixels supplémentaires pour travailler avec, donc nous allons augmenter un peu. Alors maintenant, nous allons mettre ça en place pour l'animation. Donc, ce que vous devez faire, c'est aller dans Fenêtre, Espace de travail, passer à Motion, puis Fenêtre. Parfois, votre chronologie peut apparaître automatiquement, mais si ce n'est pas le cas, accédez à Fenêtre, puis cliquez sur Montage. Maintenant, je vais parler de ça. Donc, il y a deux options que lorsque vous affichez votre chronologie, il va probablement dire créer une animation d'image, ce que nous ne ferons pas dans ce projet. Donc, si vous cliquez sur cette petite flèche déroulante, il dira Créer une chronologie vidéo, et je vais passer à cela. Ce qui arrivera est une chronologie, la valeur par défaut est de cinq secondes, et vous aurez vos calques dans cette chronologie. Donc pour l'instant, je n'ai que quelques couches. Donc je n'en vois que deux ici, mais nous allons en créer plus. Donc, la prochaine chose que vous devez prendre en compte est ici, ça dira votre fréquence d'images. Donc pour l'instant, la mienne est en fait réglée à 30 images par seconde, mais nous allons changer cela. Alors, allez dans ce menu déroulant juste ici, et cliquez sur Définir la fréquence d'images de la chronologie. On va passer à 24 images par seconde. Alors maintenant, vous verrez ici qu'il est écrit 24 images par seconde. La fréquence d'images est le nombre d'images par seconde dans l'animation. Donc, 24 images par seconde est standard pour l'animation vraiment. C' est donc ce que je recommande à tout le monde d'utiliser. Vous pouvez aussi faire, si vous faites 12 images par seconde, alors votre animation pourrait être un peu plus rigide, mais pour ce style, ce n'est pas toujours, je pense que c'est bien et alors vous pouvez faire moins de dessins par seconde. Donc, je dirais que vous définissez votre chronologie sur 24, mais alors vous pouvez avoir chaque image un peu plus longue, donc vous ne faites vraiment que 12 dessins par seconde. Donc c'est ta ligne directrice, et je sais que je veux que ses jambes pédalent, et je pense que je vais ajouter que ses cheveux ont une petite vague. Donc, nous allons garder cela sur un calque séparé et puis je vais créer quelques images. Je sais que je veux que la jambe bouge un peu moins. Ça peut être un peu plus rigide, donc je vais juste sortir ça. Ce serait un cadre, donc si je double ça, c'est deux cadres. Donc je vais commencer ici et nous allons faire juste un simple filaire, à utiliser comme guide pour le mouvement de ses jambes. Donc je suis juste en train de créer des cercles où sont les articulations, puis de les connecter. Je sais que sa jambe est sur une pédale qui tourne autour. Donc, en tant que guide pour ce chemin, où est-ce le guide ? Je vais faire un cercle. Ce cercle que j'ai ici, je l'utilise juste comme guide, la pédale, sur laquelle le pied sera allumé, se
déplacerait en cercle. Donc, si j'ai le pied suivre le chemin du cercle, alors le mouvement de la jambe semblera plus naturel. Ce n'est qu'un guide, ce ne sera pas dans cette animation finale. Je vais l'éteindre. Donc, on va baisser ça. Donc c'est ma première image. Donc, si vous faites glisser ceci vers le bas, il les regroupera automatiquement. Donc maintenant ils sont dans leur propre dossier, ici dans votre chronologie. Donc je vais appeler ce Wireframe. Ensuite, nous allons dans le menu déroulant, et nous allons dire Activer les peaux d'oignon. Donc, ce que cela fait, c'est quand je suis sur ma première image ici, et puis je passe à ma prochaine image, maintenant je peux toujours voir l'image précédente, cela réduit juste l'opacité automatiquement. Donc, je peux l'utiliser comme guide pour ce prochain cadre. Ce groupe de calques ici, j'ai essentiellement fait dans la chronologie ce qui serait, quand comme grouper des couches dans votre fichier Photoshop, il le fait mais avec des calques vidéo. Donc, fondamentalement, il rassemble simplement toutes ces couches, ce qui peut être utile, plus tard dans le processus si vous avez besoin de réduire l'opacité, mais vous ne voulez pas passer par couche par couche et réduire l'opacité de chaque couche. Vous pouvez simplement réduire l'opacité du groupe, puis il fait de même pour chaque couche de ce groupe. Donc fondamentalement, maintenant je sais que cela doit être une boucle complète, parce que nous voulons que ce mouvement bouclera de façon transparente pour l'animation. Donc fondamentalement, ce que je vais faire, c'est faire bouger cette jambe dans chaque position, jusqu'à ce qu'elle revienne à ce point. On va passer à la prochaine image. Nous voyons notre guide ici. Cette hanche ne bouge jamais, soit comme elle est assise. Donc ce cercle va à peu près toujours rester dans ce point. Le pied va reculer et descendre un peu. Ça va bouger de cette façon. Donc, essentiellement, vous êtes juste en train de traverser et de cartographier ce mouvement. Maintenant, nous allons passer à la couche suivante. Donc, vous pouvez voir que votre dernière image est juste là. Je vais éteindre ça. Donc on va monter un peu ça. Alors que le pied se déplace en arrière, le genou se déplace vers l'avant et vers le haut un peu. Donc, vous voulez garder la distance entre tous vos points à peu près la même. Donc, ces lignes devraient toujours être à peu près la même longueur parce que même si votre jambe bouge,
ce n'est pas comme si vos articulations allaient être plus courtes, juste leur position change, et l'angle. Donc, en fonction de votre mouvement, vous pourriez avoir besoin de plus d'images ou vous pourriez avoir besoin de moins, mais le temps de votre animation n'a pas nécessairement d'importance. Donc juste maintenant se concentrer sur la création d'une animation qui est lisse, et ensuite nous pouvons ajuster pour, si votre animation est plus courte ou plus, nous pouvons ajuster pour cela dans les effets après. Si vous n'êtes pas sûr du nombre d'images dont vous avez besoin, je dirais commencer vraiment avec ce
que vous pensez peut sembler rugueux quand tout est placé ensemble comme trop déchiqueté, et alors vous pouvez toujours revenir en arrière et ajouter des cadres entre vos cadres précédemment dessinés. Donc peut-être que si vous faites quelqu'un agitant, vous pourriez juste les dessiner ici, ici, et ici, et puis ça va ressembler à très vite, et déchiqueté quand vous jouez, mais ensuite vous pouvez aller entre ces deux-là, tourner vos peaux d'oignon sur et vous pourrez voir la première et la deuxième image
et vous pouvez tracer une ligne entre les deux, sorte que vous l'utilisiez comme guide pour dessiner vos entre-deux. Donc maintenant, nous avons le cadre métallique de la jambe qui bouge, et pour ce mouvement je sais que les deux jambes
vont bouger de la même manière juste à des moments opposés, quand une jambe est en place, l'autre jambe va être droite. Donc, je ne vais animer qu'une jambe et puis je peux juste copier ce groupe de calques, et changer l'ordre d'entre eux, et ensuite je vais faire l'autre jambe aussi, un peu comme ça. Donc je vais les copier alors vous l'avez, voyons quand c'est au point le plus haut, qui est juste ici, c'est pourquoi je veux
que celui-ci commence, alors vous avez les deux jambes. Donc maintenant que je vois que cela fonctionne bien, je vais ajouter cela dans plus de ce
qui va ressembler à cette animation finale et je vais faire la jambe réelle, pantalon jambe autour de ce fil. Cette deuxième étape était pour que vous puissiez voir visuellement que cela va
marcher , mais je ne vais m'inquiéter que d'une jambe au cours de cette étape suivante. Allumez à nouveau votre croquis initial, et maintenant nous allons l'utiliser comme guide. Donc pour l'instant, je vais seulement m'inquiéter de ce que j'
anime parce que je peux ajouter des couches des autres éléments plus tard, donc nous allons animer cette jambe donc je ne vais dessiner qu'une seule jambe. Créez un nouveau calque et vous
faites essentiellement la même chose que vous avez faite pour le filaire, mais chaque image vous allez ajouter un peu plus de détails. J' ai donc fait la première ligne filaire initiale comme guide pour cette étape, mais c'est vraiment facultatif. Si vous voulez juste aller directement à cette étape, vous pouvez. Il va être un peu plus difficile d'obtenir un mouvement vraiment lisse mais selon le type de mouvement que fait votre personnage, il peut être inutile de faire le filaire. Donc, ce premier cadre va juste être ce que notre croquis initial était. Donc, je vais juste tracer une jambe originale puis m'assurer que vous avez des peaux d'oignon allumées, et une fois que vous avez tracé votre jambe initiale ou quoi que ce soit dans le cadre du dessin va bouger, j'éteindrais votre croquis initial parce que cela va juste être déroutant plus tard. Maintenant, nous allons créer nos cadres, qui ajoutent seulement pour l'animation finale, mais pour le croquis final. Vous devez utiliser les sélectionner, faites-les glisser vers le bas. C' est ainsi que vous créez une couche vidéo. Donc il y a un cadre, et maintenant nous allons juste passer à travers, et dessiner la jambe du pantalon pour chaque cadre en utilisant le filaire comme guide. [ inaudible] Je vais juste continuer à dessiner ces cadres jusqu'à ce que j'aie fait les cercles complets pour qu'il crée une boucle continue. Donc voici mes jambes que j'ai fini, c'est juste une jambe,
mais je l' ai juste répété pour la seconde. Donc la prochaine partie que je vais animer est les cheveux. Donc, je veux que tout le reste soit assez statique, mais je voudrais que ce cheveu soit un peu agité. Donc ce type d' animation va être un peu différent du mouvement de lumière que nous avons fait. Donc je voulais être une agitation, mais je sais qu'il y aura un point statique juste ici. Donc ça va être le début de la vague. Donc ce point va rester le même et ça va être mon guide pour tous les autres cadres. Donc je vais laisser ce point là,
et puis je veux que les cheveux soient vraiment lisses, donc pour la jambe j'ai fait deux images par dessin, mais pour celui-ci je vais le garder à un seul cadre. Créez donc des couches de liens, vous pouvez les faire glisser vers le bas pour qu'elles soient toutes ensemble. Sur le premier, je commence toujours à faire le premier cadre, tout ce que j'ai dessiné de mon croquis. Ensuite, une fois que vous avez dessiné, désactivez le croquis parce que cela va juste être déroutant, puis assurez-vous d'avoir les peaux d'oignon sur. Ensuite, pour une vague, vous voulez juste que ce point reste le même, mais vous voulez que chaque profondeur et chaque valeur bougent un peu à chaque fois afin qu'il crée une onde continue. Ça va aller un peu. Donc, fondamentalement, vous changez juste les points élevés, vous les déplacez juste un peu vers le bas mais vous voulez qu'il se termine au même point et que vous voulez qu'il commence au même point. Tu vas à peine le changer à chaque fois, et tu vas continuer à le faire jusqu'à ce que tu reviennes à ton image initiale. Donc, en ce moment, c'est une courbe de cette façon. Donc je vais continuer à faire ça jusqu'à ce que cette courbe soit de retour arquée vers le haut. Vous êtes juste en train de s'assurer que ça bouclera. Principalement, vous êtes inquiet pour la boucle, et que la dernière image s'aligne avec la première image de l'animation, alors disons que je n'avais pas un solide de boucle. Si j'avais besoin d'un peu plus de cadres, ça ressemblerait plus à ça et verrait à quoi ça ressemble tout simplement mal. Donc, vous voulez juste vous assurer qu'aucune partie de l'animation saute. Donc, si vous êtes comme, si elle ne bouclez pas correctement ou si vous avez essayé de le raccourcir un peu et sauté quelques images, et que vous devez revenir en arrière et en ajouter, cela aurait l'air nerveux comme ça. Ceci est votre guide lorsque vous coloriez chaque cadre, donc il y a beaucoup de mouvement dans les cheveux et les jambes. Ce sera dur de le faire avec la couleur. Donc, j'aime faire un dessin au crayon d'abord juste pour que je puisse faire référence à cela lorsque je fais chaque cadre et couleur. Donc les autres parties de ce dessin ne vont pas bouger donc je n'ai pas vraiment besoin de les
redéfinir pour chaque cadre juste parce qu'elles vont à peu près rester les mêmes. Si vous suivez maintenant, allez de l'avant et dessinez tous vos cadres. Cela peut prendre du temps, mais cela en vaut la peine à la fin afin d'avoir une animation fluide. Très bien, et l'étape suivante sera d'ajouter de la couleur à votre animation de personnage.
6. Ajouter de la couleur: Maintenant que vous avez une ligne de travail dans votre animation, je vais la jouer, nous allons revenir en arrière et ajouter de la couleur à votre animation de personnage. Nous avons donc déjà planifié les couleurs pour le personnage et la composition des couleurs, donc vous allez vouloir référencer cela pour cela. Faites vraiment confiance aux décisions que vous avez prises dans la couleur calme, n'essayez pas de faire trop de changements à ce stade parce que vous avez déjà planifié votre personnage et comment il interagirait avec arrière-plan quand il était dans la scène et puisque nous n'ont pas l'arrière-plan ici, j'ai essayé de ne pas faire de changements à ce stade. Donc, si vous avez plusieurs calques ou groupes vidéo avec une esquisse miroir, votre contour de votre esquisse animée, j'aime les regrouper tous ensemble juste pour que ce soit moins de silicate et de titre que l'esquisse, et vous pouvez réduire l'opacité. Ensuite, pour la coloration dans votre animation, j'aime toujours garder tous les différents aspects sur différentes couches. Donc, je vais fondamentalement faire la même étape à nouveau par la couleur des peintures, et je vais les garder sur des couches séparées juste au cas où je devrais revenir en arrière et modifier peut-être que la nuance des peintures n'est pas tout à fait correcte. Si je les garde dans leur propre groupe, je peux y retourner et faire ce changement. Donc je garde la couleur sur un calque séparé, puis le croquis que je viens de faire. Je garde également chaque élément de la couleur sur un calque séparé ou un groupe vidéo. Donc, les peintures seront leur propre groupe vidéo. Je vais mettre cette chemise et une sur sa propre couche séparée, et les cheveux sur une couche séparée. Voici mes compositions de couleur, donc je vais y aller. C' est la couleur des peintures. Donc juste de tracer fondamentalement la belle façon de dessiner les lignes que vous venez de faire. Si vous dessinez votre forme de leur jambe de peinture, vous pouvez peinturebrosser ceci, puis ce sera une forme solide, c'est le plus rapide. J' aime la texture de la brosse, donc je peux colorer dans les cadres juste je maintiens cette texture. Donc cela prend plus de temps, vous n'avez certainement pas besoin de le faire, ou vous pouvez choisir un pinceau qui est plus gros. Donc, même si vous voulez ajouter de la texture, il y a beaucoup de façons différentes d'ajouter de la texture. Vous avez juste à comprendre ce qui fonctionne le mieux pour vous, mais j'aime la ligne de crayon de couleur tirant chance. C' est comme ça que je colore dans mon cadre, mais c'est à vous de décider ce qui fonctionne le mieux pour vous. Donc, pour cette étape, vous faites fondamentalement le même processus que vous avez fait précédemment pour le dessin au trait, mais vous ajoutez de la couleur et vous transformez toutes les formes en formes pleines. Après avoir fini de me tracer un dessin au crayon, et ensuite tu devrais avoir quelque chose qui ressemble à ça. Donc maintenant tu as ta seule jambe de peinture, et tu vas juste copier ça. Donc maintenant, nous avons deux couches de groupe vidéo de votre peinture. Donc, cette jambe se déplace à la position opposée de votre autre jambe. Donc, quand celui-ci est à son point le plus élevé, l'autre jambe est droite. Nous allons donc prendre ce deuxième calque copié, et c'est là qu'il est à son point le plus élevé. Nous voulons donc prendre à partir de là et en faire passer l'ordre au début. Donc maintenant nous avons les deux jambes, mais remarquez que vous ne pouvez pas vraiment, c'est un peu déroutant parce qu'ils sont tous les deux de la même couleur. Donc nous allons prendre cette jambe qui est en arrière-plan, et nous allons ajuster un
peu la couleur pour que même quand ils passent devant,
vous puissiez différencier les deux jambes. Donc, c'est une autre chose intéressante à propos de l'utilisation des calques vidéo, c'
est que j'ai pu changer la couleur de tous ces calques en un simple clic sur un bouton, Calque, Color Overlay, et cela va changer la couleur de toute cette vidéo couche. Ensuite, je ferais les cheveux. Donc juste faire la même chose que vous venez de dire avec les peintures, mais avec cette couche de cheveux. Créez donc de nouvelles couches. Ses cheveux étaient marron foncé. Donc, j'aime obtenir mon calque est déjà formé moi avant que je commence les dessins, sorte que vous n'avez pas à continuer à les créer comme vous allez le long. Ensuite, juste pour tracer votre croquis que vous avez déjà dessiné. Donc, pour cela, il y a un peu ici que je dois dessiner. Donc, cette ligne va rester la même pour chaque image. Donc la seule partie de tout ça, car il va bouger, c'est ça. Donc, il va allumer les peaux, donc maintenant vous allez passer par et faire la même chose que je viens de faire avec les peintures. Je vais aller de l'avant et la couleur dans [inaudible]. Maintenant que j'ai coloré dans tous les cadres des cheveux agitant, j'ai quelque chose qui ressemble à ceci, et je recommande de le rejouer juste pour être sûr que tout bouge correctement et que vous êtes satisfait de tout à ce scène. Heureusement, vous auriez dû régler
la plupart des problèmes de mouvement que vous pourriez avoir dans cette étape de croquis. Donc, à ce stade, vous êtes juste en train de vous assurer que la couleur est solide du
tout différente sur chaque cadre et que tout fonctionne bien ensemble. La dernière chose que nous devons faire avec cette animation de personnage est de colorier dans le reste des parties de son corps et de la bicyclette, et ceux-ci ne sont pas vraiment animés du tout. Cela peut donc être une étape beaucoup plus rapide de l'animation du personnage. En gros, je vais juste colorer chaque aspect de sa chemise, sa peau, et le cadre du vélo. Mais si vous dessinez ceci une fois et qu'il soit complètement immobile pendant que les jambes se déplacent plus rapidement, ça va sembler un peu étrange. Donc quelque chose que j'aime faire est juste de créer un ébullition des couches qui restent immobile, ce qui est juste fondamentalement le dessiner trois fois et ensuite avoir ces re-cadres boiteux sans fin. Maintenant, je vais y aller et créer trois nouvelles couches pour la chemise. Donc, pour les boules, je les fais juste deux ou trois cadres de long. Vous voulez qu'il soit plus comme atleast ondulé, vous ne voulez pas qu'il soit vraiment déchiqueté et rapide. Pour que nous puissions le rendre un peu plus long, ne le rendrons pas vite. Tu vas juste tracer un dessin ici. Alors pour cela, je ne vais pas m'inquiéter de la texture autant parce que c'est une couleur plus claire que vous ne seriez probablement pas en mesure de voir la texture. Quoi qu'il en soit, j'utilise juste cet outil de seau à peinture. Donc, tant que la forme est proche, elle remplira toute la forme. Alors faites ça. Tu vas répéter ça trois fois. Maintenant, vous avez les trois couches de chemise et vous allez simplement
les copier pour qu'elles durent toute la durée de votre animation. Donc là, maintenant vous pouvez voir ça. Ça va jusqu'à la fin. Donc c'est votre chemise, j'aime les nommer juste je sais ce que sont les choses, et nous ne voulons pas que la chemise soit avec les cheveux va
en fait être au-dessus des chemises. Alors faites glisser ça. Vous y allez, vous pouvez voir qu'il a ce petit tremblement. Donc nous voulons nous débarrasser de ces petites lignes faibles que vous pouvez voir, mais ça devrait ressembler à ça quand vous avez fini. J' aime faire cela juste pour créer un peu plus de mouvement pour les éléments
qui sont la plupart ne sont pas réellement animés, mais c'est complètement facultatif. Je vais aller de l'avant et de la couleur dans le reste des éléments de cette animation de personnage. Donc c'est ce que j'ai maintenant. Je viens de créer quelques boules de plus pour le vélo et le bras, et j'ai aussi ajouté un peu de travail de ligne de la même façon que j'ai ajouté ce que je boule pour la chemise, je viens d'ajouter quelques lignes. Comme vous pouvez le voir, elle n'a pas de pieds parce que ça va être coupé comme ici en finale, et j'avais juste quelques boules, un peu de boule sur ces lignes de vélo. Mais oui, c'est l'animation du personnage et je suis plutôt content de ça. Donc, je vais aller de l'avant et exporter ce fichier et le préparer pour l'intégration d'After Effects. Pour enregistrer cela, la première chose que vous devez faire est de vous assurer que votre couche d'arrière-plan est désactivée. Donc, vous devriez être en mesure de voir ce modèle à carreaux sur votre bureau ici et je crée un nouveau dossier. Fichier, nouveau dossier. Vous allez dire files_ae_skillshare. Ensuite, dans ce fichier, je vais créer un nouveau dossier qui est animé par des personnages. Maintenant que j'ai ça, retournons dans Photoshop. Votre calque d'arrière-plan est désactivé. Accédez à Fichier, Exporter, Rendu vidéo. Donc maintenant, il va faire apparaître ce menu et vous avez quelques options différentes ici. Donc le premier est le nom, nous pouvons garder cela le même, j'ai déjà titre cette animation de personnage. C' est là que tous ces fichiers vont être sauvegardés. Donc, vous appuyez sur Sélectionner le dossier, vous voulez être sûr qu'il se trouve dans le dossier que nous venons de créer. Donc, les fichiers A dans l'animation des caractères. Donc maintenant tous ces fichiers vont être enregistrés dans ce dossier. Alors appuyez sur Choisir. Maintenant, cela va probablement être réglé sur cet Adobe Media Encoder, mais vous voulez le passer à Photoshop Image Sequence. Donc, fondamentalement, ce que cela va faire, c'est qu'il va enregistrer une image fixe de chaque image. Nous avons désactivé l'arrière-plan, mais nous voulons passer à PNG. Le PNG vous permet d'avoir de la transparence dans les fichiers. Donc vous voulez vous assurer que cela dit PNG. Vous voulez vous assurer que la taille correspond à la taille de votre document. Si vous travaillez beaucoup plus gros, vous devrez peut-être rendre l'exportation un peu plus petite, et vous pouvez le faire ici simplement en changeant ces chiffres. Mais c'est une assez bonne taille. Je vais laisser ça tel quel, et la dernière chose dont vous devez prendre connaissance est ici les options de rendu, Alpha Channel, c'est votre transparence. En ce moment, il est réglé sur none, et vous voulez le passer à Straight-Unmatted. Alors tu vas frapper le rendu. Je le garderais de gros fichiers d'enregistrement rapide. Si vous allez dans ce dossier maintenant, vous avez chaque image de notre animation et vous pouvez dire qu'elle est sur un fond transparent parce que vous n'avez pas vu l'arrière-plan de mon bureau là-bas. Donc, nous avons chaque cadre juste ici. Alors allez-y maintenant et finissez d'ajouter de la couleur à votre animation de personnage, puis exportez-la en tant que séquence PNG. L' étape suivante, nous allons simplement créer l'illustration finale de notre arrière-plan.
7. Peaufiner votre arrière-plan: Maintenant que votre animation de personnage est faite et exportée, nous allons travailler à créer les illustrations finales pour
les calques d'arrière-plan et à les enregistrer en tant que fichiers PNG. Alors ouvrez votre composition de couleurs que vous aviez créée plus tôt. Fondamentalement, nous allons juste entrer et finir cette illustration. Vous avez déjà les couleurs prévues et vous devriez avoir un croquis assez solide. Donc, fondamentalement, vous allez juste entrer et affiner tous ces détails et terminer cette illustration pour qu'elle ait l'air finalisée. Donc, si vous fractionnez votre arrière-plan en premier plan, fond moyen, vous voulez être sûr de conserver tous ces calques de niveaux différents sur leur propre calque dans Photoshop afin de pouvoir les déplacer définitivement dans After Effects. Donc, je vais juste aller de l'avant et aller dans ce fichier et
ajouter des détails dans le travail en ligne et obtenir ce dessin en marge de l'étape finale. J' ai donc mon dernier dessin ici. Chaque couche de la scène, j'ai gardé sur sa propre couche. Donc j'ai mon expérience ici, cette chose qui va être la plus éloignée. Ensuite, j'ai ma prochaine couche de bâtiments. J' ai la voiture sur une couche séparée. Puis j'ai décidé d'ajouter un autre bâtiment qui va être assez de sol juste pour créer un peu plus d'intérêts dans une couche de plus de la scène. Donc, si vous voulez garder un peu plus simple,
vous pouvez simplement créer un calque pour l'arrière-plan et vous n'avez pas besoin de le séparer,
et vous n'aurez qu' une seule chose pour le temps et après les effets. Alors à quoi cela ressemblerait avec ce fichier car vous pourriez simplement avoir tout
ce bâtiment au lieu d'avoir cette
découpe où vous pouvez voir cette ligne d'horizon en arrière-plan. Vous pouvez simplement avoir quelques bâtiments en plus, donc il y a moins de couches dans votre scène. Maintenant, vous allez simplement exporter ceci pour After Effects. Revenez donc au fichier que vous avez créé précédemment où se trouve l'animation de votre personnage, et créez un nouveau dossier et appelez ce calque d'arrière-plan. Donc maintenant, vous allez enregistrer tous ces fichiers dans ce dossier. Nous allons les dire de la même façon que nous avons sauvé cette animation de personnage. Vous voulez donc être sûr que votre calque d'arrière-plan est désactivé afin que vous puissiez voir ce motif à carreaux. Vous allez enregistrer chaque couche comme son propre PNG distinct. Donc, nous avons ceci comme notre troisième couche. Frappez le fichier, enregistrez sous. On appellera cette ligne d'horizon. Passez ceci en PNG, et assurez-vous de l'enregistrer dans le dossier que nous venons de créer. Appuyez sur Sauvegarder. Donc voilà votre premier. Ensuite, nous sauverons ces bâtiments. Cette couche de construction donc, Fichier, Enregistrer sous, appeler celui-ci bâtiments. Assurez-vous qu'il s'agit d'un PNG, et dans le dossier correct, enregistrez. J' ai ajouté une voiture, ce qui est totalement facultatif. C' est juste un élément de plus que je pensais être amusant à animer. Donc nous allons sauver ça. Fichier enregistré sous, PNG, on lui donne le titre de voiture. Ensuite, le dernier élément, c'est la construction de premier plan, Fichier, Enregistrer sous. Parfois odyssée comme FG et BG comme premier plan et arrière-plan. Je vais juste abréger le bâtiment de premier plan. Alors allez-y maintenant et terminez vos couches d'arrière-plan, et assurez-vous de les enregistrer en tant que PNG avec des arrière-plans transparents, et assurez-vous que le titre du fichier est quelque chose qui vous donnera du sens parce que vous allez regarder en arrière et les référencer dans After Effects.
8. Animer dans After Effects: Maintenant que vous avez tous vos fichiers enregistrés en tant que fichiers PNG et qu'ils sont tous organisés dans des dossiers sur votre bureau ou où vous avez choisi de les enregistrer, nous allons ouvrir After Effects. Ainsi, dans After Effects, nous allons créer une composition principale similaire à votre toile dans Photoshop. Nous allons créer quelques compositions différentes, une pour chaque couche. Nous appellerons ces precomps et ensuite nous allons les faire glisser dans la composition finale avec un After Effects et ensuite nous pourrons déplacer les choses à partir de là. Nous allons créer notre composition, une nouvelle composition. Donc, ce sera la composition qui votre exportation finale de votre animation et cette taille, 1920 par 1080, c'est ce que nous allons enregistrer le fichier MP4 final sous. C' est donc une grande taille pour Instagram et partager d'autres endroits en ligne. C' est la taille standard de la vidéo. Donc on peut appeler ça Skillshare. Maintenant, nous avons cette composition ici, dans cette boîte noire. Aller à une composition, paramètres de composition. En fait, je préfère travailler sur un fond clair non pas qu'il ne s'affichera jamais, mais c'est juste plus similaire à Photoshop et c'est ce à quoi je suis habitué. Changez ceci à 24. Vous voulez vous assurer que c'est la même fréquence d'images que vous travaillez dans Photoshop. Nous travaillons donc en 24 images par seconde. Donc, vous voulez juste vous assurer que cela est réglé de la même manière. Donc, la première chose que vous ferez dans After Effects est que vous apporterez tous vos fichiers. J' aime créer un dossier de fichiers avec un After Effects et simplement les garder tous là juste pour qu'ils ne se mélangent pas avec quoi que ce soit d'autre. Nous allons aller dans ce dossier, aller dans notre animation de personnage et faire glisser ce dossier entier dans le dossier de fichiers. Maintenant, nous avons votre animation de personnage là-dedans. Nous allons aller de l'avant et prendre ces couches d'arrière-plan. Maintenant, lorsque vous prenez les calques d'arrière-plan, vous ne voulez pas faire glisser le dossier entier, faites glisser tous les fichiers individuels dans un dossier. Donc, nous faisons glisser le dossier de l'animation du personnage. Nous prenons tout le dossier parce que nous voulons que ces fichiers restent ensemble parce qu'ils sont une animation. Mais pour les calques d'arrière-plan, nous voulons qu'ils soient chacun leur propre fichier séparé avec un After Effects. Donc, nous allons les conduire individuellement. Vous allez donc créer une composition pour votre animation de personnage, une composition pour vos calques d'arrière-plan,
cependant, de nombreux calques d'arrière-plan que vous possédez. Donc, si vous avez trois couches d'arrière-plan, vous aurez besoin de trois compositions pour celles-ci. Vous les déplacerez dans votre composition finale et vous
y ajusterez jusqu'à ce que vous obteniez une boucle transparente qui semble chronométrée correctement. Donc maintenant, je vais faire un autre dossier et je vais appeler ce precomps. C' est un peu une étape supplémentaire, mais il est plus facile d'apporter des modifications plus tard si vous en avez besoin. Donc fondamentalement, je vais juste faire un tas de compositions
séparées et je vais les baser sur la taille de celles-ci. Donc, je vais commencer par l'animation du personnage et si vous cliquez dessus, vous pouvez voir que la taille de ce fichier est de deux ou 2 220 pixels par 1 800 pixels. Donc composition, nouvelle composition et je veux qu'il soit de cette taille. Vous devez décliquer sur les rapports d'aspect de verrouillage afin que vous puissiez avoir un rectangle de taille différente. Donc, créez ça. Mettez-le dans ce dossier. Alors faisons-le glisser dans les précomps. Cliquez sur ce bouton pour ouvrir. Pour renommer un fichier et After Effects, il
vous suffit de cliquer sur Entrée. On appellera ce personnage. Alors maintenant, faites glisser ceci dans ce précomp. Vous avez maintenant ce fichier avec un After Effects. Cela ne dure donc que
moins d' une seconde et nous savons que notre animation finale sera plus longue que cela. J' essaie de garder votre animation finale sous 12 secondes. Donc, si vous cliquez sur la couche et appuyez sur Commande D, il fait une copie. Donc, en gros, nous copions juste toutes ces couches. Vous pouvez faire plusieurs à la fois. Ensuite, si vous appuyez sur Maj Command bracket, cela amène tous ces calques à l'avant. Alors, voilà. Nous avons tous été copiés, sorte qu'il durera 12 secondes entières. Maintenant, l'animation finale ne sera probablement pas si longue, mais c'est bon juste de vous donner un peu d'espace supplémentaire. Donc, la dernière étape pour cette composition, couper venir à la zone de travail et qui va juste pour le couper vers le bas. Éliminez tout le temps supplémentaire que nous avions à la fin. Maintenant, il y a de la composition, il y a 12 secondes. On va faire la même chose pour toutes ces autres couches. On va juste créer leurs propres compositions. Pour tous leurs fichiers d'arrière-plan, il n'y a pas d'animation. Il ne s'agit donc que d'un calque fixe, vous n'avez donc pas besoin d'
effectuer des ajustements lorsque vous les apportez dans ces compositions dans After Effects. La seule raison pour laquelle je le fais est plus tard si vous avez besoin de revenir en arrière et d'apporter des modifications aux fichiers, vous pouvez remplacer ces fichiers. Si vous avez fait une animation, cela restera dans le précomp. Non, ce n'est pas dans le dossier. Donc on va en faire une pour la voiture et ensuite faire glisser la voiture là-dedans. J' ai deviné mal ici, alors voyez comment cela se coupe avec cette composition, les paramètres de
composition et ensuite il doit être un peu plus large. Donc, si vous faites simplement glisser la largeur de ceci,
cela rend votre composition plus large, ou vous pouvez entrer et entrer. Alors faisons-le 2 200. On y va. Faites-en un pour la ligne d'horizon. Je vois ici que 7 496 sur 1 080. Vous pouvez changer l'heure ici aussi. Je sais que je veux que tout ça dure 12 secondes, donc on va toujours changer ça là. Skyline, puis faites glisser votre skyline ici. Pour ceux-ci, nous allons nous assurer que la boîte s'
aligne juste pour que lorsque vous les placez tous la même composition, ils s'alignent de la même manière qu'ils l'ont fait dans Photoshop. On va faire la couche de construction. Ils sont tous de la même taille. Donc maintenant j'ai tous ces precomps avec mes fichiers de Photoshop. Donc ici, vous verrez, sont toutes des compositions que j'ai ouvertes, et vous voulez être sûr que vous travaillez sur la bonne. Je vais donc aller à cette animation Skillshare. Alors cliquez dessus, vous pouvez soit cliquer dessus, soit vous pouvez cliquer dessus ici. Mais assurez-vous que nous sommes de retour à la composition 1920 par 1080. Maintenant, nous allons nous concentrer sur ce précomp. Donc, laissez votre dossier de fichiers, nous ne glisserons rien de ceux-ci dans cette dernière composition, nous n'utilisons que ces precomps ici. Alors attrape ton personnage, et on va le glisser dans cette composition. J' ai donc travaillé plus gros pour cela parce que je veux qu'il soit juste plus facile de créer plus de détails. Mais maintenant, nous devons réduire cela parce que c'est trop grand. Donc, si vous cliquez sur ce petit menu déroulant, nous obtenons toutes ces différentes options de transformation, et nous voulons mettre à l'échelle. Nous n'animons pas cette transformation, nous n'avons pas besoin de créer un mouvement dans la chronologie. Donc on va juste traîner ça vers le bas. Donc maintenant, nous avons le personnage là-bas, et cette composition est peu longue aussi, nous voulons qu'il soit 12 secondes. Donc, je vais faire glisser ça et la composition qui peut venir vers la zone de travail. Maintenant, nous l'avons et elle est sur la composition finale. Fondamentalement, After Effects reconnaît les fichiers, donc il sait qu'il s'agit d'une séquence PNG que je veux qu'elle reconnaisse comme une animation, donc elle a juste la même animation que nous avions exportée de Photoshop. Alors maintenant, nous allons prendre notre horizon. L' horizon va être derrière elle, ces bâtiments vont être derrière elle. Vous pouvez modifier l'ordre des calques en les faisant glisser vers différentes positions de votre montage ici. Donc maintenant, fondamentalement, la dernière étape dans la création cette animation est d'avoir la position de ces changements, sorte qu'il semble qu'elle passe son vélo devant ces bâtiments. Commençons donc par cette couche de bâtiments. Vous pouvez désactiver, si vous désactivez avec un peu, si vous cliquez sur cette petite icône I, cela rend cette couche invisible, donc nous allons le faire. Nous allons donc sélectionner cette couche de bâtiments quelle que soit couche d'
arrière-plan que vous pensez prendre le plus d'espace. Ainsi est celui que vous allez voir principalement tout au long de l'animation, je pense qu'il est bon de se concentrer sur celle-ci d'abord,
puis vous pouvez baser le timing des autres calques hors du calque d'arrière-plan principal. Donc je vais commencer par ces bâtiments. Assurez-vous que vous avez démarré cet arrière-plan qui ne devrait pas boucler, tandis que ceux-ci, vous auriez dû configurer votre fichier de sorte qu'un côté corresponde à l'autre côté. Donc, commencez soit à la fin, je vais commencer au milieu juste pour que je puisse promettre le timing, cliquez sur la position petite horloge. Donc, cette image-clé est notre début, donc c'est là qu'elle va commencer. Ensuite, allez à la fin de votre chronologie et tirez tout cela jusqu'à ce que l'arrière-plan corresponde. Maintenant, comme vous pouvez le voir, j'ai un peu d'espace vide qui s'affiche ici, et un moyen que vous pouvez corriger cela est que si vous allez dans vos bâtiments, vous allez simplement vouloir créer un doublon de votre calque d'arrière-plan. Alors va à ton précomp, je vais faire ça beaucoup plus longtemps, faisons-le. Ensuite, dupliquez ceci. Assurez-vous qu'il est derrière vos autres couches afin que vous puissiez voir. Donc, dans ce précomp de construction, juste entrer dans vous êtes fondamentalement juste en dupliquant votre calque d'arrière-plan sorte que vous devez fondamentalement être un calque d'arrière-plan. Ainsi, lorsque la position de l'arrière-plan change à l'endroit où il commence, vous voulez que deux d'entre eux, afin qu'il puisse passer à travers et au début de celui-ci, puisse passer à nouveau de sorte que vous voyez la première image est la même que votre dernière image. D' accord. Ensuite, on y retournera, alors on n'a plus cet espace vide qui était là, c'était vide avant. Donc maintenant, c'est l'animation à son état actuel. Donc, comme vous pouvez le voir, nous avons les bâtiments qui passent,
fondamentalement, le seul espace vide que nous avons est juste là où le second fond couche va être, mais si vous décidez d'avoir un seul fond de couche, fondamentalement, c'est votre produit final. On a cette partie de l'horizon ici, je l'avais rendue invisible pour le moment. Donc nous allons voir quand il devrait apparaître est juste par ici. Donc, dès que vous pouvez commencer à voir ce fichier, c'est là
que vous voulez qu'il commence à se déplacer. Nous allons donc nous transformer et nous
allons faire la même chose que nous avons faite pour le premier. Donc position, donc maintenant vous pouvez voir que je n'ai pas encore créé le deuxième point de position, donc il ne bouge pas du tout. Nous irons au dernier point où vous pourriez voir l'arrière-plan, qui est juste ici. Donc on va le déplacer. Ceci est plus éloigné de la visionneuse, vous voulez
donc que ce calque se déplace plus lentement. Alors maintenant, je vais jouer ça là. Vous pouvez voir que ça bouge trop vite. Alors glisse-toi là. Donc cette partie est juste un peu plus finicky. Vous allez juste travailler avec le timing de ces, minutieux juste le timing que vous venez de déplacer ces dans votre chronologie. Vous allez simplement vous assurer que ces images clés sont correctes lorsque cette couche entre en vue. Donc là, il y a quand ils peuvent arrêter de bouger, et juste ici, c'est quand il doit commencer. Vous allez simplement jouer avec ces images clés, et combien vous voulez que chaque couche bouge jusqu'à ce que vous trouviez quelque chose qui fonctionne bien. La seule loi réelle est que ce qui est plus loin dans la distance devrait se déplacer plus lentement que ce qui est plus proche du spectateur. Maintenant, je vais ajouter la voiture et le bâtiment de premier plan. Donc ici, j'ai ajouté dans la voiture, je viens de créer deux images clés de position et After Effects gère le reste sait à un seul. En passant de ce point à ce point, nous
y allons, puis le mettre derrière. Maintenant, je vais faire la dernière étape, je vais ajouter dans le bâtiment de premier plan. C' est tout à fait facultatif. J' aime que le personnage principal soit coupé de votre point de vue tout au long de l'animation, je pense qu'il crée un peu d'intérêts. Quand tu ne peux pas voir le personnage un peu, alors je vais la faire passer derrière ce bâtiment. Assurez-vous donc que ce calque se trouve au premier plan, donc vous voulez qu'il soit en face de votre calque de caractères. Donc position, la même chose que nous avons fait pour toutes les autres couches. C' est le plus proche de vous donc ça va bouger le plus vite. Donc nous voulions le savoir assez vite. On y va. Alors le seul problème qui va créer est avec votre boucle finale parce qu'ici, à la fin, nous n'avons pas ce bâtiment qui va
être un problème comme vous pouvez le voir. Voilà, tu y vas. Donc, ce que nous allons faire pour corriger qui est de dupliquer cela, appuyez sur ce petit menu déroulant afin que vous puissiez voir une image clé de transformation. Donc cette image-clé est notre point de départ. Donc nous allons juste faire glisser ceci jusqu'à la fin pour que ce soit le cadre final. Donc maintenant, si vous allez ici, vous pouvez voir que c'est correct. Donc supprimez celui-ci. Donc maintenant nous avons ce cadre final qui est ce dont nous avons besoin pour créer la boucle complète. Mais maintenant cela n'a pas d'animation à elle. Il suffit donc de revenir un peu dans le temps et de créer une image clé de position de plus juste ici pour qu'elle entre dans l'image puis sort de l'image, et il y a votre animation finale. Maintenant que vous avez tous vos fichiers créés, amenez-les tous dans After Effects et créez l'animation finale. Ensuite, nous allons explorer notre animation finale et l'enregistrer en MP4 afin que vous puissiez partager.
9. Réflexions finales: Maintenant, vous avez votre animation finale dans After Effects. Donc maintenant, nous devons exporter ceci. Cliquez donc sur Fichier, Exporter, Ajouter à la file d'attente de rendu. Donc maintenant, il va faire apparaître votre file d'attente de rendu. Il y a quelques options différentes. Nous ne allons pas nous inquiéter de beaucoup d'entre eux, sauf que, si vous cliquez ici, ce sera là où il enregistre votre fichier MOV. Alors sauvegardons. Je vais simplement l'enregistrer sur mon bureau pour qu'il soit accessible, alors cliquez sur Enregistrer. Maintenant, c'est là qu'il va sortir, puis, vous allez simplement cliquer sur Rendu. Maintenant, vous avez votre fichier MOV que vous avez enregistré depuis After Effects sur votre bureau. Nous allons donc faire glisser le fichier MOV que nous avons créé dans After Effects dans Photoshop. PS, de Photoshop, nous pouvons enregistrer des fichiers MP4, qui est ce que vous voulez si vous voulez le partager sur Instagram ou la plupart des autres endroits en ligne. À partir de Photoshop, vous pouvez également l'enregistrer en tant que GIF si vous souhaitez également avoir un GIF. Vous allez donc cliquer sur Fichier, Exporter, Render Video. Vous allez passer à Adobe Media Encoder. Vous voulez que le H.264, Haute qualité, puis vous devez vous assurer qu'il est défini sur Taille du document, qui sera 1920 par 1080, puis cliquez sur Rendu. Une fois que vous avez votre fichier MP4, assurez-vous de
le télécharger dans la galerie de projets car je suis vraiment excité de voir ce que vous avez créé. Maintenant que vous avez terminé ce projet, j'espère que vous prendrez certaines des choses que vous avez apprises ici et continuerez à expérimenter avec des couches vidéo dans Photoshop et aussi dans After Effects parce que c'est un excellent à avoir dans votre boîte à outils. Je suis si contente que tu aies décidé de suivre ce cours. Je suis vraiment excité de voir ce que vous créez.
10. Découvrez d'autres cours sur Skillshare:
Abbey Lossing, Illustrator
