Animer des illustrations grâce à Wave Warp dans After Effects

1. Introduction: Salut, là. Je m'appelle Kayla [inaudible], et je suis un illustrateur et des informations de design de Londres, en Angleterre. Je conçois maintenant depuis plus de trois ans, travaillant sur des scripts et des concepts jusqu'à la conception d'actifs et à la consultation sur les animations finales. Travailler avec des animateurs a été très utile pour ma carrière d'illustration, et j'ai ramassé quelques astuces en cours de route pour m' aider à mettre en mouvement dans mon portfolio de travail. De plus en plus de clients recherchent des illustrateurs ayant la connaissance du mouvement, qu'il s'agisse de publicité, de merch, d'applications ou de livres pour enfants, tout le monde veut une image en mouvement. Si un client vient sur votre site Web ou sur les réseaux sociaux et voit déjà que vous avez cet ensemble de compétences supplémentaires, vous allez prendre beaucoup plus de cases pour lui. Si l'illustration est un passe-temps pour vous, c'est génial. Vous allez vous amuser à animer vos illustrations. Je sais qu'il peut être difficile de passer de l'illustration à l'animation. Parfois, les processus semblent beaucoup plus redoutables et plus difficiles à comprendre. C' est beaucoup moins effrayant quand vous avez quelqu'un pour le décomposer pour vous, tenir la main un peu, et c'est beaucoup plus amusant aussi. L' effet de distorsion des vagues est un outil tellement polyvalent que les possibilités d'utilisation dans vos illustrations produiront des résultats extrêmement différents, tous parfaitement ajustables pour obtenir votre look désiré. La meilleure chose à ce sujet, pas d'images-clés. Grâce à cette classe, je vous apprendrai pas à pas comment créer une illustration dans des calques prêts pour l'animation. Je vais ensuite vous apprendre à appliquer la déformation des vagues à certaines parties de votre illustration. Cette classe s'adresse à tous ceux qui veulent commencer à animer leurs illustrations, que ce soit pour le plaisir ou pour le travail, ou ceux qui veulent simplement en savoir plus sur l'effet de distorsion des vagues dans After Effects. Vous aurez besoin de Procreate pour illustrer votre design, ou si vous préférez Photoshop ou Illustrator, tant que vous pouvez l'illustrer en calques, c'est parfait pour cette classe. Vous aurez également besoin d'Adobe Suite, car nous l'utiliserons pour des animations, telles qu' After Effects, Media Encoder et Photoshop. À la fin de la classe, vous exporterez votre animation en tant que mp4 et GIF, prête à être téléchargée pour ajouter ces images mobiles importantes à votre portfolio et à vos réseaux sociaux. Si vous êtes prêt, commençons. 2. Le projet: Merci beaucoup de m'avoir rejoint dans ce cours. On va s'amuser à animer nos illustrations. Votre mission pour aujourd'hui est de partager votre GIF animé que vous faites avec moi sur la galerie de projets. Ensemble, nous allons passer en revue tout ce dont vous avez besoin pour animer votre illustration à l'aide de l'effet de distorsion des vagues. Je vais vous emmener à travers mon processus créatif. Nous créons un personnage illustré pour l'animation et vous montrons comment je l'utilise dans After Effects pour l'animer. Ensuite, je vais vous montrer exactement comment exporter en moins d'une nuit, et télécharger votre GIF sur Skillshare. Tout ce que vous avez à faire est de suivre. Terminer cette tâche vous donnera non seulement GIF, mais aussi un MP4 que vous pouvez partager avec plaisir sur vos réseaux sociaux, et obtenir cette image mobile importante pour les clients basés sur le chat. Je recommande vraiment de suivre tout le processus, de rester coincé dans le croquis à la fin de votre animation finale, afin que vous puissiez pleinement comprendre les processus. C' est vraiment, vraiment gratifiant de regarder vos propres créations donner vie. Cependant, si vous n'êtes pas dans le dessin en ce moment, j'ai fourni tous mes fichiers dans le dossier de ressources, sorte que vous pouvez même les utiliser. Au lieu de cela, si vous voulez rester coincé dans cette animation, ou si vous voulez simplement les utiliser comme référence pour vos propres projets. Non seulement le téléchargement dans la galerie de projets incite beaucoup d'étudiants à le faire eux-mêmes. Mais j'adore voir des étudiants y travailler. Cela me donne vraiment l'occasion de relever tous les défis auxquels vous êtes confronté, et simplement de donner des commentaires généraux sur votre travail. Cela me permet également de savoir ce que vous avez aimé la classe et ce que je peux faire dans ma prochaine classe pour vous aider. Comme une incitation supplémentaire, j'aime publier beaucoup de mes projets sur mon Instagram personnel et les partager avec le monde entier, et dire que vous pouvez obtenir une exposition supplémentaire de cette façon. Donc, si vous êtes prêt à commencer à créer ce GIF et MP4, nous allons d'abord explorer la distorsion des vagues, alors ouvrons After Effects. 3. L'Effet Onde progressive: Bienvenue à la première leçon de notre classe. Dans cette leçon, nous allons explorer l'effet de distorsion des vagues dans After Effects. Plongons directement dans. Maintenant, je vais vous montrer comment mettre en place un projet et avoir une nouvelle interface dans cette leçon. Si vous savez déjà comment faire cela, passez simplement au code de temps sur l'écran maintenant. Sinon, restez avec moi, je vais passer par tout ce dont nous avons besoin pour commencer avec la Wave Warp aujourd'hui. Cliquez sur Nouveau projet, et vous verrez ici l'interface After Effects. Nous avons quelques fenêtres utiles ouvertes. Nous avons le panneau de projet où nos fichiers importés entreront. Notre effet contrôle où nous contrôlerons la façon dont Warp aujourd'hui. Voici une composition, mais nous n'en avons pas encore, mais nous allons en faire une dans un instant. Ce côté, nous avons nos bibliothèques qui est vraiment utile et nos effets dans les presets où nous allons chercher l'outil Wave Warp. Nous avons également notre chronologie en bas ici. Ne manquez pas ça, très important. Nous allons créer notre nouvelle composition. Vous pouvez cliquer ici ou vous pouvez appuyer sur la commande N et cela ouvrira nos paramètres de composition. Je vais l'appeler test, parce que nous testons juste la déformation des vagues, et nous allons vouloir un préréglage personnalisé aujourd'hui. Il suffit de déverrouiller le rapport d'aspect de verrouillage et de mettre 1080 par 1080, taille parfaite pour Instagram dans nos portefeuilles, puis de sélectionner des pixels carrés. Nous allons avoir besoin de 24 images par seconde pleine résolution et nous allons voir 10 secondes. Si on tape 1000 là-dedans, ça va arriver en 10 secondes. Vous pouvez choisir une couleur d'arrière-plan pour votre composition. Peu importe quelle couleur est, rendez-la jolie. J' ai choisi pour mes violets ici dans la bibliothèque avec le compte-gouttes. Cliquez sur OK, et notre nouvelle composition viendra ici. Maintenant, nous allons dessiner deux formes aujourd'hui. Je vais cliquer sur le petit rectangle ici, je vais d'abord sélectionner l'ellipse. Choisissons notre ellipse. Pour le moment, pas de couleur utile. Rendons ça sympa et lumineux et on va renommer cette couche. Appuyez sur Entrée et tapez une ellipse, puis je vais sélectionner V et cliquer loin de ce calque. La raison pour laquelle je clique est parce que je ne veux pas que ce rectangle soit sur le même calque. Sinon, il va être affecté par les mêmes choses. Même si c'est ce que nous faisons dans ce test aujourd'hui, séparons ça, c'est une bonne pratique. Faisons ce rose et nous avons nos deux formes là-bas. Maintenant, si nous regardons dans nos effets dans le panneau de préréglages ici et que nous commençons à taper Wave Warp, vous verrez que Wave Warp apparaît sous distorsion et c'est le numéro 16. Allons traîner notre Wave Warp sur notre ellipse ici. Nous verrons que cette ellipse a commencé à être affectée par elle. Je vais juste faire glisser ma zone de travail jusqu'à quatre secondes et jouer ça et nous verrons la déformation des vagues l'affecter là-bas. Maintenant, copions simplement notre effet. Nous pouvons aller modifier et copier avec liens de propriété et cliquer sur notre rectangle puis commander V, et notre Wave Warp viendra et sera contrôlé par tout ce que nous faisons à l'ellipse. Nous verrons qu'ils auront exactement le même effet sur eux. La Wave Warp vient avec l'un de mes types d'ondes préférés qui est l'onde sinusoïdale. La raison pour laquelle j'aime tellement cette vague est parce qu'elle est si réglable et que vous pouvez simplement l'appliquer à tout. Naturellement dans la vie, tout vient en arc. Il a ces belles vagues et tout fait juste que tout semble surnaturel. Pas surnaturel mais très naturel. Disons, je peux ajuster la hauteur ici et la largeur ici en faisant glisser ou je peux commencer à taper. Nous pouvons en avoir une belle large et vous pouvez voir que déjà cette ellipse commence à ressembler à une créature qui est vraiment amusant. Ici, sur la direction, nous pouvons certainement voir la direction de la vague ici. Ce que j'aime vraiment ce bouton directionnel que nous avons que nous pouvons basculer, le moment il pointe de gauche à droite et nous pouvons voir que notre vague se déplace aussi de cette façon. On peut le faire aller de droite à gauche. On peut le faire aller de haut en bas. Maintenant de haut en bas est vraiment agréable parce qu'en fait, si nous réduisons cela vers le bas, nous avons cette sensation aqueuse dans notre ellipse, qui est parfait pour la réflexion par la lune ou le soleil sur l'eau. Il fait un beau coucher de soleil et il a littéralement fallu trois secondes pour faire, ce qui est génial. C' est pour ça que j'adore l'onde sinusoïdale. N' oubliez pas que vous pouvez toujours taper si vous voulez changer de direction. Ensuite, dans notre menu déroulant de type vague, nous avons le carré. La place est intéressante. Il est assez mécanique. Je suppose que je peux imaginer trier style robot punk vapeur. Maintenant, les choses deviennent vraiment bizarres quand on commence à jouer avec la hauteur. Comme vous pouvez le voir, les formes commencent à se décomposer et à se croiser de manière intéressante. Encore une fois, vous pouvez ajuster la largeur de ceux-ci. Revenons à un niveau légèrement normal. Changons de direction. Allons de haut en bas. Ce qui est cool, c'est que vous pouvez aussi aller en diagonale et je pense juste que c'est un peu de signe de danger ou un autocollant sur quelque chose. Encore une fois, pourrait être utile, qui sait ? Réinitialisons et regardons le triangle maintenant, ou le Bart Simpson comme j'aime l'appeler. Encore une fois, nous pouvons les réinitialiser. On peut changer la direction. Ici, vous pouvez voir que l'ellipse ne gère pas très bien celui-ci. Ça va un peu crépus, mais les rectangles ont toujours l'air génial. Certaines formes fonctionnent mieux avec ces effets que d'autres. C' est à nouveau réinitialisé, et passons à la dent de scie. La dent de scie est intéressante. Évidemment, il ressemble à des dents, donc c'est très utile. Si comme moi, vous êtes illustrateur de personnages. Mais quand il devient vraiment intéressant, c'est quand vous commencez à changer la vitesse des vagues. Maintenant, la vitesse des vagues est le temps qu'il faut pour passer d'un bout à l'autre. Cliquez là jusqu'à cinq et il change complètement le sentiment de la vague, n' est plus comique, c'est paniqué. Vous pouvez imaginer James Bond étant dans une situation plutôt inquiétante avec son puzzle. Réinitialisons celui-là. Ensuite, nous avons le cercle. Maintenant le cercle, c'est bon, c'est bon, mais quand ça devient vraiment intéressant, c'est quand on atteint la hauteur. Je pense juste que cette forme est incroyable. Si nous avons juste attaché le rectangle un instant, et nous allons juste appuyer sur R pour obtenir la rotation et y mettre 90 degrés. Mettons zéro ici, et maintenant nous allons avoir une vague avec cette base aussi, et whoop, pas trop loin. Maintenant, il ne ressemble pas seulement à de belles traces de fumée venant du bas. Maintenant, pour le moment, il pourrait ressembler à quelqu'un de fourrer un encens ou quelque chose comme ça, mais normalement aura une source assez stationnaire de fumée, et c'est là que l'épinglage et venir dans très, très utile. Maintenant épingler l'effet ou épingler votre forme à une zone particulière. Je veux, disons que la source de fumée vient du bord inférieur. Maintenant, si j'appuie sur le bord inférieur, pas beaucoup de changements. Maintenant, la raison en est que l'épinglage fonctionne sur la base de la boîte de délimitation. Maintenant, avec un calque de forme à l'heure actuelle sont boîte de délimitation est la taille de cette composition. Si je le fais glisser, on commence à voir l'effet d'épinglage que je voulais. Maintenant, nous avons une source certaine de fumée ici. On peut ajuster ces morceaux pour le rendre vraiment plus fumé. Ouais, c'est sympa. Le bord inférieur est la source de notre épinglage, et nous pouvons le changer, le bord droit. Nous pouvons voir que maintenant si je le déplace sur le bord droit, est broche de ce côté. Ou si je veux l'épingler vers le haut, nous devrons le déplacer vers le haut et n'a pas le même effet de fumée maintenant parce qu'il est dans quelque chose. Je suppose que vous pourriez l'avoir dans le nez de quelqu'un, mais fondamentalement tout ce que vous devez savoir est que épinglage dépend de la boîte de délimitation et si vous avez un joueur de forme, vous devrez créer une boîte de délimitation pour cela. J' y reviendrai plus en détail dans l'une de nos leçons, car c'est vraiment important lorsque nous commençons à utiliser l'illustration pour cela. Allons pour notre demi-cercle. Maintenant, un demi-cercle est plutôt cool. On peut en faire beaucoup de choses, mais ce qu'il me rappelle vraiment, si on a un peu d'angle dessus comme ça, une belle diagonale. Cela commence à ressembler à des nuages de vitesse qui sortent de quelque chose. Je pense qu'on doit payer plus vite là-bas. N' attendez pas, rendons ça un peu plus rapide. C'est plus lent. Je vais mettre deux si double vitesse et puis si nous cliquons juste loin et juste faire un peu d'une couverture, fausse mosquée et nous allons avoir fond dans cette belle pourpre à nouveau. Maintenant, nous jouons comme si nous pouvons voir cette belle route plate que vous pouvez imaginer un skateur ou une voiture très rapide qui accélère et cela crée ce nuage derrière elle. Je ne suis pas sûr de ce qui se passe avec le rectangle. Peut-être qu'on en trouverait une utilité à l'avenir. Faites-le moi savoir, postez-le si vous ne trouvez pas une utilisation pour cette forme. Le dernier que je vais vous montrer est le bruit. Nous avons ce bord floue qui se passe, ce qui est assez agréable, ressemble un peu à un tapis pour moi. Mais quand il devient vraiment intéressant, c'est quand nous commençons jouer avec à nouveau la hauteur et la largeur. Cette fois, je vais juste mettre la hauteur à 43 et ensuite je vais mettre la largeur jusqu'à 1,122 très spécifique, et puis je vais déplacer ce petit masque que nous avons fait et le mettre ici. Alors je vais jouer, je suis trop rapide en ce moment, n'est-ce pas ? Mettons le chemin vers le bas, vitesse 0.05. C' est mieux. Maintenant, pour moi, cela pourrait être un paysage urbain que vous conduisez et c'est loin, et c'est juste un petit détail dans l'illustration du remblai, mais déjà vous avez un paysage urbain avec trois paramètres changeants et aucune image clé. La meilleure chose à propos de Wave Warp, pas de cadres clés et qui explorera exactement comme ça. Maintenant, je me rends compte que j'ai manqué deux bits de la phase et l'anti-aliasing, je vais certainement passer par ceux-ci dans l'une de nos leçons ultérieures. Jetez un coup d'œil au décerclage et au bruit lisse et amusez-vous avec elle. Jouer avec la Wave Warp de cette manière très libre me donne tant d'idées pour être créatives et d'idées pour mes illustrations, j'espère que ça l'a fait pour vous aussi. Dans la prochaine leçon, nous allons illustrer nos idées et les donner vie à l'aide de Procreate. Vous pouvez utiliser un autre programme si vous le souhaitez. Si vous avez Illustrator ou Photos saut est seulement vous pouvez le construire en couches, nous pouvons l'animer à l'aide d'After Effects. Je vais te montrer ça. 4. Illustrer votre idée: Dans cette leçon, nous allons créer un croquis basé sur toutes les idées que nous avons présentées dans la leçon précédente. Pour ce croquis, je vais penser à une illustration de personnage, donc vous pouvez le faire avec moi, ou vous pouvez illustrer ce que vous voulez, tant que nous pouvons appliquer la distorsion d'onde quelque part dans cette illustration. Rappelons-nous un instant ces belles formes de distorsion des vagues. Maintenant, je voulais juste commencer sur cette belle forme d'ellipse. L' ellipse est si belle avec une onde sinusoïdale dessus. Je veux juste vous dire que l'ellipse sera très utile dans nos illustrations plus tard. pensant à mon illustration, regardant cette belle onde sinusoïdale, et en mettant un peu la largeur, je pensais à des choses de disquette. Les choses que j'aime dans la vie appartiennent généralement à des chiens ; les oreilles de chiens, les queues de chiens, les chiens qui font n'importe quoi, courir dans le parc, accrocher leur tête par la fenêtre de la voiture, ils sont mes préférés. Les chiens sont mon inspiration aujourd'hui, et accrocher la tête par la fenêtre de la voiture va être le sujet. Ouvrons Google, et ensuite nous pouvons taper notre idée. Maintenant, j'utilise généralement Google, ou Pinterest, ou Instagram, partout où vous obtenez votre inspiration est très bien tant que vous l'obtenez à partir de quelques ressources, et déjà un grand chien. Cela a la langue que je cherche, flotter avec les oreilles, bonne expression, et que l' un est génial aussi, imaginez que dans mon illustration, mais je veux juste un peu plus flop, et je viens tomber amoureux de ce type. Il a l'air si sérieux, et je pourrais juste l'imaginer avec quelques nuances, et sa langue s'échangeait, les oreilles soufflant dans le vent, super cool. Je vais le prendre comme inspiration, ainsi que ces autres chiens. Je vais utiliser Procreate pour commencer à esquisser ça. J' ai mes références W à l'écran et je suis prêt à commencer à dessiner. Faisons un nouveau Canvas. Cliquez sur le petit plus ici, et faisons notre Canvas 1080 par 1080 pixels. C' est la taille parfaite pour Instagram. Je vais appeler le Canvas Instagram, et j'ai mes pixels par pouce à 300. Tu n'as certainement pas besoin d'être aussi haut. Vous pouvez juste le faire 72 pour l'écran, ce sera parfait. Je le garde à 300 prêt pour l'impression juste au cas où. Appuyez sur « Créer » lorsque vous êtes prêt, et cela viendra avec notre Canvas. Maintenant, en pensant à notre leçon de distorsion des vagues et en pensant à ces idées que nous avions, je vais m'assurer que mon animation, donc les sections que je veux, la langue, l'oreille, tout ce que j'ai, vont être tout à fait centré. Je vais avoir mon personnage assez centré sur le tableau. Sortir votre couleur, j'ai ces couleurs OB, ce ne sont que mes couleurs de marque. Si vous voulez voir comment j'en ai eu la main, je vais mettre le code de temps de mon cours précédent maintenant, et vous pouvez vérifier ça, et je vais chercher un crayon à croquis, juste pour utiliser ce crayon Narinder. En pensant à ce concept d'avoir la distorsion des vagues au centre, je vais juste dessiner une belle forme pour ma langue ici, et ça va être un gros sketchy pour l'instant. Nous allons juste aller pour la forme générale et le volume du personnage ici, donc la forme et le volume de mon chien. En pensant à la distorsion des vagues, je vais devoir épingler ma langue ici, donc sous le museau, sorte qu'il ait une idée claire de l'origine de la vague quand j'applique la chaîne des vagues. Quelque chose à penser quand on va de l'avant, c'est que je vais avoir besoin ce morceau de museau comme une petite couverture pour la fin de la langue. La deuxième pièce d'animation à laquelle je pense est l'oreille, alors faisons claquer l'oreille. Génial, et j'ai juste mis une petite marque pour les yeux pour l'instant. Je vais juste continuer sur mon croquis pour obtenir le volume général du personnage. Ici, parce que mon personnage est au centre de l'illustration, je ne vais pas m'inquiéter de trop de détails de la voiture. Si vous vouliez obtenir plus de l'arrière-plan, évidemment vous faites le personnage beaucoup plus petit, mais ici je vais juste ajouter une suggestion de la voiture. Ajoutons quelques nuages à l'arrière-plan, et nous en avons fini ici. Une fois que vous êtes satisfait du volume de votre personnage, vous pouvez commencer à affiner votre croquis. Si nous abaissons ce calque et ajoutons simplement un nouveau calque, nous allons apporter ces améliorations maintenant. Quand je dis des raffinements, vous allez juste nettoyer le flux un peu, avoir une bonne interaction de votre personnage dans le cadre, dans les objets, et cela aidera à vraiment situer votre personnage comme si ils sont vraiment sur la scène. Ajustez toutes les lignes, toutes les courbes, et faites vos affinements. Une chose que j'aime faire si je ne suis pas tout à fait satisfait du placement de mon personnage, c'est que je peux réellement utiliser cette fonction de distorsion pour repositionner et faire des ajustements comme je l'aime pour que je puisse vraiment le faire en forme. Parce que c'est encore au stade de l'esquisse, encore une fois, ça n'a pas vraiment d'importance si j'ai une zone vraiment rugueuse tant que je suis content avec elle. Faites donc des ajustements à l'aide de l'outil C et de la fonction de distorsion. Maintenant, je vais juste changer mon design un peu et donner à ce gars lunettes de soleil cool parce que je veux que ce gars ait un peu plus d'ambiance optimiste qu' une ambiance de juge comme la référence originale. On va lui donner des lunettes de soleil rétro Aviator des années 80. Très bien, juste les derniers petits morceaux, et ensuite ce qu'on peut faire est de vérifier sans cette couche, voir si on se rapproche un peu de ce qu'on veut. Une fois que vous êtes satisfait de votre étape de croquis, nous sommes prêts à passer à l'étape de l'encrage. Encore une fois, abaissez l'opacité et ajoutez un nouveau calque, puis vous pouvez sélectionner votre pinceau d'encrage. Maintenant, j'ai ce pinceau à cactus, que j'aime. Je l'ai fait au fil des ans, l' raffiné, et tout ce qu'il est un stylo de studio ajusté, et je peux mettre le code de temps de mon cours précédent où je parle de ce pinceau en détail. Vérifiez que si vous voulez utiliser la brosse à cactus, sinon, utilisez un pinceau encreur de votre choix. Encore une fois, ce n'est pas tout à fait la dernière étape, mais nous nous rapprochons. Juste faire un effort pour apporter des améliorations au flux de votre design. Encore une fois, ce que je pense est vraiment agréable d'utiliser cette approche de dessiner et de redessiner et de faire vos raffinements au fur que vous allez, c'est que parfois vous rencontrerez ces petites erreurs et parfois elles finiront mieux que ce que vous déjà eu. Comme le dit le grand Bob Ross, ces petits accidents heureux peuvent parfois améliorer votre illustration. Je suis plutôt content de cette étape. Nous avons l'aspect général et le volume que je vais chercher, et dans la prochaine étape, nous allons séparer les calques et les colorer . Excellent travail sur votre croquis. Je suis tellement excité d'ajouter de la couleur à ce gros garçon. Je te verrai dans la prochaine leçon. 5. Faire des couches: Maintenant, nous avons dessiné et redessiné notre croquis autant de fois que nous en avions besoin pour en être satisfaits. Il est enfin prêt à colorier et diviser en toutes les couches importantes pour After Effects. En pensant à l'animation, nous allons considérer ce que sont nos pièces de fond qui sont les parties non animées, et les pièces de premier plan qui sont les parties animées et toutes les dissimulations pour eux aussi. En pensant d'abord à mon animation de langue, je sais que mon épinglage va être sous le museau ici sur le côté gauche. Très important toute pièce animée sur une couche séparée, la pièce de museau sera juste une dissimulation pour dissimuler l'épinglage et lui donner l'impression que la langue vient de la bouche. Nous aurons également besoin d'une couche séparée pour l'oreille qui sera également épinglée sur la gauche, et ce sera une pièce séparée. Je vais continuer la tête sous l' oreillette juste au cas où il déplace un outil en animation, nous n'aurons jamais de pause dans l'illustration. Je vais rapidement avec trois couches de fond : la voiture, le corps, et le ciel, puis je vais entrer dans les détails sur les couches animées quand nous entrerons dans elle. C' est la couche corporelle, et je m'assure maintenant que ma couche sera complète sous l'oreillette. C' est de ça que je parlais avant. Une fois l'oreille animée, nous n'avons pas de pauses dans l'illustration. J' ai fait la même chose avec la voiture et je ferai la même chose juste ici sous les lunettes de soleil aussi au cas où je déciderais de les déplacer plus tard. Avec ce morceau de museau, nous allons en fait dessiner jusqu'au coin de la bouche, assurant que nous obtenons le détail du nez ici et les petites taches de museau mignonnes. Ensuite, ce que nous ferons, c'est que nous utiliserons rapidement cet outil de sélection et je sélectionnerai à main levée la zone du museau, puis cliquez sur l'outil de transformation. Je vais glisser avec trois doigts pour copier et coller ça. Maintenant que ça a fait une pâte de la pièce dont j'aurai besoin, nous allons le renommer Muselière, et nous allons cacher cette pièce prête pour plus tard. Cela couvrira notre langue épinglée quand nous viendrons animer. J' ai commencé à créer les lunettes de soleil avec chaque partie sur sa propre couche. Il a l'air un peu bête en ce moment parce qu'il est au-dessus du nez en ce moment, ce qui est très inhabituel. Mais c'est parce que je sais que j'ai ce museau que je peux placer dessus, pour qu'on puisse le cacher plus tard. J' ai décidé de faire mes lunettes de soleil sur sa propre grille parce que j'ai eu une bonne idée d'animer la brillance en utilisant la distorsion des vagues plus tard. Je vais juste marquer un guide sur l'illustration pour l'instant. Allons colorer ça. Je l'ai fait sur un masque d'écrêtage, donc il suffit de taper et d'obtenir le masque d'écrêtage et cela assurera qu'un nouveau calque s'affiche sur ce calque ci-dessous. Étiquetez-les et transformons en groupe, puis étiquettez-les aussi. Vous remarquerez que j'étiquette absolument tout. C' est parce qu'une fois que nous prendrons le fichier dans After Effects, cela prendra également ce nom et nous devrons en parler plus tard pendant que nous animons pour tout nommer. C' est aussi une très bonne pratique si vous êtes Illustrator travaillant avec des animateurs. Étiquetez vos couches. On dirait que nous avons tous nos morceaux animés connus fait, nous sommes prêts à passer aux parties animées. Je vais juste colorer mon arrière-plan, et gardons la palette agréable et simple. Je vais commencer par la partie la plus animée derrière, les nuages. Les nuages vont être plus faciles à faire. Tout ce qu'ils sont est une belle ligne droite en arrière-plan. On peut taper et tenir pour aller droit. Une fois que nous appliquerons l'onde sinusoïdale à ceux-ci, ils seront un beau nuage en arrière-plan. Réduisons le croquis un peu plus. Joli. Beaucoup mieux. Il nous reste les deux autres pièces animées. Passons à la langue maintenant. Vous vous souvenez au début, j'ai parlé de l'importance des formes elliptiques. Nous allons maintenant utiliser ces connaissances pour créer la langue. Rendons-nous les choses plus faciles pour nous-mêmes en solant le calque d'esquisse et le calque de langue. Je vais recréer la langue comme une forme elliptique, au lieu de la forme ondulée que nous avions auparavant. Si nous appliquons la chaîne d'onde à une forme ondulée, nous n'allons pas obtenir l'effet que nous attendons. Ça va avoir l'air moche. Je vais en fait vous montrer ce qui se passe lorsque nous appliquons la forme d'onde à une forme ondulée dans une leçon ultérieure. Alors attention à ça. Vous voulez généralement une belle forme lisse, puis appliquez la chaîne d'onde à elle, et il sera étonnant lorsque vous animerez. Colorions cette langue maintenant et nous allons lui donner une couleur plus foncée. J' espère que vous pouvez voir ça. Ensuite, nous lui donnerons aussi ce regard mouillé, un peu de bave, un peu de slobber. Appelons ça comme Tongue Fill, et nous allons les regrouper tous ensemble et l'étiqueter Tongue. Regardons ça avec les autres couches. Ça a l'air un peu gâchis en ce moment, mais on va épingler la langue de ce côté gauche. Si nous retournons le Museau à la maison et créons un calque de remplissage de la même couleur que le corps, nous allons couvrir ces parties disgracieuses. Comme c'est la même couleur, pensons à une autre technique de coloration. Désactivons simplement le calque Couleur, et nous allons mettre le calque que nous utilisons sur Multiplier qui assombrit simplement la couleur. Nous allons juste le remplir en utilisant le Multiply. C' est une technique super pratique si vous voulez coller à une palette minimale comme moi. Remplissons simplement ce museau jusqu'à la zone en haut, puis ajustons le remplissage. Nous ajusterons le seuil en faisant glisser notre crayon. Ramenons cette couche à la normale. Nous devrions voir que si nous remettons les couches, la langue est bien couverte et les lunettes semblent correctes. La dernière pièce que nous allons faire, c'est l'oreille. Encore une fois, nous allons désactiver le calque Couleur afin que nous puissions voir correctement. Nous allons recréer l'oreille en forme elliptique avec le volume général de l'oreille présent. Faisons la même chose pour la coloration que nous l'avons fait avec le museau. Nous allons juste utiliser Multiply pour que nous puissions le remplir. Évidemment, avec Multiply, il assombrit toutes les couches en dessous. Ainsi, vous verrez la ligne extérieure de la tête. Mais une fois qu'on l'a remis à la normale, tu ne le verras plus. Rejoins-le ici en haut pour que la ligne soit couverte, et ensuite nous mettrons le nom comme Ear Fill. Nous nommerons les contours, et nous pouvons les regrouper tous ensemble en tant que groupe Ear. Ramenons ça à la normale, et vous verrez maintenant que le titre est couvert. On peut juste ranger ça un peu. Ça a l'air bien maintenant. Vérifions-le à nouveau avec tout le reste des calques et désactivez l'esquisse. Ça a l'air très bien. Je pense que je vais passer un peu de temps à ajouter un peu de brillance, en ajoutant quelques touches finales, mais je ne le ferai pas. Je pense que nous sommes presque prêts à animer. Nous avons coloré aux bons endroits, et nous avons fait tout notre étiquetage correct. Nous sommes prêts à l'importer dans After Effects. se voit dans la leçon suivante. 6. Importer votre design: Dans cette leçon, nous allons exporter notre fichier depuis Procreate et l'importer dans After Effects. Si vous utilisez Photoshop ou similaire, vous pouvez simplement ignorer le stage AirDrop et l'enregistrer dans un endroit vraiment sécurisé afin qu'After Effects puisse toujours le trouver. Donc juste quelques choses que je veux mentionner avant de passer à autre chose, c'est que je viens de finaliser mon illustration un peu plus. J' ai également ajouté un peu de brillance et j'ai veillé à ce que tout soit étiqueté afin que nous soyons prêts et préparés pour After Effects. L' autre chose que je voulais mentionner est que j'ai laissé ce calque d'esquisse ici en haut et que ce sera une référence pour notre distorsion d'onde plus tard dans After Effects. Cette forme guidera les décisions que nous prenons au sujet de la hauteur, la largeur et de la direction de l'effet de distorsion d'onde que nous appliquons. Nous pouvons désactiver cela pour l'instant et maintenant nous allons l'importer dans After Effects. Ce que nous voulons faire est d'appuyer sur la clé en haut et nous voulons partager l'image sous forme de fichier Photoshop. C' est le PSD, appuyez dessus et votre menu apparaîtra. Le moyen le plus simple de transférer pour moi est l'AirDrop, mais vous pouvez envoyer un e-mail à partir d'ici, vous pouvez enregistrer dans votre Dropbox, ce que vous préférez. Je vais à AirDrop, donc je vais cliquer ici et sélectionner l'ordinateur et il viendra. Alors on doit juste l'accepter sur l'ordinateur. Je l'enregistre dans les téléchargements, puis je vais ouvrir les téléchargements dans le finder et ce sera le premier là-bas. Maintenant, j'ai généralement un modèle de dossier que j'aime utiliser. Dans ce modèle de dossier, nous avons des fichiers de projet et nous avons tous les programmes dont nous aurions besoin. Mettons ça là-dedans et note-moi je ne l'ai pas encore nommé. Appelons ça Driving Dog et appuyez sur « Entrée », et tout est sauvegardé. Nous pouvons également renommer notre modèle photo et nous pouvons l'appeler déformation des vagues. Super. Ensuite, nous sommes prêts à importer cela dans After Effects. Nous pouvons l'importer de différentes manières. Nous pouvons aller au fichier et importer et le fichier ou nous pouvons appuyer sur Commande I ou mon favori personnel, nous pouvons simplement faire glisser du finder. Ce que nous voulons importer, c'est certainement la composition, pas les séquences. J' aime juste garder cette composition sans conserver leurs tailles juste parce qu'elle peut entraîner des complications plus tard. Je vais le garder en tant que styles de calque modifiables juste au cas où j'aurais besoin de retourner dans Photoshop. Appuyons sur « OK ». Ensuite, si nous double-cliquez sur cette composition, nous verrons que toutes nos couches viennent en belle, croquis, brillance, oreille et ainsi de suite. Une fois que nous sommes heureux que tous nos calques soient bien arrivés, nous pouvons appuyer sur « File and Save », puis trouver notre dossier et nous assurer que nous avons enregistré tout correctement. Appelons ça appelé Driving Dog animé. Eh bien, je vais le garder là-dedans et tout est fait, nous sommes prêts à commencer à animer. C'est ça. N' oubliez pas de vérifier que tous vos calques sont toujours là, qu'ils sont tous présents et corrects, et de vérifier que vous l'avez enregistré dans un endroit vraiment bon qu'After Effects puisse toujours trouver ce fichier. Dans la leçon suivante, nous allons enfin appliquer une distorsion d'onde à nos illustrations. On se voit là-bas. 7. Appliquer l'effet Wave Warp: Dans cette leçon, nous allons appliquer cette déformation de vague importante à nos illustrations. Pour les besoins de ma conception, et juste pour la simplicité, je vais utiliser la chaîne sinusoïdale pour faire clapet mes pièces de disquette de chiens. Allons-y, et à partir de là, nous sommes presque prêts à animer, mais nous avons un peu de ménage à faire en premier. Nous pouvons réduire notre zone de distorsion à quatre secondes, ce qui est le montant minimum pour mp4 sur Instagram. Nous garderons notre fichier gentil et léger, mais nous pouvons toujours le télécharger. Ensuite, nous allons prendre un instantané. La raison pour laquelle nous allons prendre un instantané est que si nous bougeons quelque chose plus tard, nous pouvons montrer l'instantané et simplement le réaligner. Vraiment utile si vous craignez que quelque chose bouge, prenez juste cet instantané. Maintenant, nous allons passer par les calques et jeter un oeil à ceux que nous allons animer. Tout ce que nous animons, c'est toujours agréable de choisir une couleur, alors nous allons commander et sélectionner ceux que nous allons animer. On a des nuages, de la langue et de l'oreille. Changeons la couleur pour ceux-là. Rendons ça beau et lumineux, Fuchsia. Oui. Je ne vais pas animer l'arrière-plan, donc je peux l'éteindre. Je ne vais pas animer la voiture ou le corps. Maintenant, je vais animer la langue. Ce qui est vraiment important, parce que ça va te gâcher plus tard, c'est d'éteindre ce petit bouton. Ce petit bouton est en continu rasterisé et il peut être une bonne douleur lorsque vous essayez d'animer avec des déformations de vagues. suffit de cliquer là et il s'éteint. Je vais revenir à la copie de langue, alors supporte avec moi. Les lunettes de soleil pour l'instant, je ne vais pas animer, que je pourrais vous montrer un petit tour avec ça plus tard. Le museau, non, l'oreille, oui et nous pouvons verrouiller l'éclat et la couche de croquis. Maintenant que notre ménage est terminé, nous sommes prêts. Nous allons commencer par les nuages, parce que les nuages sont les plus faciles. On ne va pas faire d'épinglage avec celui-là. Dans Effets et préréglages, tapez distorsion d'onde et vous pouvez soit appuyer sur « Entrée » ou le faire glisser pour l'appliquer, et voilà. Si nous appuyons sur « Play » près de la barre d'espace, vous verrez la déformation des vagues là-bas. Ils vont faire monter la largeur. Juste un peu comme des nuages bruyants pourraient être des lignes de vitesse avec la voiture, juste pour avoir cette impression de mouvement dans les arrière-plans. Aussi va juste les ralentir un peu, faire un peu plus d'un projet de pays. Oui, ça a l'air bien maintenant, et on est prêts à passer à la langue. Si j'éteins les muselières pour que nous puissions voir la langue correctement, la langue devient différente des nuages parce que nous allons vouloir l'épingler sous le museau. Pour le moment, si nous appliquons la chaîne d'onde à la langue, et que nous la jouons, vous verrez qu'elle n'est pas épinglée. Je n'ai pas encore appliqué d'épinglage, et même si j'ai essayé de l'épingler sur le bord gauche, cela ne changera rien parce que pour le moment, cet épinglage utilise toute la composition comme dans ce bord, comme le délimitation boîte. Ce que nous voulons faire est de réduire la taille de cette boîte de sélection à juste autour de la langue, sorte qu'il puisse commencer à voir que l'épinglage doit être ici. Supprimons simplement cette distorsion d'onde pour l'instant, et pour rendre la composition autour de la langue beaucoup plus petite, nous allons avoir besoin de la pré-composer. Maintenant, la raison pour laquelle j'ai dit que j'avais deux copies de la langue était parce que je voulais vous montrer comment pré-composer. À l'heure actuelle, c'est déjà dans une composition avec les contours de la langue et le remplissage de la langue. Nous n'avons pas besoin de pré-composer celui-là si nous ne voulons pas. Si vous n'avez pas déjà de groupe dans votre fichier procreate, vous pouvez en créer un sur votre seul calque PSD ici en cliquant avec le bouton droit de la souris et en allant dans Pré-composer. Ou vous pouvez appuyer sur « Command Shift C », ce qui ouvrira une fenêtre de pré-composition pour vous. Assurez-vous que vous avez coché Laisser tous les attributs, puis appuyez sur « OK », et vous pouvez double-cliquer pour l'ouvrir. Ici, vous verrez la langue sur sa propre composition et maintenant nous pouvons commencer à ajuster cette composition afin que nous puissions obtenir l'épinglage juste dans notre illustration. Nous pouvons utiliser ce bouton, qui est appelé région d'intérêt, c'est ce que j'aime le plus utiliser, alors nous pouvons dessiner notre nouveau cadre de sélection. Maintenant, parce qu'on veut épingler ce côté gauche. Nous allons zoomer de très près et nous assurer que c'est fermement contre nos illustrations. Quand nous épinglons, il sera vraiment fermement coincé là. Si on fait un zoom arrière, je vais laisser un peu de place de part et d'autre de la langue ici parce que mon onde sinusoïdale va aller de haut en bas. Donc je vais laisser autant de place que nécessaire pour que ça se produise. Je n'ai pas vraiment besoin de trop à la fin, mais je te laisse juste un peu de marge de manœuvre là-bas. Une fois que vous êtes satisfait de votre région d'intérêt, vous pouvez accéder à « Composition » et à « Crop Comp » à la région d'intérêt. Maintenant, il va arriver avec notre minuscule petite composition, ce qui est génial. Retournons dans le chien conducteur. Notre langue a bougé. Mais nous étions très intelligents au début et nous avons pris ce joli instantané, qui nous montre exactement où devrait être notre langue. Appuyez simplement sur « B » et cliquez sur « Tongue », et nous pouvons commencer à faire glisser cela en place. On est presque là, ça a l'air très bien. Oui. Maintenant, quand nous appliquons la déformation des vagues et que nous l'épinglons à ce bord gauche, vous verrez que notre déformation des vagues s'écoule très bien de ce bord gauche où elle est fermement épinglée. Ensuite, nous pouvons commencer à ajuster la hauteur et la largeur au besoin. Maintenant, c'est la raison pour laquelle j'ai enregistré ma belle couche de croquis ici, voir si je le déverrouille et je regarde ça, je peux en fait solo ce calque pour voir la vague originale, et si je le déconnecte, je veux reproduire cette motion. Revenons à la langue et montons un peu la hauteur des vagues. Probablement un peu trop en fait, mais nous voulons beaucoup plus de largeur, alors revenons en arrière, et vérifions le croquis. Oui, on peut en fait déplacer ça pour voir et essayer de le faire correspondre à la position de la langue, et on va juste agrandir la hauteur, et la largeur un peu plus grande. Je vais changer un peu la direction pour qu'elle corresponde à notre langue ici. Nous l'avons fermement épinglé à ce bord gauche. Jouons-le avec la barre d'espace, et ça commence à fière allure. Remettons le muscle sur le dessus, et il est magnifiquement caché. Vous remarquerez peut-être que j'ai un peu d'erreur à venir juste ici. Maintenant, je peux arranger ça très facilement. Cela peut arriver parce que vous ne pouvez pas toujours prédire ces choses lorsque vous illustrez votre photo en premier. Vous pouvez simplement appuyer sur « Commande E » et cela ouvrira Photoshop pour vous. Ensuite, ce que vous pouvez faire est d'éditer directement ce fichier et ensuite vous pouvez couvrir cette petite erreur. Maintenant, il est vraiment important que vous n'ajoutez pas de couches ou n' enlevez aucun calque car cela gâchera complètement votre fichier d'effets secondaires. Faites simplement l'édition sur les calques existants et vous serez tout à fait bien. Je sais que j'ai juste besoin d'étendre ce petit contour du museau. Si je sélectionne la même couleur et que j'obtiens mon pinceau, je peux juste le polir un peu. Si vous appuyez sur « Command S » ou que vous allez dans « File Save » et revenez à « Aftereffects », il devrait juste mettre à jour là et, espérons-le, le couvrir, et pour le réparer un peu plus, aller juste déplacer cette langue légèrement vers le bas. On y va. Personne ne le saura jamais, mais vous avez déjà fait cette erreur. La dernière pièce d'animation que je vais faire sur cette illustration est à l'oreille ici. Maintenant, nous allons voir qu'il est déjà dans une composition avec notre Ear Fill et notre Ear Outline, et tout comme la langue, nous allons l'épingler dans une certaine zone. Maintenant, si je regarde ça et que je le pré-compose, ça va voir ce bord gauche où je veux l'épingler comme toute cette section ici, et je ne voulais pas vraiment que ça l'affecte. Je veux faire pivoter cette illustration afin que nous puissions travailler avec elle horizontalement et il sera beaucoup plus facile à épingler. Je vais en fait pré-composer ce groupe, « Command Shift C » et l'appeler Ear Comp 2, très bien. Ouvrons l'Ear Comp. Pour obtenir cela horizontal, nous allons cliquer sur « Oreille » et nous allons la faire tourner. Mais si je le fais pivoter en ce moment, il va tourner autour de ce point central. Nous devons déplacer ce point d'ancrage vers le milieu de l'oreille, ce qui rendra le travail beaucoup plus facile. Ensuite, nous allons faire glisser cela et faire pivoter jusqu'à ce que nous soyons à peu près horizontaux, et prenons une note de ce nombre moins 25. Nous aurions besoin de le faire tourner par l'opposé dans nos dossiers de chiens de conduite. Souviens-toi, moins 25. Une fois que nous l'avons bien et horizontal, allons le recadrer dans la région d'intérêt. Bien, et assurez-vous qu'on soit gentils et proches. En fait, je vais couper un peu de cette orange, puis on découpe le Comp à la région d'intérêt, et on retourne dans notre dossier « Driving Dog ». Souviens-toi de ce facteur de rotation. Nous étions moins 25 et les derniers, nous devons être plus 25 ici. Remettons-le en position. N' oubliez pas que nous avons cet instantané à vérifier, et c'est superbe. Appliquons la chaîne d'onde à l'oreille, et faisons nos ajustements à l'onde. Prenons ça jusqu'à 15, comme la langue, et remontons la largeur des vagues. Maintenant, parce que l'oreille est légèrement différente, matériau plus épais que la langue, je vais lui donner un peu plus d'une largeur là-dedans. Plus important encore, nous allons l'épingler à ce bord gauche. Beaucoup mieux. Maintenant, ça a l'air vraiment génial. Je pourrais faire des ajustements ici. Si je ne voulais pas qu'il soit sur une telle route à la campagne, je pourrais noter ma vitesse jusqu'à deux, il ira un peu plus vite. Faisons la même chose avec la langue. Maintenant, il va un peu plus vite à travers le pays, je l' ai imaginé sur la Route 66. N' oubliez pas qu'il est très important de penser au type de matériel que vous représentez dans votre animation. Tout comme la différence entre l'oreille du chien et la langue du chien, n'était pas trop. Alors que si vous aviez, disons, une soie sur une corde à laver, ce sera une vague très lente, très large par rapport à votre drapeau sur un terrain de golf, ce serait très rapide et fouettant vague. Assurez-vous que vous pouvez apporter des ajustements à votre onde sinusoïdale jusqu'à ce qu'elle ressemble à la chose que vous essayez de représenter. Maintenant, j'ai juste un peu plus à ajouter à mon chien de conduite, et je vais doubler quelques effets et j'ai hâte de vous montrer la magie que cela apporte à votre illustration. 8. Doubler: Félicitations pour l'utilisation du Wave Warp. Je suis sûr que votre illustration a déjà l'air incroyable. Mais dans cette leçon, nous allons examiner l'utilisation de deux effets pour apporter encore plus de variété à votre Wave Warp. En regardant le croquis original de l'oreille, nous pouvons voir qu'il a un peu plus d'un film vers le haut que notre illustration actuelle. Je peux utiliser un autre effet au-dessus de la déformation des vagues, ou devrais-je dire, dessous de la déformation des vagues, très important, appelé CC Bend It . Une autre fonction de distorsion, CC Bend It, posez-le dans le panneau Effets, et notre oreille disparaîtra. Si nous avons juste solo notre oreille en cliquant sur le bouton « Solo », vous verrez que nous avons un début que nous pouvons mettre au début de l'oreille, et nous pouvons simplement repositionner cela un peu, et nous avons une fin que nous pouvons positionner à la fin de la oreille. Maintenant, nous avons des effets ton après effet pour le début et la fin où se trouve notre illustration. Maintenant, on peut utiliser le Bend It pour le plier dans les deux sens. On peut le plier ou le réparer. Encore une fois, il va s'asseoir à l'intérieur de cette boîte de délimitation. Si vous avez besoin de faire des ajustements à la composition, vous pouvez. Je ne vais pas le faire parce que je pense que c'est assez un virage pour moi, et c'est en solo. Maintenant, nous avons le Bend It qui le rend un peu plus haut. Je vais le refuser un peu. Oui. C'est juste un peu plus perkant. Nous pouvons utiliser CC Bend It de cette façon. Je vais sauver ça maintenant parce que je suis vraiment content de l'animation. Je vais vous montrer un autre exemple de doublement. Voici une autre illustration d'un skieur très fier de 80. Je t'ai dit que j'adorais les 80 trucs. Il va avoir ces cheveux longs et glorieux. Maintenant, au lieu d'une ellipse cette fois, j'ai fait les cheveux en forme d'œuf cassé. C' est parce que je veux ces détails là-dedans, donc je veux ces fentes. Si je déconnecte ça maintenant, et que j'ai déjà appliqué mes premiers effets Wave Warp, vous pouvez voir, tout comme un joli drapeau, il agite dans la brise. Mais parce que ce sont des cheveux, c'est un peu plus organique que ça, on peut doubler pour le rendre plus naturel. Nous pouvons commander D ou dupliquer cet effet. Nous avons ajouté un autre Wave Warp, mais c'est beaucoup trop extrême maintenant, ça le fait aller partout. Ce qu'on peut faire, c'est réduire la deuxième déformation des vagues, rendre un peu plus calme. Allons le réduire à cinq. Allons baisser la largeur, juste une touche. Vous verrez maintenant, au lieu de juste la vague originale qui est tout à fait normale, nous avons un peu plus d'effet sur chacun d'entre eux ne sont pas tous pairs. Comment peut-on souligner cela encore plus ? C' est là que la phase entre vraiment en jeu. Si nous mettons le visage vers le haut, sorte que les vagues sont maintenant hors du temps les unes avec les autres, nous pouvons commencer à obtenir cet effet vraiment intéressant, plus naturel pour les cheveux. Maintenant, ça continue à faire ces cheveux glorieux qui soufflent dans la brise, il a l'air incroyable. C' est deux façons d'ajouter un peu plus de variété à votre Wave Warp. La première façon était d'ajouter un CC Bend It pour ajouter un virage à votre vague, et la seconde était de dupliquer la Wave Warp et juste déplacer la phase un peu pour obtenir un look plus fluide. Expérimentez avec ceux-ci et voyez comment vous allez. Dans la prochaine leçon, nous allons ajouter des détails à nos joueurs Wave Warp. On se voit là-bas. 9. Ajouter des détails: Dans cette leçon, nous allons chercher à ajouter des détails. Nous allons le faire en utilisant l'outil Plume et les outils de forme dans After Effects. Avec ce gars, je veux vraiment faire des ajustements aux cheveux parce que j'ai l'impression que c'est un peu trop pointu, alors qu'il est assez arrondi. Maintenant, plutôt que de retourner dans le fichier Procreate original, nous pouvons voir à l'intérieur de Hair Comp, qui est celui-ci, cette forme d'oeuf cassé, nous pouvons créer un nouveau calque dans After Effects. Nous n'avons pas forcément besoin de revenir en arrière. L' avantage de le construire en tant que calque de forme est que nous pouvons commencer à superposer des formes et à ajouter plus de détails de cette façon. Laissez-moi vous montrer comment construire After Effects. Sélectionnez l'outil Plume et nous sélectionnerons le même remplissage que cette forme. On va appuyer sur Alt parce qu'on ne veut pas de frappe rouge vif, et ensuite on commencera à construire. Maintenant, c'est comme Illustrator si vous l'avez déjà utilisé, j'ai tendance à construire avec la méthode de l'horloge. Donc, 12 heures, 3 heures, 6 heures, 9 heures et où que vous arriviez à un point, faites un point. Faites un point sur le point. On a un point d'ancrage là-bas, un point d'ancrage à 12 heures et on suffit de cliquer et de glisser pour faire ressortir les poignées. Quand il s'agit d'un point, faites un point légèrement plus arrondi et puis même là et ce sera juste un point pointu. Donnez ça un peu arrondi. Six heures. Ne vous inquiétez pas trop d'être trop précis en ce moment, et trois heures. Maintenant, si je tiens Alt, je peux commencer à ajuster ces poignées pour qu'on puisse remplir cette forme. Parce qu'en fait, je ne veux pas à peu près la même forme, je voulais juste ces coins arrondis. C' est presque là. Super. Maintenant, si je désactive calque Photoshop ou Procreate original et que je regarde à l'intérieur de Skier, nous avons maintenant ces beaux bords arrondis avec exactement la même distorsion d'onde que nous avons appliquée auparavant. Maintenant, je veux ajouter plus de détails et je ne peux pas les avoir parce que j'ai ce calque de forme. Appuyez simplement sur V et cliquez loin du calque de forme, et nous allons créer un autre calque sur le dessus. Cette fois, je ne veux pas de remplissage. Je voudrais un coup, pas rouge vif, mais des blancs, et je vais rester avec 10 pixels. Maintenant, je vais faire des stries dans ses cheveux pour qu' il coule vraiment bien avec l'illustration. Tout d'abord, je vais faire valoir notre point de vue et le faire sortir et ensuite en avoir un autre. Nous allons avoir une belle forme de courbe pour aller avec la forme des cheveux. Ensuite, je vais juste cliquer sur le calque et ensuite on peut en faire un autre. Si je peux cliquer sur le calque et faire un ajustement juste à celui-ci, cliquez sur le calque et avons une autre stries au centre. Cliquez sur le calque. La raison pour laquelle vous devez cliquer sur le calque entre les deux est sinon il se joindra à lui-même comme ceci, ce qui n'est tout simplement pas utile pour personne. Cliquez sur le calque, faites vos ajustements, puis j'ai des stries complètes sur un seul calque, ce qui va être vraiment utile. Maintenant, si je retourne à mon skieur, super, il a des stries maintenant, mais elles sont moches et elles ne sont pas à l'intérieur de la forme. Revenons à la composition des cheveux. J' ai effectivement remarqué pendant que nous étions là, que les points étaient un peu élevés alors nous allons simplement les traîner un peu vers le bas. Super. Sur ce calque, ce que nous pouvons faire est d'appuyer sur le T. Le T, Préserver la transparence, regardera le calque ci-dessous et ne s'affichera que dans ce calque. Lorsque vous retournez chez votre skieur, vous avez ce beau détail tout enfermé dans la forme que vous avez faite. Vous pouvez également le faire avec diverses choses. Vous pouvez faire des formes. Vous pouvez avoir différentes couleurs dedans et il va juste l'appliquer sur le même calque et appliquer cette distorsion d'onde. Vous pouvez commencer à faire cet effet de masque d'écrêtage avec les détails et ils s'occuperont de toutes les propriétés que vous avez déjà mises là-bas afin que vous n'ayez pas besoin de doubler sur quoi que ce soit. Revenons à notre chien de conduite original ici. Ce qui est génial d'utiliser le petit T comme nous l'avons fait sur le skieur, pour masquer nos effets, nous pouvons le faire aussi sur nos couches de forme que nous avons fait dans Procreate. Si nous ouvrons les lunettes de soleil Precomp, ici nous avons les montures et ensuite nous avons les lentilles. Je vais aller dans les lentilles Precomp et vous verrez dans les lentilles, nous avons une brillance dans les lentilles. Je vais recréer l'éclat en utilisant notre effet de distorsion de vague. Je vais juste créer une nouvelle forme, un rectangle en blanc, sur notre calque ici, et je vais précomposer cela en appuyant sur Command Shift c. Nous appellerons ça Shine Animated. D' accord, allons dans ce comp maintenant. Nous pouvons ajouter l'effet de distorsion d'onde. On y va. Cette fois, comme je l'ai dit dans notre première leçon, nous allons utiliser l'effet de bruit. Je vais devenir un peu fou avec les chiffres ici et sauter ça jusqu'à 3 000, puis j'ai croisé la largeur jusqu'à 3 000 aussi et nous avons ce genre de ligne. Si je joue ça, a l'air un peu fou en ce moment. Mais on va ralentir ça. Mettons 0,05. Nous avons ce genre de mouvement de style autocue là-dedans. Maintenant, si nous revenons à la composition précédente, nous verrons cet effet se produire ici et ce que nous devons faire est de le faire tourner légèrement pour obtenir cet effet incliné. Ensuite, nous utilisons Préserver la transparence, sorte qu'il ne s'affichera que dans la couche ci-dessous. Alors tout ce que nous avons à faire, c'est d'avoir un peu de violon avec où il est pour que ça commence et qu'il se termine au bon endroit, préférence là où il n'y a rien. Mais quand vous avez votre comp original, vous pouvez voir l'effet de lunettes cool là dans les lunettes de soleil de chien. C' est mon animation terminée. Vous pouvez trouver de nombreuses façons vraiment différentes et créatives d'utiliser la déformation des vagues et de les masquer dans des sections de votre illustration. Essaie donc définitivement ça. Vous pouvez également ajouter ces détails à l'aide de l'outil Plume, l' aide des outils de forme, et utiliser cette fonction importante de préservation de la transparence pour les masquer dans des parties de votre illustration. Maintenant que vous êtes au courant de ce genre de technique, vous pouvez en fait tenir compte dans la phase de conception de sorte que lorsque vous faites vos illustrations, vous pouvez penser, « Oh, je peux masquer ça plus tard. » C' est une technique très pratique. Je suis si contente de t'avoir enseigné ça. Dans la prochaine leçon, nous allons examiner différents types d'onde sinusoïdale et différents types d' illustration et comment j'ai combiné toutes ces techniques à cela. Je te verrai là-bas. 10. Autre façons d'utiliser le Wave Warp: L' outil de distorsion d'onde est vraiment polyvalent, et je sais que je vous ai seulement montré vraiment l'onde sinusoïdale. Dans cette leçon, nous allons examiner comment j'ai appliqué les différents types d'ondes à différentes illustrations, et comment j'ai utilisé la combinaison de toutes les différentes techniques de doublement et d'ajout de détails dans mes illustrations. Allons plonger dedans. Celui-ci, M. Sharky, c'est notre dent de scie. Vous pouvez voir sur les dents supérieures, par exemple, dans Procreate, je viens de faire ce blob elliptique, puis je l'ai précomposé, puis ajouté le type d'onde en dent de scie. Ce qui est vraiment cool, c'est qu'on peut vraiment dupliquer ça et changer un peu la phase. Ensuite, vous commencez à obtenir beaucoup plus de dents vicieuses là-dedans, ce qui est plutôt cool. Nous pouvons faire la même chose avec les dents inférieures aussi. Si on bouge le visage, et que M. Sharky commence à paraître beaucoup plus vicieux. Voici mon illustration appelée, fumer est toujours cool. Nous pouvons voir ici cet effet de fumée que vous avez vu dans la leçon d'effet de distorsion des vagues. Tout ce que j'ai fait, c'est que j'ai ajouté deux déformations de vagues. Vous pouvez voir ce sont les déformations d'onde circulaire, et j'ai ajouté le second avec un peu de phase juste pour ajouter un peu d'intérêt aux directions. Ce n'est pas toujours une piste similaire quand on fume. C' était déjà un fichier tortueux, donc cela vient de Procreate. Évidemment, si vous ajoutez une distorsion d'onde à un fichier tortueux, cela va juste ressembler à ceci, ce qui n'est pas l'effet que nous essayons d'obtenir. Ce que j'ai fait, c'est en fait que j'ai créé cette forme elliptique juste allongée, et ensuite j'ai appliqué la double distorsion d'onde aussi pour obtenir cet effet cool en utilisant l'onde circulaire. Un autre type d'onde très utile. Le dernier que je vais vous montrer est le demi-cercle. Vous pouvez voir ce personnage ici est celui que j'ai conçu, mais j'ai un ami animateur très talentueux qui fait le cycle de poussée pour moi. Je viens d'ajouter quelques petits morceaux de distorsion d'onde supplémentaires à la fin. Vous pouvez voir qu'il y a des charges et des charges d'onde sinusoïdale ici, en particulier les lacets. Ils ont une onde sinusoïdale très rapide sur la route. À moins 5, si nous regardons la vitesse des vagues pour la faire passer de droite à gauche. Ensuite, dans le maître, j'ai également ajouté un petit nuage de vitesse ici en utilisant un demi-cercle. Aussi, à moins 5, pour correspondre aux lacets et à la vitesse du personnage. Ensuite, j'ai ajouté un masque rectangle sur le dessus juste pour masquer la route, et là, nous avons ce très mignon petit effet de nuage de vitesse, qui étaient en fait bien. Chaque conception que vous créez nécessitera un parcours de déformation des vagues différent. Je vous encourage vraiment à expérimenter, essayer les choses, et surtout, à vous amuser avec. Une fois que vous êtes satisfait de votre animation, vous êtes prêt à exporter, et c'est ce que nous allons faire dans la prochaine leçon. On se voit là-bas. 11. Exporter votre animation: Une fois que l'expérimentation est terminée et que vous avez vérifié votre animation, vous avez corrigé les zones, vous avez doublé vos effets, vous avez ajouté vos détails, et vous êtes super satisfait, vous êtes prêt à exportation. Nous allons exporter en tant que mp4, puis nous allons passer à GIF un peu plus tard. Pour exporter en tant que mp4, nous allons dans Composition, puis Ajouter à Adobe Media Encoder Queue. Votre fichier apparaîtra dans la fenêtre ici. Maintenant, vous devez sélectionner H.264 dans le menu déroulant, puis vous devrez choisir un endroit agréable pour l'enregistrer. Revenons à notre dossier de bureau, Exports, et c'est MP4, alors mettez-le dans des vidéos, et livré. Il suffit de vérifier le fichier comme mp4 là-bas. Appuyez sur « Enregistrer », puis appuyez sur « Lire » et Media Encoder fera sa magie. Une fois que tout est fait, vérifions notre fichier dans le dossier. On y va, ouvrez ça en utilisant la barre d'espace. Ouais, ça a l'air bien. Rendre un peu plus petit donc c'est un peu plus représentatif. Merveilleux. Nous avons notre MP4 prêt à télécharger sur Instagram. Je vais juste déposer ça sur mon téléphone d'habitude, et ensuite je peux télécharger ça sur Instagram. air bien. Pour l'enregistrer en tant que GIF, ce que nous pouvons faire est d'ouvrir ce fichier dans Photoshop. Si nous allons à Ouvrir avec et que nous trouvons Photoshop sur nos applications, nous verrons que cela s'ouvrira avec la chronologie ici. Si vous ne connaissez pas beaucoup la chronologie, j'ai un autre cours qui consiste à animer des motifs et des textures en utilisant Photoshop pour vos illustrations. Donc, vous pouvez vérifier ça. Vous n'avez pas besoin d'en savoir beaucoup ici, mais il est toujours utile d'en avoir. Pour exporter en tant que GIF, nous allons simplement dans Fichier, Exporter, Enregistrer pour le Web, et cela va se charger. Ça va prendre un moment. Beaucoup de calculs se passent. Ici, nous verrons notre GIF venir. Ce qui est vraiment sympa de travailler avec des GIF dans Photoshop, c'est que nous pouvons voir la taille du fichier. Tout d'abord, vraiment utile. Pour le moment, c'est 1,8 meg. Idéalement pour GIF, nous le souhaiterions sous un seul. Il y a beaucoup de choses que nous pouvons faire dans Photoshop pour réduire la taille. Une bonne chose est que nous pouvons prévisualiser dans le navigateur. Si nous prévisualisons cela, il apparaîtra comme notre image. Ce qui est vraiment sympa, c'est qu'il indique tous les paramètres ici. Ensuite, nous pouvons commencer à faire des comparaisons lorsque nous réduisons la taille du fichier. Maintenant, une chose que je peux voir immédiatement est que c'est énorme, beaucoup trop grand pour mon portefeuille ici. Donc, réduisons la taille sur cela tout d'abord. Passons à 60 pour cent, et appuyez sur « Entrée ». Présentons ça. Déplacé vers le bas à 1022K. On y arrive. Voir la qualité, juste beaucoup plus lisse. Maintenant, je n'ai utilisé que six couleurs ici. Donc, je peux certainement réduire la quantité de couleurs. Allons à 16 et essayons ça. On dirait toujours le même, mais on est sur 700K à la place. Il a l'air à peu près exactement le même. Donc, nous avons juste économisé 300K juste en changeant la quantité de couleurs qui est vraiment cool. Vous pouvez travailler sur quelques paramètres différents ici. Vous pouvez modifier l'algorithme de réduction des couleurs. Vous pouvez changer le dither si vous n'en avez pas besoin et cela affectera la taille de votre fichier. Expérimentez avec eux, amusez-vous. Encore une fois, j'y vais plus dans mon autre cours si vous voulez vérifier cela. Une fois que nous sommes heureux, appuyez sur « Enregistrer » et assurez-vous que nous sommes dans le bon fichier GIF. On devrait l'être. Mettons le chien de conduite GIF. Ouais, super. Appuyez sur « Enregistrer ». Ensuite, nous pouvons vérifier notre GIF dans notre dossier. Ouvre ça. Il a l'air superbe. Maintenant, nous avons exporté en GIF, nous pouvons le télécharger dans notre portefeuille et nous pouvons le télécharger dans notre galerie de projets. Appelons ça Drivin, je vais mettre Dawg cette fois pour le rendre plus amusant. Nous allons télécharger ce GIF, devrait s'ouvrir tout de suite. Il faudra une seconde pour le charger ici. Maintenant, il ne va pas jouer dans votre photo de couverture, mais il suffit de sélectionner une belle partie de l'image. Ensuite, nous pouvons parler un peu de notre processus ici. Ajoutez plus de détails et de questions si vous avez besoin de me poser quelque chose. Allons faire apparaître l'image là-dedans. On y va, c'est notre projet tout fait. Tout ce que nous avons à faire est de cliquer sur « Publier », puis c'est téléchargé dans la galerie du projet. Il est important de se rappeler que si vous allez dans les exportations MP4, vous l'ajoutez à votre file d'attente Media Encoder et sélectionnez « H.264 » dans le menu déroulant. Vous pouvez ensuite importer cela dans Photoshop et utiliser la fonction Enregistrer pour le Web, et juste jouer avec tous vos paramètres et vraiment obtenir la taille de GIF que vous voulez. Une fois que vous avez fait tout cela, n'oubliez pas de télécharger votre GIF dans la galerie de projets. Je peux répondre à toutes les questions que vous avez là-bas. J' adore voir tous les projets. Alors téléchargez-les. J' ai hâte de vérifier votre travail. 12. Réflexions finales: Magnifique travail, vous les gars. Dans cette classe, nous avons découvert à quel point la déformation des vagues est incroyable, et comment elle peut donner vie à vos illustrations sans aucune image-clé. Nous avons appris à concevoir une illustration en pensant à la déformation des vagues en utilisant l'ellipse comme forme clé pour nous aider à animer avec la déformation des vagues. Nous avons appris que nous pouvons dupliquer le Wave Warp pour créer différents calques dans notre animation, et nous pouvons doubler les effets en utilisant CC Bender. Nous avons également appris que nous pouvons créer des formes dans After Effects à l'aide outils de forme de motif pour recréer nos calques illustrés et y ajouter des détails. Je parie que vous avez juste une incroyable illustration animée à partager avec le monde, à partager avec vos amis et votre famille, et ils vont être tellement impressionnés. S' il y a une chose que j'espère que vous retirerez de cette classe, c'est à quel point c'est simple , amusant et facile d'ajouter la Wave Warp à vos illustrations. J' ai hâte de voir tous vos projets et vos téléchargements. Assurez-vous donc de l'ajouter à la galerie de projets. Si vous le mettez sur les réseaux sociaux, assurez-vous de me marquer et je le partagerai avec mes histoires. J' ai aussi un dossier de travail étudiant là-dedans. Alors, vérifiez cela pour plus d'inspiration. Tout le meilleur avec votre voyage d'animation. J' ai hâte de vous voir dans un autre cours très bientôt.