Animer vos illustrations avec After Effects

1. Introduction: Si vous êtes illustrateur, je pense que l'animation est un excellent ajout à votre fil de médias sociaux car elle vous permet de développer votre narration, définir une ambiance et même d'ajouter de l'humour à votre travail. Bonjour, je suis Manon Louart. Je suis graphiste, dessinateur et illustrateur français basé à Bordeaux. Dans ce cours, je vais vous montrer comment animer vos illustrations en utilisant After Effects. J' ai un diplôme en graphisme, pas en animation. J' ai trébuché tout seul dans After Effects jusqu'à ce que je trouve quelques choses. Je veux vraiment vous montrer que l'animation peut être pour tout le monde et que vous n'avez pas à passer heures pendant un cycle de marche image par image pour trouver quelque chose de amusant et l'animer. Dans cette classe, vous apprendrez comment aller de ceci à cela en utilisant quelques-unes de mes techniques préférées, y compris les expressions, les effets de distorsion, les textures animées, et comment donner à votre animation un aspect dessiné à la main. Je reprendrai tout mon processus avec vous, de la préparation de votre fichier dans Photoshop à l'exportation de deux manières différentes. 2. Le projet: Pour ce projet, je veux que vous illustrez le personnage de votre choix avec un arrière-plan ferme, puis nous allons l'animer en utilisant l'effet CC Bend It, Expressions, l'effet Wave Warp, et animer les textures en utilisant des mattes alpha. J' ai également préparé un projet After Effect qui sera disponible dans les ressources de la classe. Il contient quatre courts exercices qui couvrent les différentes applications des techniques que nous allons utiliser, sorte que vous pouvez suivre avec cela. Si vous ne voulez pas vous engager à faire une illustration complète, j'ai animé une composition de référence pour chacun d'eux, mais vous n'avez pas à la suivre jusqu'à la lettre. N' hésitez pas à en faire les vôtres. 3. Préparer votre document dans Photoshop: abord, je vais ouvrir mon fichier dans Photoshop et m'assurer que tout va bien, puis je vais l'exporter pour l'animation. Voici à quoi ressemble mon illustration en ce moment dans Photoshop. J' ai ces deux couches qui sont cachées pour le moment parce que je vais les utiliser comme masques d'écrêtage, mais seulement une fois que je suis dans les effets après, donc je n'en ai pas besoin pour le moment. Puis j'ai toutes mes couches de cheveux, les plantes, les vêtements. Maintenant, la première chose que vous voulez faire dans Photoshop est en fait planifier à l'avance, sorte que votre vie soit son année une fois que vous êtes dans After Effects. Vous voulez vous assurer que tous les calques que vous souhaitez animer sont séparés. Par exemple, toutes mes plantes sont sur des couches séparées et même chose pour mes cheveux. J' ai ces trois pièces principales, puis ces mèches de cheveux plus petites sur des couches séparées. La seule chose différente pour les formes abstraites est qu'elles sont toutes sur le même calque, mais c'est parce que je vais les recréer directement dans After Effects. Ce n'est qu'un guide de référence pour moi plus tard. La deuxième chose que je veux m'assurer est que pour les couches que je veux animées, j'ai en fait assez de place pour les animer. Par exemple, cette couche ici va en fait plus loin que cette ligne de vêtements, de sorte que quand elle se déplace, j'ai en fait quelque chose qui montre à travers. Je pense que tout va bien. Je vais aller de l'avant et commencer à fusionner les calques qui ne vont pas être animés. Par exemple, j'ai la fonction de visage et le visage. Je peux les fusionner en appuyant sur Commande E. Je vais faire de même pour toutes les couches qui vont rester immobile. Par exemple, ce groupe de vêtements, je peux juste fusionner ensemble, et le fusionner avec le cou. Je pense que c'est à peu près tout. Maintenant, nous pouvons réellement le redimensionner en appuyant sur l'option de commande I. Je veux réellement que ce soit en pixels. Je veux que ce soit 180 par 180, et que la résolution soit fixée à 72. La raison en est que, c'est fondamentalement la norme pour Instagram, et en fait je ne veux pas que mon dossier soit trop lourd parce que alors ce sera juste un bondé pour un détenu. Appuyons sur « OK ». Maintenant, je peux simplement l'enregistrer comme un nouveau fichier en appuyant sur Maj + Commande + S.Je vais le nommer animation. Sauvez, et c'est tout. 4. Commencer avec After Effects: Maintenant que mon illustration est de la bonne taille, tous mes calques sont organisés en pensant à l'animation. Je peux ouvrir After Effects et importer mon fichier. Donc, si c'est la première fois que vous utilisez After Effects, voici à quoi cela ressemble, je vais cliquer sur « Nouveau projet » et j'ai réellement réinitialisé mon espace de travail à la valeur par défaut, donc, cela devrait ressembler à peu près à vous. Je vais donc prendre mon illustration et la faire glisser dans mon onglet de projet. Je voulais vraiment importer en tant que composition avec des styles de calque modifiables, car sinon il sera importé sous forme d'image plate et je ne pourrai pas l'animer, alors, appuyez sur « Ok ». Cela a créé une nouvelle composition, donc double-cliquez dessus, et voici votre illustration. Une fois qu'elles sont importées dans After Effects, toutes vos couches bénéficient de ces propriétés très basiques. Vous avez donc la position, l'échelle, la rotation, l'opacité et le point d'ancrage. Ensuite, en haut, vous trouverez quelques outils comme la main, ce qui vous permet de saisir votre aperçu et de le déplacer dans la zone comme celle-ci. L' outil de rotation et l'outil Point d'ancrage, qui vous permet de saisir le point d'ancrage d'un calque et de le déplacer comme ceci. Donc, si vous n'avez jamais animé quoi que ce soit dans After Effects, je vous montrerai très rapidement comment cela fonctionne avec un calque de forme. Je vais dessiner un cercle juste ici, et disons que je veux animer sa position, je vais appuyer sur « P » sur une image clé, puis je vais passer à une seconde dans ma chronologie et la déplacer de cette façon, et il a ajouté une image-clé seule, et ce qu'il a fait, c'est créer le mouvement entre ces deux images clés. C' est la façon la plus simple de travailler l'animation dans After Effects, vous créez des images clés, puis le logiciel fonctionne seul pour calculer ce qui va se passer entre ces deux images clés. Si je voulais le faire descendre comme ça, je peux le faire et il ajoutera une nouvelle image-clé. Supprimons ça et revenons à nos couches. Une chose que j'aime faire est de les coder en couleur parce que, je trouve que ça me rend la vie plus facile quand je cherche quelque chose, donc, nous allons le faire. J' aime commencer par les choses qui vont rester immobile. Ainsi, par exemple, l'arrière-plan, le tissu, le visage et les pinces à cheveux. Je peux juste cliquer ici et sélectionner cette couleur grise, et puis je vais juste faire tous les cheveux de la même couleur aussi, disons ce bleu, et enfin, toutes mes plantes vont être vertes. Ces deux-là peuvent être roses et cela peut être rouge. Ensuite, ce que vous pouvez faire est d'appuyer sur « Commande K », allez vérifier vos paramètres de composition. Tout devrait être bien ici, mais je te montre juste à quoi ça ressemble. Donc, la fréquence d'images est de 24 images par seconde et la durée est de dix secondes, qui est ce que je veux. Tellement génial. Enfin, vous voulez vous assurer que votre fichier est réellement enregistré quelque part. Alors appuyez sur « Commande S », je vais le nommer animation et appuyez sur « Enregistrer ». D' accord. Je suis content de tout. Alors commençons à animer. 5. Créer une animation avec l'Effet CC Bend It: D' abord, je vais animer les plantes et les cheveux et j'irais habituellement pour l'outil de marionnette pour le faire, surtout avec des animations plus complexes mais ici je veux vraiment garder les choses courtes et douces. Nous allons utiliser un effet appelé CC Bend it. Le CC Bend it Effect vous permet de plier un calque entre deux points d'ancrage et ici nous allons l'utiliser pour animer les plantes et les cheveux. La première chose que je vais faire est de sélectionner toutes mes couches de plantes, puis je vais prendre la boîte solo pour rendre les choses un peu plus faciles à voir. Ensuite, je vais commencer par admettre cette couche ici. Je vais voir Effets, Distort, et CC Bend it. Maintenant, ne paniquez pas ici la couche a probablement disparu et c'est parce que les deux points d'ancrage ne sont pas encore correctement placés. Allons réparer ça. Celui-ci est mon point de terminaison, je sais que parce que quand je le déplace, il change les valeurs juste ici et je veux le placer quelque part près du sommet de mes plantes, juste ici et ensuite je vais faire la même chose pour le point de départ et placez-le en bas. Maintenant, vous pouvez aller à votre couche. Ouvrez-le, allez à Effects CC Bend it et je vais passer à une seconde dans ma chronologie et je vais utiliser le Bend pour animer. Placez votre première image clé en cliquant sur le chronomètre et entrez un nombre, disons quatre maintenant comme vous pouvez le voir, cela a fait bouger l'usine. Je pourrais aller tout le chemin comme ça ou comme ça, mais je veux vraiment garder mon mouvement tout à fait selle. Ensuite, je vais passer à deux secondes sur ma chronologie et entrée moins quatre. Ensuite, je peux saisir ma première image clé, copier en appuyant sur la commande C, passer à trois secondes, et la coller. Maintenant, vous pouvez revenir en arrière et appuyer sur la barre d'espace et voilà, votre usine est en mouvement. Laissez-moi juste utiliser cette mise en garde de travail pour vous montrer à quoi cela ressemblerait sur une boucle. Ici, c'est. C' est une animation très simple que je vais utiliser sur à peu près tout. La mienne dure deux secondes. Vous pouvez rendre le vôtre aussi long ou aussi court que vous le souhaitez, mais sa longueur en nombre d'images doit être soit un diviseur ou un multiple de 24 car 24 images par seconde sont nos taux d'images et sinon il ne bouclera pas correctement. Maintenant, je vais appliquer exactement le même processus au reste de mes plantes et je te retrouverai dans un instant. [ MUSIQUE]. Voici à quoi ressemble mon animation en ce moment. Je suis allé de l'avant et j'ai copié mon effet à partir de mon premier calque, puis je l'ai appliqué au reste des calques, puis j'ai ajusté les points de départ et de fin pour chacun d'eux. Maintenant, je vais sélectionner toutes mes couches de plantes en appuyant sur, Maj, et décocher la case solo. Voici à quoi ça ressemble avec le reste de mes couches. Maintenant, je vais animer les cheveux en utilisant la même méthode. Je vais te montrer avec une couche, puis faire le reste, revenir et te montrer à quoi ça ressemble. Je vais te montrer avec cette couche de cheveux juste ici. Je vais aller à Effects et à CC Bend it, la seule chose qui va être différente des plantes est que nous allons réellement inverser le début et les extrémités parce que je veux cette partie inférieure des cheveux bouge et Pas le haut. Je vais prendre mon point de terminaison et le placer quelque part par ici, puis le point de départ et le placer sur le dessus des cheveux. Même chose, je vais placer mes images clés et cette fois en fait vous voulez commencer par un nombre négatif parce que nous avons inversé les points de départ et de terminaison, mais je veux quand même que mes cheveux bougent dans la même direction que les plantes. Je vais entrer moins quatre, puis passer à deux secondes entrée quatre, puis copier ma première image clé, passer à trois secondes et la coller et voilà, maintenant cette partie des cheveux se déplace avec le plantes. [MUSIQUE]. Voici à quoi ressemble l'animation complète, comme vous pouvez le voir, j'ai animé ces parties des cheveux, mais j'ai en fait oublié ces deux couches et c'est parce que je vais les animer plus tard en utilisant un autre effet parce que je ne veulent pas qu'ils bougent autant. Maintenant, tous mes cheveux et mes plantes ont leur animation de base. Nous pouvons passer à l'étape suivante. [MUSIQUE]. 6. Boucler et affiner votre animation: Nous avons créé notre animation de base, mais elle ne dure que quelques secondes et elle n'a pas encore l'air très réaliste, alors voyons ce que nous pouvons faire pour l'amener au niveau supérieur. Une expression est un morceau de code que vous pouvez appliquer aux propriétés de vos couches pour les influencer. Ici, je l'ai utilisé pour dire au calque sur la droite de rebondir à la fin de son animation. ce moment, nous allons utiliser une expression de boucle pour dire à cette animation de faire une boucle d'entrée et de sortie. Il y a en fait différents types, mais c'est celui que je vais utiliser aujourd'hui. Vous pouvez aller dans les ressources de classe pour le copier et le coller. Pour moi, je l'ai juste là. Retournons en arrière. Vous souhaitez cliquer sur le chronomètre tout en maintenant Option enfoncée, puis coller votre expression. Maintenant, si j'appuie sur la barre d'espace et joue l'animation, vous verrez que cette plante est toujours en mouvement seule. Si nous atteignons la marque des 10 secondes, elle se boucle parfaitement. Maintenant, je veux coller cette expression sur le reste de mes calques, mais je ne veux pas passer mon temps à défiler sur mes calques Vous voulez donc sélectionner toutes vos propriétés Bend et appuyer sur U pour masquer le reste. Maintenant, revenez à votre premier Bend sélectionné uniquement, accédez à Copier l'expression uniquement, sélectionnez à nouveau le reste de vos propriétés de Bend et collez votre expression en appuyant sur la commande v. Maintenant, si vous prévisualisez l'animation, vous verrez que tous vos éléments se déplacent en boucle. Maintenant que tout se boucle parfaitement, rendons-le plus organique. Disons que c'est notre animation, c'est sympa, mais ce n'est pas encore très naturel, il y a deux choses que vous pouvez faire pour améliorer cela. La première consiste à décaler les images clés des effets de chaque calque de votre timeline pour créer un mouvement plus progressif, et la seconde consiste à modifier légèrement la valeur de certaines images clés pour que vos éléments se déplacent de manière plus indépendante. y a vraiment pas de règles pour cela. Vous devriez juste gâcher un peu avec vos couches jusqu'à ce qu'il semble bon. Je vais faire ça pour mes cheveux et mes plantes, et puis je reviendrai un peu pour te montrer à quoi ça ressemble. Voici à quoi ressemble mon animation en ce moment. Je suis allé de l'avant et chargé un aperçu en pleine résolution en appuyant sur la barre d'espace Maj plus. Comme vous pouvez le voir, le mouvement de la plante commence avec celui-ci, puis il va progressivement jusqu'ici et ce morceau de cheveux se déplace maintenant légèrement avant celui-ci. Si nous zoomons sur notre chronologie, comme vous pouvez le voir, les plantes se déplacent maintenant plus progressivement. J' ai décalé toutes les différentes animations. Même chose pour les cheveux, cette partie déplace maintenant quelques cadres avant cette partie, comme vous pouvez le voir juste ici entre ces deux. J' ai aussi changé les valeurs. Par exemple, cette plante commence maintenant à 8 et elle se termine aussi à 8, c'est important. Au milieu, c'est moins 6. Tout cela fait une différence assez perceptible dans l'animation, et c'est ce que nous voulons. Une chose à noter est qu'à l'heure actuelle, l'animation est raide surtout lorsque vous atteignez les images clés de fin et de début, mais ne vous inquiétez pas, nous allons corriger cela dans un instant. Pour récapituler, vous pouvez déplacer vos groupes d'images clés en les sélectionnant, déplaçant votre indicateur à l'endroit où vous voulez que le premier se trouve sur votre timeline, puis en les déplaçant tout en maintenant la touche Maj enfoncée pour qu'il s'accroche à votre indicateur. Ensuite, vous pouvez changer leurs valeurs en saisissant votre indicateur, allant à l'un d'eux, puis en changeant la valeur ici. Enfin, si vous voulez être vraiment précis avec votre indicateur, vous pouvez réellement vous déplacer dans votre chronologie en appuyant sur la commande et les touches fléchées afin que vous puissiez avancer et reculer d'une seule image. Une fois que vous êtes satisfait du mouvement général de votre animation, vous pouvez passer à l'assouplir. Lorsque vous réduisez la vitesse d'un objet dans After Effects, vous modifiez essentiellement la vitesse à laquelle il approche et quitte les images clés. moment, nous allons utiliser la facilité facile, ce qui le fera ralentir à l'approche et accélérer progressivement au départ. Vous allez faire glisser votre masse sur toutes vos images clés, puis cliquez avec le bouton droit de la souris sur l'une d'entre elles, accédez à l'assistant d'images clés et facilitez la tâche. Voici l'animation maintenant, je pense que ça a l'air beaucoup mieux. Vous pouvez réellement ajuster la vitesse de l'accélération en sélectionnant vos images clés, puis en allant dans l'éditeur de graphiques juste ici, et en tirant simplement sur ces poignées. Mais je suis en fait assez satisfait des paramètres par défaut, donc je vais juste passer à l'étape suivante. Si vous n'animez pas votre propre illustration ou si vous voulez simplement vous entraîner avant la main, vous pouvez faire une pause ici et aller appliquer ce que vous avez appris jusqu' à présent sur les plantes dans les exercices 1 et 2. J' ai inclus une composition de référence pour chacun d'eux afin que vous puissiez l'utiliser comme guide. Mais essayez de comprendre les choses par vous-même. 7. Animer avec des expressions: Dans cette section, nous allons générer des animations automatiques à l'aide d'une expression et d'un calque de forme. Ici, nous allons recréer chacune de nos formes sur le calque de forme afin qu'elles puissent être animées à l'aide d'une expression. Nous allons zoomer un peu en appuyant sur Z. Ensuite, vous pouvez appuyer sur H pour vous déplacer dans votre aperçu. Ensuite, allez au calque, nouveau, calque de forme. Dans le calque de forme, vous pouvez appuyer sur Q pour modifier le type de forme que vous souhaitez créer. Allons ici, glissez et recréez celui-ci. Si vous le souhaitez, vous pouvez également modifier le remplissage ou le type et la couleur du contour. Maintenant, pour recréer le triangle, je vais utiliser l'outil stylo comme ça. Maintenant, je vais faire le reste. Maintenant, pour ajuster un peu les choses, je peux double-cliquer dessus, faire pivoter et le déplacer un peu pour celui-ci aussi. Maintenant, il y a une chose importante. Comme je l'ai dit, nous voulons animer chacune des formes indépendamment et nous voulons les faire tourner. Pour les ellipses, leur point d'ancrage est déjà centré. Mais si vous créez une forme avec l'outil Plume comme celui-ci, le point d'ancrage peut être ailleurs. Tu veux juste t'en assurer. Ici, j'ai sélectionné celui-ci et comme vous pouvez le voir, le point d'ancrage est juste ici. En fait, je fais ce jaune pour que vous puissiez le voir. Juste ici. Tu veux appuyer sur Y, le prendre et le ramener quelque part au milieu. Je vais le faire pour l'autre triangle. Zoom arrière. Je vais supprimer ma référence là-bas et ensuite nous pouvons commencer à animer. Dans cette section, nous allons utiliser cette merveilleuse petite expression qui randomise une propriété choisie sur une boucle et cela ressemble à ceci. Maintenant je sais que ça a l'air effrayant, plus effrayant que celui qu'on a utilisé avant. Mais ne vous inquiétez pas, vous n'avez pas à le comprendre. En fait, je ne le fais pas vraiment non plus. Tout ce que je sais, c'est celle illustrée par Dan Ebberts. Tangente rapide. Mais vous vous demandez peut-être qui est cet homme mystérieux. Quand il s'agit d'expressions, Dan est l'homme. Si comme moi, vous finissez jamais par aller à Google avec une question sur les expressions, il y a 99 pour cent de chances que Dan ait déjà un incident sur un forum en 2009. Je ne plaisante pas, il est partout. Merci Dan pour votre connaissance de l'expression et me permettre d'avoir l'air bien plus intelligent que moi en fait. Je vais laisser son site web dans la section des ressources. il vous plaît allez vérifier, c'est une excellente source d'information. Bref, revenons à notre expression, les seules choses qui nous préoccupent sont la fréquence. Le nombre de tourbements par seconde, l'amplitude du mouvement en pixel et le temps de boucle, qui sera la longueur du cycle. Lorsque vous disposez d'un calque de forme, il possède ces propriétés comme n'importe quel autre calque. Mais si vous allez dans l'une de vos formes, vous constaterez que chacune des formes a ses propres propriétés afin qu'elles puissent être animées indépendamment. C' est ce que nous allons utiliser maintenant. Nous allons animer la position de chacun d'eux et leur rotation. Je vais aller de l'avant et prendre mon expression ici, la même chose qu'avant. C' est dans les ressources de la classe, revenons en arrière. Cliquez sur rotation et cliquez sur le chronomètre tout en maintenant l'option et collez notre expression. Je vais charger l'aperçu juste pour que vous puissiez voir à quoi ressemblent les paramètres par défaut. Comme vous pouvez le voir, ça bouge un peu et je voulais bouger moins. Aussi le cycle ne bouclera pas correctement, donc nous allons corriger cela. D' abord, je veux que la fréquence soit plus lente, donc je vais la changer à 0,5. Ensuite, je vais changer l'amplitude pour peut-être, je ne sais pas 30 et le temps de boucle à 10 pour qu'il corresponde à notre composition de 10 secondes. Prévisualisons maintenant. Beaucoup mieux. Je vais rapidement saisir cette expression, copier et la coller à la position. Je vais changer l'amplitude à peut-être 20 parce que je ne veux pas qu'elle bouge trop. Présentons un aperçu. Maintenant, c'est vraiment simple. Il vous suffit de sélectionner votre position et votre rotation, copier l'expression uniquement. Sélectionnez le reste de vos formes et collez. Voici à quoi ressemblent nos formes. Maintenant, vous pouvez évidemment essayer de jouer un peu plus avec chacun des paramètres. Vous pouvez également appliquer l'expression à l'échelle ou à l'opacité. essayé de jouer, j'ai utilisé cette expression pour faire tant de choses différentes. Ne vous limitez pas à ce que j'en ai fait ici. Je suis assez heureux avec l'animation telle quelle. Allons passer à autre chose. Si vous travaillez sur le projet d'exercice en ce moment, vous pouvez aller de l'avant et l'appliquer aux formes des exercices un et deux en utilisant mes compositions de référence comme guide et vous aurez terminé avec vos deux premières animations. 8. Ajouter des textures animées: Maintenant, il est temps d'animer nos deux textures, et nous allons commencer par la plus simple, qui est la lumière voyageant à travers l'éclipse. Pour cela, nous allons transformer ce calque en mat de piste alpha. Un cache de piste est un calque invisible qui est utilisé pour contrôler l'opacité du calque directement en dessous. C' est assez similaire en principe à l'écrêtage de mattes dans Photoshop. Il y a quatre types différents. Les alphas vous montreront un calque utilisant l'opacité du mat et les Lumas vous montreront un calque utilisant la légèreté de votre mat. Ramenons notre couche de lumière. Je vais le pré-composer avec un solide qui sera de la même couleur que les pinces à cheveux. Donc, une pré-composition dans After Effects agira à peu près de la même manière qu' un objet intelligent dans Photoshop dans lequel il sera un calque singulier dans cette composition. Mais si vous double-cliquez dessus, vous pouvez réellement l'ouvrir, y aller, et modifier les choses autour. C' est donc très utile si vous voulez animer un groupe de calques. Donc, je vais créer un nouveau solide en appuyant sur la commande y, je veux qu'il soit de la même couleur que mes pinces à cheveux. Appuyons sur « OK » et puis je peux l'amener sous ma couche de lumière. Ensuite, sélectionnez les deux calques, cliquez avec le bouton droit de la souris, allez à pré-composer et je vais le nommer, « Light princomp. » Donc, c'est maintenant une composition cliquable pour que vous puissiez y aller et changer les choses. Revenons à notre équipe principale. Je vais l'amener en dessous, pinces à cheveux et ensuite aller à Track Matte, Alpha Matte. Maintenant, la lumière s'affiche sur les pinces à cheveux. Je veux animer sa position. Donc, appuyez sur P pour faire ressortir la propriété position ajouter une image-clé. Ensuite, je veux saisir mon Precomp et le faire glisser vers la gauche pour que la lumière ne soit plus visible à travers. Ensuite, je veux aller à une seconde, le prendre et l'amener à droite. Maintenant, allez à l'image suivante en appuyant sur Commande et sur la touche fléchée droite juste ici. Prenez cette image-clé et copiez-la pour que ma pré-composition revienne instantanément à sa première position. Je ne veux pas que cette animation se produise trop souvent. Donc je vais aller jusqu'à quatre secondes, coller cette image-clé. Donc, fondamentalement, notre boucle d'animation est maintenant ce calque va de gauche à droite, puis rien pendant trois secondes, et puis il va recommencer. Alors allons saisir à nouveau notre expression de boucle, copiez-la et collez-la à la position. Dernière chose, facilitons l'animation en allant dans Keyframe Assistant, Easy Ease et vous avez terminé. Donc voici à quoi ressemble l'animation, c'est assez simple, mais je pense qu'elle ajoute une belle touche. Vous pouvez également essayer de faire quelque chose avec la rotation d'une texture sur un groupe. Je l'ai déjà fait avant. Je pense que ça a aussi l'air sympa. Donc maintenant on peut passer aux étoiles et aux cheveux et ça va être un peu plus complexe, mais j'aime vraiment les effets que ça donne. Maintenant, je veux faire la même chose pour les étoiles alors je vais le ramener, en créant un nouveau solide avec la couleur des cheveux. Ensuite, apportez-le sous le calque d'étoiles, sélectionnez-les les deux et précomposez et je l'appellerai « Stars Pricomp ». Double-cliquez dessus, et maintenant nous sommes à l'intérieur. Donc je veux animer l'opacité des étoiles, et je vais utiliser une piste Matte pour ça aussi. Mais ça va être une Luma cette fois. Donc, je vais copier et coller mon solide. Apportez-le, puis allez aux effets et je vais aller au Bruit et Grain et ajouter du bruit fractal. Maintenant, ces zones noires et blanches vont être utilisées pour définir ce que les étoiles vont montrer à travers. Vous pouvez jouer avec les paramètres, mais ma recette personnelle ressemble à ceci. Donc Dynamic Twist pour le type Fractal, pour le type Bruit, spline, je vais augmenter le contraste à 350, la luminosité à 20, et l'échelle à 40. Ensuite, ramenez la complexité à une et vous pouvez aller jouer dans les options d'évolution. Donc comme ça, je pense que je vais me contenter de, je ne sais pas, 200, 30. Alors voici à quoi ça ressemble maintenant. Maintenant, nous pouvons commencer à animer. Ouvrez votre couche, allez aux effets et nous allons utiliser l'évolution pour le faire. Alors placez une première image clé sur votre chronologie, puis vous voulez aller à la toute fin et je pense que je voulais faire quatre cycles d'évolution. Vous voulez utiliser des cycles complets pour qu'il boucle correctement. Ensuite, assurez-vous d'aller à l'option d'évolution et de faire de cela une évolution de cycle. Maintenant, si je l'ai prévisualisé, il bouge et il le fait dans un cycle. Donc, il est en boucle à la fin des 10 secondes. Pour que je puisse arrêter l'aperçu. Puis fermez ma couche et je veux que les étoiles apparaissent à travers les points noirs. Donc je vais choisir le Luma Inverted pour ça et voilà. Voici l'aperçu. Donc maintenant l'animation de l'opacité est faite. Vous pourriez évidemment trouver vos propres paramètres pour cela. Peut-être changer la luminosité, les contrastes, l'échelle. Vous pouvez également modifier le nombre de cycles afin que l'évolution soit plus rapide ou plus lente. Je suis bon avec ça alors revenons à notre composition principale. Maintenant, vous voulez mettre votre couche sous l'une des couches de cheveux et sélectionner « Alpha Matte ». Ensuite, vous voulez dupliquer votre couche de styles et faire exactement la même chose avec toutes vos couches de cheveux. Ensuite, vous voulez vous assurer de cacher toutes vos couches de cheveux afin que seules les étoiles apparaissent comme ceci. Voici donc votre deuxième texture animée. Je pense que ça a l'air génial. Si vous travaillez sur les projets d'exercices, vous pouvez maintenant appliquer ce que vous avez appris ici sur ce thème sortant de la tasse de café dans l'exercice 3. Donc c'est exactement la même chose que ces étoiles. Ensuite, dans l'exercice 4, vous pouvez faire la réflexion de la lumière sur le verre, ce qui est le même principe que les pinces à cheveux. 9. Animer avec l'Effet Onde progressive: Cette section traite donc de l'étape supplémentaire que vous pouvez prendre pour rendre votre mission plus fluide en utilisant un effet appelé Wave Warp. Ainsi, l'effet de distorsion d'onde produit l'apparence d'une vague qui traverse votre image. Ici, je vais l'appliquer sur les cheveux. Je vais commencer par cette section de cheveux juste ici. Alors allez dans « Effets », « Distort » et « Wave Warp ». Ça a l'air un peu bizarre pour le moment. La première chose que je veux réparer est la direction. Donc je voulais qu'on dirait que le vent vient d'ici. Prendons la direction et déplacons-la quelque part par ici. Peut être 225, et puis je veux que la hauteur soit la même, mais je veux que la largeur soit plus grande. Alors peut-être 200, et 30, peut-être. Ensuite, changeons la vitesse à 0,5, et si vous choisissez quelque chose de différent, assurez-vous simplement que cela fonctionne pour votre boucle de dix secondes, car cela pourrait ne pas être. Alors si vous voulez, vous pouvez changer le visage. D' habitude, je l'attrape et je le déplace jusqu'à ce qu'il ait l'air bien. Voici un aperçu. Maintenant, l'étape suivante consiste à appliquer l'effet au reste de vos calques tout en modifiant légèrement les paramètres à chaque fois. Donc je vais vous montrer comment faire ça avec cette couche et ensuite je vais aller de l'avant et faire le reste. Très bien, alors attrapez votre effet, puis copiez-le et collez-le sur votre autre calque. Ensuite, il y a deux choses que nous pouvons changer, la direction et le visage. abord, nous allons changer la direction peut-être dix degrés parce que je suppose que c'est au-dessus de la tête, alors peut-être que le vent ne le frapperait pas exactement de la même façon. Alors pour le visage peut-être qu'il commence à bouger un peu avant, alors changez-le en moins 60. Oui, quelque part par ici. Je suis plutôt content, donc je vais passer à autre chose et faire le reste. Ok, donc le voilà. J' ai fini et je suis assez content des résultats. Évidemment, si vous travaillez sur votre propre animation, les paramètres vont être très différents. Mais si vous le voulez, je peux vous montrer à quoi ressemblent mes couches ici, et vous pouvez faire une pause et jeter un oeil autour de vous. Comme dernière étape, je veux appliquer le même effet à ma couche de vaisseau et aussi à l'intérieur de mes étoiles pré-comp, sorte que tout semble plus cohérent. Prenons l'effet de l'un des calques, puis allons au calque de forme, collez-le, puis entrons dans les étoiles, pré-comp et faisons de même sur le calque d'étoiles. Revenons maintenant à la composition principale et à l'aperçu. Voilà, c'est fini. On en a fini avec les parties d'animation, donc félicitations. Maintenant que vous avez appris à utiliser l'effet de distorsion des vagues, vous pouvez aller à l'exercice trois et l'appliquer à la vapeur et dans l'exercice quatre, ou vous pouvez l'utiliser pour animer l'eau ainsi que la partie inférieure de la paille et vous aurez terminé avec tous vos exercices. La seule chose qui reste sera d'appliquer les effets dessinés à la main si vous le souhaitez. 10. Touches finales: Nous en avons fini à 90 pour cent avec notre animation. Félicitons nous-mêmes, et à la touche finale. Nous allons ajouter un calque de réglage en appuyant sur Option de commande Y, et tout ce que vous ajoutez à ce calque aura une incidence sur tous les calques placés sous celui-ci. abord, nous allons ajouter un effet de déplacement turbulent. L' effet de déplacement turbulent utilise le bruit fractal, comme nous l'avons utilisé pour les étoiles, mais pour créer des distorsions dans une image, et c'est ce que nous allons utiliser pour créer le look dessiné à la main. Allons à Effet, Distorsion et Déplacement turbulent. Ça a l'air très amusant. Même chose que pour le bruit fractal, tout le monde a sa propre recette, mien ressemble quelque chose comme ça, pour le montant 20, deux pour la taille, beaucoup mieux déjà, et pour la complexité, 10. Nous allons en fait utiliser une expression une dernière fois dans les options d'évolution, et la graine aléatoire. Cliquez sur l'option Chronomètre tout en maintenant enfoncé, et tapez le temps 12. Fondamentalement, il va dire à l'effet de changer au hasard la distorsion 12 fois par seconde. Prévisualisons ça. Ici, c'est. Comme vous pouvez le voir, il ajoute une texture fine à tous mes bords, et il fait déjà paraître plus dessiné à la main. Ce que j'aime faire est en fait de dupliquer l'effet, et de changer le montant à quelque chose de plus petit, mais la taille à quelque chose de plus grand, sorte que nous avons aussi une distorsion plus grande. Dupliquons l'effet. Je veux changer le montant à cinq et la taille à 12, et la dernière étape, et c'est facultatif, consiste à ajouter un effet de temps posterize. Accédez à Effet, Temps, Postérisez le temps, et vous souhaitez modifier votre fréquence d'images à 12. Cela rend l'animation plus nerveuse ou décalée, je suppose, mais elle se rapproche de ce look dessiné à la main que nous recherchons. Je vais charger un aperçu [inaudible], puis nous pouvons le faire avant et après. Si vous aimez l'effet et que vous voulez l'appliquer à vos animations d'exercice, vous pouvez aller de l'avant et le faire. Dans les compositions de référence, j'ai réduit la fréquence d'images à six, sur l'effet temporel de postérisation, pour vous montrer la différence. J' ai utilisé des paramètres légèrement différents sur les effets de déplacement turbulent. N' hésitez pas à expérimenter avec ça. 11. Exporter: On en a fini avec notre animation. J' espère que vous êtes satisfait du vôtre et qu'il ne reste plus qu'à l'exporter. Cette section va être très courte, je le promets, parce qu'il y a beaucoup de possibilités différentes pour exporter des vidéos mais j'ai décidé que j'allais sauter la partie où je prétends toutes les comprendre. Nous allons utiliser Adobe Media Encoder pour exporter en MP4, puis je vais vous montrer ce plug-in d'aiguille qui vous permet d'exporter en GIF directement dans After Effects. Nous allons ajouter notre composition à la file d'attente de rendu d'Adobe Media Encoder, que vous devriez également avoir si vous avez téléchargé After Effects. Vous pouvez aller ici pour le faire mais si vous voulez le raccourci, c'est Option + Commande +N alors vous pouvez changer le format ici. Si le vôtre n'est pas déjà défini sur H.264, vous pouvez le trouver dans cette liste. Tu n'as vraiment pas besoin de changer quoi que ce soit d'autre ici. Alors fermons ce panneau. Ensuite, vous voulez choisir votre sortie. Je le veux ici, Save, et tout ce que vous avez à faire est d'appuyer sur la flèche verte. Nous utilisons H.264 ici parce que c'est une norme de compression vidéo qui vous donnera un MP4 qui est généralement un petit fichier et c'est T-1 le plus couramment utilisé pour les exportations Web. Ce sera parfait pour les médias sociaux. Allons trouver notre dossier. Ça devrait être là. Comme vous pouvez le voir, la taille est sur la plus petite extrémité du spectre, donc c'est génial. Allons l'ouvrir et vous l'avez. Votre belle animation est prête à être partagée. Fermons ceci et revenons à After Effects. Si vous vouliez exporter en GIF, vous pourriez apporter votre MP4 dans Photoshop et le réexporter, mais je trouve que le processus est un peu fastidieux. C' est pourquoi j'utilise un plugin qui s'appelle GifGun. Je pense que c'est environ 30$. Donc, si vous décidez d'utiliser After Effects de façon plus régulière, cela pourrait être un bon investissement. J' irai à Window et j'ouvrirai GifGun. Ensuite, je peux vérifier les paramètres ici. abord, je veux m'assurer que ma sortie est là où elle devrait être, ce qui est bon. Ensuite, je redimensionne généralement à 800. Je garde habituellement la fréquence d'images comme composition. Vous pouvez définir vos couleurs max à 256. Si le GIF finit par être trop lourd, vous pouvez revenir à 128, surtout si vous travaillez avec des couleurs assez plates comme moi ici, 128 fonctionne. Ensuite, vous voulez vous assurer qu'il s'agit d'une boucle, puis vous pouvez exporter. Voici mon GIF. Si vous avez terminé les exercices, veuillez les exporter aussi et les poster dans la section projet étudiant parce que je veux vraiment voir ce que vous avez trouvé. 12. Conclusion: J' espère que vous avez apprécié ce cours et j'espère que vous vous êtes amusé. Si vous l'avez fait, faites-le moi savoir parce que c'est ma première classe, donc je ne peux que m'améliorer à partir d'ici. Si c'était votre première plongée dans les effets après, j'espère que cela vous a donné confiance et vous montre qu'avec quelques effets simples, vous pouvez vraiment apporter quelque chose de plus à votre création. Avant de partir, je veux juste vous rappeler que ce que j'ai couvert dans ce cours n'est qu'une fraction de ce que vous pouvez faire avec ces effets, alors s'il vous plaît ne vous limitez pas. Essayez d'explorer et de trouver quelque chose de différent parce que je suis sûr que vous pouvez imaginer quelque chose que je n'aurais pas pensé. J' ai hâte de voir ce que tu crées. Si vous avez des questions en cours de route, laissez-les dans les discussions ici et je m'assurerai d'y répondre. D' accord. Merci beaucoup d'avoir suivi ma classe. Au revoir.