Animation de la typographie dans After Effects : Superposer des effets simples afin d'obtenir une apparence complexe

1. Bienvenue: Bienvenue dans Typographie animée et After Effects. Dans cette classe, vous apprendrez à superposer effets animés simples pour créer une typographie animée complexe. Je suis Megan Friesth et je vais faire un explanimateur. C' est juste ma parole pour ce que je fais, qui est d'illustrer et d'animer des animations éducatives. Il y a des textes à peu près partout où vous regardez, et dans le monde d'aujourd'hui, une grande partie est numérique. Cela laisse une énorme opportunité dont relativement peu de gens profitent ; animer ce texte. Avec la typographie animée, vous pouvez faire apparaître vos lettres à l'écran, soit littéralement, soit au sens figuré. Vous pouvez créer des animations attrayantes qui amplifient vraiment votre message. Il y a tellement d'utilisations pour la topographie animée : des vidéos explicatives, des vidéos de typographie cinétique, des vidéos lyriques musicales, des tiers inférieurs, des logos, des séquences de titres, cartes de vœux numériques, des sites Web, signalisation numérique, de la publicité , et bien sûr, les médias sociaux. Dans cette classe, je vais montrer comment il y a des façons infinies de créer une typographie animée accrocheuse qui sont totalement réalisables. Tu n'as pas besoin d'être un expert. Si vous êtes débutant dans After Effects, je vous recommande d'abord de suivre mon cours, Lettrage animé dans After Effects. Une fois que vous serez à l'aise avec les bases enseignées dans ce cours, vous serez prêt à vous attaquer à celui-ci. Cette classe vous expliquera comment créer vos textes dans Adobe Illustrator, y compris des conseils pour créer des lettres parfaitement alignées et arrondies, et comment créer des contours et des accents prêts à animer. Ensuite, je vais vous montrer comment importer et animer vos formulaires de lettre principaux dans After Effects. Après cela, il est temps d'ajouter toutes les fleurs amusantes comme des contours animés, accents et des rafales de confettis. Une fois que vous aurez créé ce look, je vous donnerai d'autres idées sur la façon dont vous pouvez animer des effets simples pour créer votre propre typographie animée unique. Donc, si vous êtes prêt à faire une typographie animée, commençons. 2. Projet de cours: Le projet de cette classe est d'animer une lettre, un numéro ou un personnage spécial dans le style que je démontrerai tout au long de la classe, et de simplement créer exactement ce que je crée en regardant des vidéos trois à 11, je vais utiliser le lettre A, mais vous pouvez choisir n'importe quelle lettre. Lorsque vous avez terminé, allez-y et publiez-le dans les projets de la classe. Ensuite, dans les vidéos 12 à 18, je vais vous donner une inspiration supplémentaire sur la façon dont vous pouvez essayer d'autres effets similaires pour créer votre propre Création. J' adorerais voir ce que tu trouves. Alors publiez ceci dans le projet de classe aussi. Cette méthode d'imiter et de créer votre propre version unique a vraiment aidé dans les classes que j'ai prises. Si vous voulez vraiment apprendre ces techniques, je vous recommande de faire de même. Lorsque vous aurez terminé, vous aurez quelque chose de totalement unique pour votre propre portefeuille ou vos réseaux sociaux. Bien sûr, vous n'avez pas à vous arrêter à une lettre. Vous pouvez épeler un mot entier ou plusieurs mots. Si vous créez l'alphabet entier comme je l'ai fait, vous aurez votre propre police d'animation personnalisée que vous pouvez réutiliser encore et encore à travers de nombreux projets différents. Si cela semble intimidant, commencez simplement par une lettre, même si vous la jouez sur un mot animé entier ou sur l'alphabet entier, il est préférable de commencer par animer une lettre du début à la fin. De cette façon, si vous décidez d'apporter des modifications quelque part dans le processus, il est plus facile de changer une lettre que 26. Alors faisons-le. 3. Créer un design de texte dans Illustrator: Nous allons commencer dans Adobe Illustrator. J' ai créé un nouveau projet avec un tableau d'art de 1920 sur 1080 pixels, parce que c'est la taille standard. Mais si vous voulez créer une taille différente, c'est bon aussi. J' aime créer mes textes dans Illustrator, puis importer les calques dans After Effects. Maintenant, vous pouvez faire la conception du texte dans After Effects, mais je préfère utiliser Illustrator en raison de fonctionnalités telles Smart Guides qui facilitent la création de lettres parfaites. Smart Guides aide à aligner et à mettre quelque chose en place, et si vous ne les avez jamais utilisés auparavant, vous verrez ce que je veux dire en une seconde. Pour activer les guides intelligents, accédez à Affichage, puis assurez-vous que les guides intelligents sont cochés. La première chose que je vais faire est de passer à mon outil de texte , puis de cliquer sur mon tableau d'art et de taper tout ce que je veux écrire. Je vais juste faire les lettres A, B, C, juste à des fins de démonstration parce qu'ils ont une certaine variété pour eux. Ensuite, vous pouvez monter et changer la police où que vous soyez. Je vais utiliser Quicksand. Je vais rendre mes textes encore plus grands, donc maintenant Shift enfoncée, je vais juste le faire sortir. Rendons-le vraiment grand et nous allons l'arrondir à un nombre pair. Ça a l'air plutôt bien. Maintenant, la raison pour laquelle je veux agrandir mon texte, c'est que lorsque je travaille dans After Effects, je veux parfois zoomer de très près pour voir de près ce que fait mon animation de lettre. Il peut être pixélisé dans la visionneuse dans After Effects. C' est pourquoi je veux le rendre agréable et grand pour atténuer ce problème de pixellisation. Mais quand il sera rendu, quelle que soit sa taille, sera une forme vectorielle, donc il n'aura pas ce problème de pixellisation. Ce que je vais faire ensuite, c'est simplement verrouiller ce calque qui contient mon texte , puis je vais descendre à ce nouveau bouton de calque et créer un nouveau calque. Ensuite, je vais passer à mon outil Pen ou appuyer sur P sur le clavier. Je vais juste tracer mes lettres. Je fais des chemins pour toutes mes lettres qui prendront la place de ce calque de texte, parce que c'est comme ça que je vais l'animer. Tout comme si vous avez regardé mon précédent croquis de votre classe lettrage animé, j'utilise la même technique. abord, je dois changer cette couleur pour une couleur de trait sans remplissage et je vais changer pour quelque chose qui est facile à voir sur ce noir. Je vais simplement déplacer mon outil Plume sur la lettre et commencer à tracer en cliquant, puis en déplaçant, en cliquant, puis en déplaçant l'outil Plume. C' est ce que je veux dire à propos des Smart Guides étant utiles, parce que maintenant vous pouvez voir cette ligne rose qui me montre que mes deux derniers points sont alignés. C' est ce que je veux dire par Smart Guides qui sont utiles pour faire des lettres parfaites. Je vais collecter pour mettre fin à cette ligne et ensuite je vais appuyer sur Entrée pour terminer la ligne. Vous pouvez voir que mon coup est beaucoup plus petit que la lettre réelle. Je vais juste aller ici et augmenter le coup. Peut-être que quelque chose comme 68 semble plutôt bien. Ensuite, je vais juste faire les casquettes, bouchons arrondis et je vais faire les coins arrondis. Maintenant, je veux juste ajuster ceci pour que ce soit plus précis. Je vais appuyer sur la touche A ou aller à l'outil Sélection directe ici. L' outil Sélection directe vous permet de modifier des points individuels. Donc, je vais appuyer sur Command Plus pour zoomer et puis je vais juste aligner ça un peu mieux. Vous pouvez même appuyer sur les touches fléchées si vous voulez juste de petits incréments. Faites ça, puis déplacez ça, déplacez ça, et n'a pas besoin d'être parfait. Juste ce qui vous semble bon. Maintenant, je vais ajouter une autre ligne. Alors appuyez sur P pour faire apparaître l'outil Plume. Ensuite, si je devais ajouter cette ligne ici, vous pouvez voir que le chemin est sélectionné, il va juste ajouter un point à ce chemin et ce n'est pas ce que je veux. Donc, je vais juste éteindre cette lettre. Cette lettre n'est pas activée et alors faites juste mon point de vue. Puis appuyez sur Entrer dans la ligne et je peux revenir en arrière et aligner cela. Si je maintiens la touche Maj enfoncée, cela s'assurera que je ne bouge que dans l'axe horizontal. En fait, ce n'est pas comme je le veux. Donc je vais juste appuyer un peu sur la flèche vers le haut. Je veux déplacer toute cette ligne vers le bas. Je vais juste sélectionner le tout avec l'outil de sélection régulier et puis je vais juste appuyer sur la touche fléchée quelques fois. Ça a l'air bien. Passer au B. Maintenant, je vais frapper l'outil Plume, en faire un autre. Je maintiens Maj pour m'assurer qu'il s'agit d'une ligne droite, puis je vais ajuster avec l'outil Sélection directe. Je veux que tout bouge, donc j'utiliserai l'outil de sélection régulier, dont le raccourci est V, puis cliquez simplement sur la ligne et déplacez le tout. Vous pouvez voir que ces lettres, même si on dirait que c'est un front de ligne mono. Ligne mono signifiant un trait tout au long de la lettre. Ce n'est en fait pas un acrylique complet de près, sélectionnez ce B, il est plus mince juste ici puis juste ici. Le coup pour mon A était 68 et ça s'alignait plutôt bien. Mais ici, quand j'ai un accident vasculaire cérébral de 60 ans, ce n'est pas tout à fait correct. Mais je vais juste ignorer tout cela et rendre ma police vraiment géométrique et vraiment uniforme. Je vais m'écarter un peu de la police réelle. C' est bon parce que nous ne verrons pas la couche de texte réelle, la police réelle dans notre conception finale, nous verrons juste les lignes que j'ai créées qui composent le lettrage. Pour ces formes de boucle du B, je peux utiliser l'outil Rectangle pour les rendre parfaitement arrondies. C' est une autre raison pour laquelle j'aime faire mon design dans Illustrator. Je vais aller à l'outil Rectangle, puis juste dessiner un rectangle. Ça ressemble à ça. Ensuite, je vais passer à l'outil Sélection directe et frapper ces deux petits cercles de coin sur le côté droit de mon B, puis je vais juste appuyer sur Maj pour sélectionner le second. Maintenant, j'ai ces deux coins sélectionnés, mais ces deux-là ne le sont pas, et vous pouvez dire en passant que ce cercle et ce cercle sont plus sombres. Maintenant, je vais traîner vers le centre pour terminer ça. Il fait un arc vraiment parfait ici. Ça ne correspond pas exactement à la police, mais c'est bon. Maintenant, pour faire la deuxième boucle sur le B, je vais dupliquer cette forme, donc je vais juste cliquer dessus et la faire glisser, mais maintenez la touche Option et Maj enfoncée. Cela vous assurera qu'il reste dans le même axe vertical et le duplique également. C'est ce que fait Option. La boucle inférieure sur le B est plus grande que la boucle supérieure. Donc ce que je vais faire est juste de le traîner pour le rendre plus grand. Mais quand je le fais glisser, cela va aussi augmenter ma taille de police. J' ai juste besoin de réinitialiser ça à 68. Vous pouvez voir que je l'ai assez bien aligné pour que l'intersection de ces deux boucles soit exactement alignée. Ces boucles sont également alignées avec le dos du B. Ce que je veux faire maintenant, c'est quand je l'anime, je ne veux pas qu'il ait cette partie arrière juste ici. Je vais juste aller dans mes couches juste pour te montrer. Vous n'avez pas nécessairement à faire cette étape. Mais je vais tout cacher sur cette boucle inférieure sur le B en cliquant sur le globe oculaire. Maintenant, j'ai juste ceci visible. En fait, il ne semble pas que ça soit tout courbé. Je vais juste suggérer ça parce que j'aime que ça soit vraiment sympa et rond. Ce que je vais faire, c'est appuyer sur la touche C. Cela va faire apparaître l'outil Couper ou l'outil Ciseaux. Je vais frapper ce point d'ancrage et dans ce point d'ancrage. Ce qui est fait est détaché ma forme à ces deux points. Maintenant, je peux sélectionner cette ligne et juste la supprimer. Vous devrez peut-être appuyer sur Supprimer deux fois parce qu'il laissera derrière vous quelques petits points d'ancrage plus difficiles. Je me suis débarrassé de tout ça. Maintenant, j'ai juste cette boucle. De cette façon, quand j'anime le B, la partie arrière du B va s'animer dans, puis cela va s'animer séparément. Je ne voulais pas cette partie de connexion parce que cela l'animerait à nouveau et en fonction de l'ordre de l'animation, vous pourriez ne pas la voir parce que cela serait déjà animé dans. De cette façon, nous avons tout séparé sur un travail agréable et propre. Maintenant, nous devons faire la même chose sur le dessus du B. Je vais juste montrer celui-là et appuyer sur C sur le clavier pour faire monter les ciseaux, couper ici et ici, et supprimer cette pièce supplémentaire. Je veux juste rendre toutes ces choses visibles à nouveau, vous pouvez fermer le calque si vous voulez et maintenant passons à C. Pour rendre le C, je vais utiliser l'outil Ellipse, donc ça va être sous l'outil Rectangle, alors cliquez et maintenez ou vous pouvez utiliser le raccourci L. Je vais maintenir la touche Maj enfoncée pour faire un cercle parfait. Je vais juste le mettre en place. Une chose que je vais faire très rapidement est d'aller à mon panneau Transformation, et si vous ne voyez pas ce panneau, allez sous Fenêtre et vous pouvez le trouver là. Je vais m'assurer que l'échelle, les traits et les effets sont réellement désactivés. De cette façon, je peux redimensionner ce cercle, mais il gardera toujours le trait de 68 points que je veux pour toutes mes lettres. Je vais juste m'assurer que c'est aligné. Je vais probablement devoir le rendre un peu plus grand, je pense, mais c'est difficile à dire. Ce que je vais faire est de frapper la commande R, pour faire monter mes règles, puis de la règle, je vais faire glisser une ligne directrice et positionner ce juste en bas du B, parce que c'est un beau fond plat. Vous remarquerez qu'avec cette police de caractères et cela est arrivé aux faces de type eau, c'est que les parties incurvées des lettres vont réellement dépasser cette ligne de base juste ici. Le A s'étend un peu au-delà de la ligne de base et l'O devrait aussi. J' utilise juste ce guide pour m'assurer que mon O dépasse la ligne de base, près la même quantité que le A. Je vais juste pousser cela sur un peu, ça a l'air bien. Maintenant, pour en faire une forme C, je vais juste utiliser à nouveau l'outil Ciseaux pour couper deux points. Ensuite, il suffit de supprimer et de supprimer à nouveau et cela fait un C. Je pense que j'aime la façon qui ressemble, même si ce n'est pas tout à fait aligné avec la police. Oui. Ça marchera. 4. Séparer les lettres en couches: Maintenant que nous avons toutes nos lettres, je vais juste les recolorier aux couleurs que je veux. Je vais juste faire glisser et sélectionner tout, puis juste entrer et nous allons cliquer sur ce bleu. Maintenant, ce que je veux faire, c'est mettre tous ces morceaux de toutes les lettres sur leurs propres couches. Ce que je peux faire est juste de frapper l'espace à côté du cercle sur le calque qui a toutes mes lettres, puis aller dans ce menu hamburger, et aller à libérer les calques à séquence, puis je vais sélectionner tous les calques qu'il libéré dans la séquence et faites-les glisser au-dessus de mon calque d'origine. Maintenant, vous pouvez voir qu'ils sont tous seuls. Avant qu'ils ne soient imbriqués, vous pouvez le dire parce qu'ils sont en retrait, mais maintenant ils sont tous sur leurs propres couches. J' ai ce calque vide maintenant que je peux supprimer, et j'ai aussi ce calque qui a cette ligne directrice ici, et je n'en ai plus besoin, donc je vais juste appuyer sur supprimer. Bon, donc maintenant j'ai chaque morceau de ma lettre sur leur propre couche. Pour faciliter l'animation, je vais juste renommer tous les calques, donc ce sera A-main, ce sera A-cross, ce sera A-cross, et vous pouvez voir que ma convention de nommage est, je commence par la lettre, puis l'espace, le tiret, puis de l'espace, puis un descripteur. C' est le cadre principal A, c'est la partie transversale du A, et cela m'aide juste à savoir ce que j' anime quand je vais dans mes calques et après effets. Quand je travaille avec ces lettres dans des effets d'après, je veux qu'elles soient centrées au milieu de la colonne, et cela facilitera les choses parce que je vais avoir tous mes calques et toutes mes animations en une seule comp in after effects, et puis je vais utiliser ce comp pour quand je veux écrire un mot. Si ça n'a pas de sens en ce moment, supportez moi et suivez, ça aura du sens plus tard. Ce que je dois faire maintenant, c'est juste mettre ces lettres au centre de la comp. Je vais sélectionner les deux pièces du A, puis je vais juste monter pour me transformer ici, et ensuite je vais taper au centre du tableau d'art, donc je sais que ça va être 960 par 540 parce que c'est la moitié de 1 920 par 1 080. Vous pouvez voir que c'est centré le A, laissez-moi juste cacher ces autres couches. En fait, cela n'aura pas d'importance, je peux simplement supprimer cette couche de textes de référence parce que je n'en aurai plus besoin. Maintenant mon A est centré dans ma comp, et je vais juste cacher le A et montrer le B, et faire la même chose. Maintenant, vous vous demandez peut-être pourquoi je ne sélectionne pas tous ces éléments et puis appuie sur les outils alignés. Eh bien parce que c'est ce qui va arriver. Il ne va pas aligner les trois pièces ensemble, il va aligner chacune d'entre elles au centre du tableau d'art. Laissez-moi annuler cela, puis allez simplement dans la transformation et tapez la moitié de la taille de la planche d'art, et cela va bien le centrer. Vous pouvez utiliser cette astuce lorsque vous voulez centrer plusieurs choses, mais elles ne sont pas regroupées. Le C n'est en fait qu'une seule pièce, donc je peux utiliser mes outils d'alignement ici. 5. Créer des accents dans Illustrator: L' étape suivante consiste à créer les calques pour tous les détails d' accentuation que je vais animer. Je vais juste me concentrer sur le A et les faire. Ce que je vais faire en premier, c'est juste sélectionner toutes les parties de l'A, appuyez sur la commande C pour la copie. Créez un nouveau calque et assurez-vous que dans ce calque. Ensuite, appuyez sur Command Shift V, qui va coller ces nouveaux calques au même endroit exact qu'ils étaient avant. Donc, si je cache mon A à travers dans A main, vous pouvez toujours voir ce A, que je viens de coller. Donc, fondamentalement, nous avons deux copies de l'A. Ce que je vais faire à partir d'ici est aller à Object, Expand, puis vous allez juste appuyer sur Fill and Stroke et appuyer sur OK. Ce qui est fait est pris mes lignes qui étaient juste une ligne avec un trait et pas de remplir dans le Maine ceux en formes solides. J' ai donc deux pièces ici qui ne sont que des formes solides. Ce que je vais faire, sélectionnez les deux et allez dans mon panneau Pathfinder. Si vous ne voyez pas cela, cela sera à nouveau dans le menu Windows. Je vais frapper la première option qui est de s'unir. Maintenant, il a rejoint ces deux formes et les a transformées en une seule forme. C' est juste la forme de l'A. Alors maintenant ce que je peux faire c'est en faire un contour. Je vais juste échanger le remplissage et le coup et me rappeler que, je pense que je vais vouloir que ce soit un point de plus, alors augmentez cela et maintenant nous avons un aperçu de notre lettre. Donc je vais juste renommer ça. Si je montre mes deux autres calques, vous pouvez dire que ce contour est juste à l'extérieur de ma lettre. Ce que je veux faire maintenant, c'est créer un autre contour qui est un peu décalé par rapport à ma lettre. Ce que je veux faire, c'est m'assurer que mon contour est sélectionné. Montez au menu hamburger et appuyez sur Dupliquer maintenant j'ai une autre copie. Je vais juste recolorer ça pour que tu puisses dire ce que c'est. Je vais utiliser ce bleu clair, ce qui est difficile à voir. Donc pendant que j'y suis, je vais juste faire un calque d'arrière-plan. Si vous cliquez sur, lorsque vous utilisez l'outil Forme, vous pouvez saisir une valeur. C' est ce que je vais faire ici. Centrons ça à l'aéroport. Fais ça un bleu foncé, allons-y encore plus sombre que ça. D' accord, ça va faire, Faisons un nouveau calque pour cet arrière-plan. Ciblez vers le bas et nommez-le arrière-plan. On peut verrouiller ça pour ne pas gêner le chemin. Maintenant, avec ce contour dans notre copie, je vais réellement renommer ce contour extérieur avec il sélectionné, je vais aller à Chemin d'objet, chemin de décalage. Alors ça va faire monter cette boîte. Si vous appuyez sur l'aperçu peut voir ce qui se passe. Ce qu'il fait est de compenser le chemin par les pixels que vous mettez ici. Essayons quelque chose comme peut-être 10 qui a l'air assez bien. Donc je vais juste frapper OK. Alors si vous regardez de près, il a en fait gardé mon chemin d'origine. Je ne veux pas qu'on nous dise, supprime ça. J' ai donc maintenant ma lettre avec un contour intérieur et extérieur, les pièces qui vont être animées dans la lettre. Il y a encore une chose que je veux ajouter, c'est ces lignes d'accent. Ce que je vais faire est de cliquer à la fois sur mes lettres principales et sur les lettres, assurez-vous qu'elles sont sélectionnées avec ces cases ici. Allez dans le menu hamburger et Dupliquer la sélection. Je vais les faire glisser sur les couches A, puis je vais entrer et nommer ces accent. J' aime mettre la chose commune en premier. Ceux-ci ont tous un en commun, alors la prochaine chose qu'ils ont en commun pour ces accents est qu'ils sont des accents, donc je vais mettre l'accent ici. Vous n'avez pas nécessairement besoin d'utiliser ma convention de nommage, mais c'est quelque chose que j'ai trouvé fonctionne très bien. Ce que je vais faire avec ces deux accents, c'est en faire une couleur différente. Allons à ce rose et faire que le coup pas de remplissage, maintenant je vais diminuer le coup. Essayons comme 10 ans, c'est plutôt bon. Nous voulons qu'ils s'étendent au-delà de nos lettres juste pour rendre l'animation un peu plus intéressante car elle est animée. Ce que je vais faire est juste d'aller à l'outil de sélection directe. Je vais faire glisser cette ligne au-delà du bas de la et les guides intelligents sont allumés, ce qui est bien parce que cela va me montrer si je garde cette ligne droite et le même angle. Je ferai de même avec l'autre côté. Cela me montre que j'ai la même longueur, même alignement avec ce point, qui est agréable, puis en fait en haut, je veux que cette ligne s'étend au-delà du a en haut. Ce que je vais faire est juste d'utiliser ces ciseaux à nouveau pour couper cette ligne, puis je peux faire glisser cela vers le haut et faire glisser ce côté vers le haut. On y va, je vais faire glisser la ligne à travers maintenant. Très bien, ça a l'air bien. Donc je dois séparer ces deux A alignés en leur propre. Je vais créer un nouveau calque. Ensuite, avec l'une des lignes sélectionnées, je vais juste prendre cette petite boîte et la faire glisser vers le haut dans le nouveau calque. Ce sera un accent-2 et ce sera un accent-1. Si vous travaillez sur plusieurs lettres en même temps, vous allez vouloir le faire pour toutes vos autres lettres ou vous pouvez simplement faire un calque, revenir et faire ce calque d'étapes pour vos autres lettres. 6. Animer les lettres principales: Nous sommes prêts à commencer à animer. J' ai un nouveau projet After Effects et je vais juste aller au fichier, importer le fichier. Je vais naviguer vers le fichier Illustrator que je viens de créer et m' assurer que j'ai importé en tant que composition conserve les tailles de calque. Si vous ne voyez pas cette liste déroulante, appuyez sur le bouton Options. Alors je vais ouvrir. Si je double-clique sur cette comp, j'ai tous les calques que j'ai créés dans Illustrator. La première chose que je vais faire est de sélectionner tous mes calques à l'exception de l'arrière-plan. Cliquez avec le bouton droit pour créer, créer des formes à partir de la couche vectorielle. Cela fera simplement des calques Shape afin que je puisse animer dans After Effects. D' abord, je vais aller dans et sélectionner tous les calques de forme pour le A. Je vais juste appuyer sur le décalage de commande C pour les pré-composer et je vais juste nommer ceci A et appuyer sur OK. Maintenant, je peux double-cliquer sur cette comp et maintenant j'ai juste les couches A juste ici. La première chose que je vais animer ici est la partie principale de la lettre que j'ai faite bleue. Je vais cacher toutes les autres couches et travailler sur celles-ci. Je vais basculer vers le bas et aller ajouter des chemins de coupe, puis basculer vers le bas. définissons une image-clé, disons à peut-être 20 images. Définissez une trame clé pour la valeur finale, puis revenez à 0 et ramenez la valeur n à 0. Vous verrez que ça va animer dans la partie principale de la A. Maintenant, je vais juste copier ces termes chemin sur la partie transversale de la A et appuyer sur U sur le clavier pour voir mes images clés. Je veux que cette animation commence un peu plus tard. Je vais juste faire glisser ces images clés vers l'avant dans le temps, peut-être là. L' animation n'a pas besoin de prendre autant de temps parce que c'est une ligne plus courte, alors peut-être que je vais juste faire glisser ça ici, les ajuster un peu et voir à quoi ça ressemble. Bien. Mais c'est vraiment ennuyeux parce que ce sont des images clés linéaires, et donc le mouvement est juste à la même vitesse tout le temps. Ce que nous pouvons faire, c'est sélectionner ces images clés. Nous pouvons en fait sélectionner les deux en même temps. Maintenant, nous avons quelques options à partir d'ici pour ajouter l'assouplissement. La première chose que vous pouvez faire est de cliquer avec le bouton droit de la souris, aller à l'assistant d'images clés Vous pouvez choisir entre facilité, facilité d'entrée ou facilité de sortie facile. Ou vous pouvez appuyer sur F9 pour les faciliter facilement. Mais encore une fois, facilité facile pas tout ce qui est intéressant d'une animation. Voyons ce qu'on peut faire d'autre. Une chose que j'utilise tout le temps pour aider à faciliter mes images clés et rendre l'animation plus intéressante est ce plug-in appelé motion, et maintenant nous sommes sur la troisième version de mouvement. C' est un plug-in que je ne suis pas affilié à tout cela, mais je le recommande fortement car cela vous fait gagner beaucoup de temps. Vous pouvez utiliser ces paramètres prédéfinis pour ajouter de l'accélération à vos images clés. Maintenant, avec la motion 3, vous pouvez même voir un petit aperçu de ce à quoi ressemblerait l'éditeur de graphiques avec ces boutons. Vous pouvez toujours utiliser les curseurs pour ajuster l'accélération de vos images-clés. Si vous ne voulez pas dépenser l'argent pour la motion 3, je comprends totalement, mais s'il y a un plug-in, je recommanderais pour les animateurs, ce serait la motion 3 mais quand même si vous ne l'avez pas, c'est tout à fait bien. Tu n'en as pas besoin. Vous pouvez appuyer sur cette petite icône juste ici pour aller dans l'éditeur de graphiques, puis vous pouvez ajuster vos images clés à partir d'ici. Je vais apporter tout ça du bon côté, et voyons à quoi ça ressemble. C' est vraiment accrocheur, c'est très lent et tout d'un coup qui s'accroche à l'arrivée. C' est un peu trop. Je vais juste faire tomber ça un peu. Peut-être quelque chose comme ça. Peut-être même un peu moins. Je pense que ça avait l'air assez bien. Prenez le temps d'ajuster votre éditeur de graphiques ou d'utiliser des préréglages ou un double combo des deux parce que c'est vraiment ce qui rend votre animation intéressante. Si vous utilisez simplement les images clés linéaires standard, cela va être assez ennuyeux. Si vous utilisez la facilité facile le rend un peu meilleur, mais si vous allez vraiment et ajuster vos images clés, surtout quand vous avez des lettres plus complexes que A, comme si vous avez peut-être trois morceaux en cours, cela aide vraiment pour rendre votre animation beaucoup plus intéressante et semble juste beaucoup plus poli. Une fois que vous avez cela comme vous l'aimez, vous pouvez cliquer hors de l'éditeur de graphiques, et maintenant ce que je vais faire est de sélectionner ces deux couches et de cliquer sur Command Shift C pour les pré-composer. Je vais nommer ça A main parce que c'est la partie principale de mes lettres et juste frapper, ok. Maintenant, j'ai cette composition qui a ces deux calques avec la même animation. Mais ce que je peux faire maintenant est de le dupliquer. Je vais passer à mes effets et préréglages, et si vous ne voyez pas ça, vous pouvez aller à la fenêtre et vous le trouverez là. Je vais juste taper dans ce champ de recherche juste ici. Je vais taper remplissage. Je vais prendre cet effet, faire glisser ça sur mon principal A, le calque supérieur. Cela va le recolorer et j'ai ce rouge odieux par défaut, mais ce que je veux vraiment avoir est une couleur différente. Je vais revenir à mon fichier Illustrator juste parce que j'avais ces échantillons. Je vais copier la couleur bleu clair quand je copie ce numéro hexadécimal et frappe bien. Retournez dans After Effects et collez-le dans ce champ de couleurs. Bon, donc si j'utilisais la motion 3, vous pouvez cliquer sur cette couleur et recolorer ici et vous pouvez même importer vos échantillons. C' est une autre chose pour laquelle la motion 3 est vraiment pratique. Ce que je vais faire maintenant est juste de faire glisser ce calque autour de deux images dans le futur. Maintenant, vous pouvez voir que j'ai mon calque bleu puis mon calque bleu clair décalé, mais les deux faisant la même animation. En fait, je vais le faire encore une fois et décaler cette couche, et puis voyons. Je pense que je veux que mon premier soit le bleu clair, le second soit le bleu moyen, et ensuite ma dernière couche, je vais ajouter ce remplissage aussi. Je vais le rendre bleu foncé. Maintenant, j'ai une animation décalée de trois couleurs animées dans. J' ai pu réutiliser cette comp dans cette animation et la recolorer. 7. Animer un contour extérieur: La prochaine chose que je vais animer est le contour extérieur. Donc, je vais basculer vers le bas, aller ajouter des chemins de coupe, puis basculer vers le bas les chemins de coupe, je vais aller à environ une seconde définir une image clé pour que la valeur n soit à 100 pour cent, puis aller à zéro images et ramenez cela à zéro. Maintenant, vous pouvez voir qu'il est animé dans, mais la partie interne de l'a, ce petit triangle s'anime d'abord, puis la partie externe. Je veux qu'ils animent les deux en même temps. Donc, ici, vous pouvez voir couper plusieurs formes est réglé sur simultanément plutôt que individuellement, donc vous penseriez que cela signifierait qu'ils s'animeraient tous les deux en même temps. Mais puisque ce n'est pas ce qui se passe, j'ai trouvé que si vous faites glisser ce calque de tracé de coupe vers le haut sous le chemin 2, cela fonctionnera comme vous l'attendiez. Ils s'animent tous les deux en même temps. J' ai donc le contour qui s'anime, mais dans mon design final, je ne veux pas voir ce contour. J' ai donc besoin de l'animer aussi. Donc, sous les chemins d'ajustement, je vais définir une image clé pour que la valeur de début soit à zéro, puis à 100 pour cent. Maintenant, quand vous jouez cela, vous ne verrez rien parce que la valeur de début et de fin sont toujours au même pourcentage, ce qui signifie que vous ne voyez rien. Ce que je dois faire est d'ajuster l'accélération sur ces images clés, sorte qu'elles s'animent en même temps, mais vous verrez une partie de la ligne parce que ces valeurs sont décalées. Donc je vais juste frapper F9 pour les soulager, puis sauter dans mon éditeur de graphes, et je vais faire démarrer vite et puis lentement, donc je vais juste faire glisser ça comme ça, donc ça va aller vite et puis ralentir, et la valeur n va faire le contraire. Si lente, puis rapide. Rejouons ça et voyons à quoi ça ressemble. Donc, parce que je travaille avec le trait, il peut être difficile de voir ce qui se passe lorsque mon calque est sélectionné, car c'est aussi comme un trait. Donc, ce que vous pouvez faire est d'appuyer sur ce petit bouton juste ici, et ce que cela fera est juste de le faire pour qu'il ne sélectionne pas la forme réelle de votre calque lorsque le calque est sélectionné, de sorte que je puisse voir ce qui se passe mieux. Avec cette animation et l'accélération sur ces images clés, vous pouvez voir la ligne car l'accélération est décalée. Donc, il s'anime sur et hors tout à la fois. Alors rejouons ça et voyons à quoi ça ressemble. D' accord. Une chose que je remarque est que l'animation pour le contour commence à droite, tandis que le reste de l'animation commence à gauche. Je veux donc déplacer cette animation sur le contour pour commencer à gauche aussi. Ce que je peux faire est de changer cette valeur de décalage et juste la faire glisser pour s'incliner là. Voyons à quoi ça ressemble. Joli. Je veux également souligner que vous pouvez changer la direction que le chemin anime avec ces boutons ici. Je vais garder le mien tel quel. Je vais ajuster mes images clés sur le contour pour que l'animation prenne un peu plus de temps. Apportons les deux dernières images clés ici. De cette façon, je vais faire passer l'animation principale en premier, puis il y a encore un peu du contour encore visible qui s'anime après la fin de l'animation principale. J' aime la façon dont ça a l'air. D' accord. Nous sommes prêts à passer à l'étape suivante. 8. Animer le contour intérieur: La prochaine chose que je vais animer est le contour intérieur et je peux en fait simplement copier et coller les tracés de coupe du contour externe sur le contour interne. Je vais d'abord entrer dans le contour extérieur, sélectionner le chemin de coupe, appuyer sur Commande C pour copier, fermer cela, aller dans le contour intérieur et m'assurer que ma tête de jeu est à zéro images et appuyer sur Commande V pour coller. Maintenant, je peux basculer vers le bas pour voir ces chemins ajustés et par défaut ils ont été collés dans le groupe 2 et je vais juste les déplacer vers le haut dans le groupe 1 sous le chemin 2 et je peux simplement supprimer le groupe 2 en fait. Ce sera la même animation exacte que le contour extérieur, donc je veux le changer. La première chose que je vais faire est juste de changer la direction du chemin et je vais montrer le contour extérieur juste pour que je sache avec quoi je travaille et ajustons un peu le décalage, donc sur le contour intérieur, je suis va simplement déplacer cela là-bas. Je les fais juste un peu décalés et maintenant ce que je vais faire, donc je vais cacher le contour extérieur. Je vais dupliquer ce contour intérieur. Je vais juste appuyer sur la commande D pour dupliquer et puis cette version dupliquée, je vais faire une couleur différente. Si vous n'avez pas le plugin de mouvement, vous pouvez juste changer la couleur ici et je vais rendre le coup un peu plus épais sur cela, comme une couleur rougeâtre. Je vais juste mettre ça jusqu'à peut-être comme quatre et vous pouvez voir si vous regardez de près que j'ai ce contour intérieur 2 au-dessus du contour rouge et donc ce que je vais faire ici est juste aller dans les chemins de coupe et changer la direction du chemin, donc ça va dans la direction opposée et je vais juste ajuster cette valeur de décalage. Ils commencent comme juste à côté de l' autre , mais alors vous verrez quand ils s'animent, ils vont se briser l'un de l'autre. Le contour 2, celui de couleur blanchâtre est au-dessus du rouge et je ne veux pas être capable de le voir juste là se chevauchant donc je vais juste le déplacer ci-dessous. Une chose que je viens de remarquer est que les extrémités de ces lignes ont un bouchon plat et je veux qu'elles soient arrondies, même si c'est vraiment petit et c'est un détail très mineur que je suis juste aller et sous coup, je vais le changer de casquette bout à bout rond et je vais aller dans et le faire sur les autres couches ainsi et je vais également avoir besoin de changer cela sur mes contours extérieurs. On est bien d'y aller. Je vais juste fermer ces calques et je vais ajuster ma zone de travail, zoomer et rejouer ça. Tout comme cela est, c'est un effet cool parce que vous avez l'animation va dans les deux sens. Vous pouvez lire le A pendant une seconde, puis il s'anime. Voyons à quoi tout ressemble. C' est ce que nous avons jusqu'à présent. 9. Animer les lignes d'accent: La prochaine chose que je veux animer sont ces lignes d'accent qui traversent le milieu des lettres. Je vais entrer et rendre ma première ligne d'accent visible, basculer vers le bas et ajouter des chemins de coupe. Ensuite, je vais basculer vers le bas et définir une image clé pour que la valeur de fin soit à zéro pour cent, à zéro images. Ensuite, je vais aller de l'avant dans le temps environ 20 images et ensuite ramener cette valeur N à 100 pour cent. Maintenant, je veux aussi que cette ligne s'anime, donc je vais définir une image clé pour un pourcentage zéro à la valeur de début, aller de l'avant dans le temps et définir une image clé pour 100 pour cent, ce qui anime la ligne hors. Mais je ne veux pas que mon animation aille jusqu' au bout , car ce n'est pas très intéressant. Je vais prendre ces images clés sur la valeur de début et les faire glisser pour se chevaucher un peu avec mes images clés de fin. Repose-les environ cinq cadres. Voyons à quoi ça ressemble. Pas mal, mais nous devons assouplir ces images clés. Mais d'abord, je veux juste noter que je l'ai animé avant, donc je sais ce qui va bien paraître. Si vous faites cela pour la première fois, et quand je l'ai fait pour la première fois, j'ai dû bricoler avec les images clés dans le chevauchement et l'accélération. Alors ne te sens pas mal si tu passes beaucoup de temps à trouver ce qui semble bien, c'est tout à fait normal. J' ai déjà compris ça, donc tu n'as pas à me regarder passer par ça. Je vais entrer et ajouter de l'accélération à mes images clés en les sélectionnant simplement, cliquant avec le bouton droit de la souris, et en allant à la facilité. Ensuite, je vais sauter dans l'éditeur de graphique, et je vais rendre mon image clé de démarrage lente, puis rapide, et mon image clé de fin pour aller vite, puis lentement. On dirait que l'étoile sera l'orange. Alors sélectionnons cette image-clé, faites-le glisser dessus, glissons ça, peut-être quelque chose comme ça. Maintenant, je vais essayer de faire le même arc sur les images clés de fin, mais juste miroir imagé. Quelque chose comme ça. Maintenant, jouons ça et voyons à quoi ça ressemble. Ouais, beaucoup plus intéressant que ce qu'on avait dans les images clés linéaires. Tout le temps que vous prenez pour ajuster votre éditeur de graphiques va vraiment pousser votre animation au niveau supérieur. La bonne chose à ce sujet est que vous pouvez souvent copier et coller vos images clés, et même l'accélération sur vos images clés afin que vous n'ayez pas à vous asseoir là et tirer l'éditeur de graphiques pour chaque image clé que vous définissez. Par exemple, si je voulais copier ces images clés sur le deuxième accent, donc je n'ai pas besoin de le réanimer parce que j'ai aimé la façon dont il s'est avéré, je peux simplement entrer et copier les chemins de découpe. Assurez-vous d'avoir votre tête de jeu à zéro image, c'est là que vous voulez les coller. Je vais les rendre visibles et appuyer sur « Commande+V » pour coller. Vous pouvez voir les images clés là-bas, et la même chose pour celle-là. J' aurais pu le faire en même temps. Maintenant, ce que je vais faire est de décaler mes images clés de sorte que j'en ai une arrive, puis la suivante arrive, dans le même ordre que la lettre l'anime dans la section principale de la lettre. Donc nous allons faire glisser cet accent aussi sur, voyons, peut-être comme 10 images pour voir si cela semble correct, seulement cacher celui-ci. Ouais, ça a l'air juste. Je veux que ce soit avant l'entrée de la partie principale de la lettre, ou à peu près au même moment. Peut-être même comme huit cadres. Ouais, ça a l'air bien. Puis un peu avant que ceux-ci arrivent, peut-être que c'est environ 20 images pour cela à travers les axones. Rendons ça visible. Je veux m'assurer que tout se termine en même temps. Vous pouvez voir ces petits points minuscules de l'animation dans le contour est en fin. Donc, nous allons nous assurer que celui-ci est terminé en même temps, ou un peu avant même, à travers en même temps, cela fonctionnera. Rejouons tout ce que nous avons jusqu'à présent. Ça a l'air plutôt bien. Une autre chose que je veux mentionner est que si vous avez l'accélération sur vos images clés, que vous voulez copier sur d'autres images clés, mais vous ne voulez pas vraiment copier la même image clé, donc comme si je voulais copier l'accélération sur ces , ce graphique, mais je ne veux pas copier les images clés de chemin de coupe réelles allant de 0 à 100 pour cent, peut-être que je voulais les copier sur les images clés de position ou quelque chose, il y a un plug-in vraiment utile pour cela. Ça s'appelle EaseCopy. Je mentionne juste que juste parce que c'est quelque chose que j'utilise beaucoup, pas affilié à elle, mais je le recommande parce que cela rend vraiment facile de copier l'accélération sur les images clés en appuyant sur copie, puis le coller sur d'autres images clés en appuyant sur « Facilité ». C' est juste quelque chose que je voulais souligner parce que ça peut vous faire gagner beaucoup de temps. J' aurais aimé le savoir plus tôt. Une autre astuce pour vous lorsque vous commencez à travailler sur des animations plus complexes est de rejouer votre animation au ralenti afin que vous puissiez voir ce qui se passe un peu clair. Je sais pour moi que ça aide vraiment quand j'ai beaucoup de choses à faire. Ce que vous pouvez faire est d'aller dans le panneau d'aperçu, puis ma fréquence d'images pour ce projet est définie sur 30 images. Ce que je vais faire, c'est le changer en quelque chose de plus bas. Je vais juste y aller à 15 ans. Quand je rejouerai ça, ça va jouer comme si c'était au ralenti. Cela me rend plus facile de repérer tout ce qui ne fonctionne pas, ou de faire quoi que ce soit mieux. 10. Animation inverse: Maintenant que nous avons notre lettre animée dans son temps pour l'animer. Il y a deux façons de le faire. L' une consiste à aller dans chaque calque et à définir des images clés pour animer le calque. Ou tu peux arracher tout ça comme ça. Je vais vous montrer comment faire ça facilement maintenant. Donc je vais prendre toute cette composition, qui s'appelle A, et je vais juste la dupliquer. Donc une façon de le faire est de le faire glisser sur ce petit bouton juste ici et puis il fera une nouvelle comp avec cette comp à l'intérieur. Donc, il va automatiquement appeler ce A2 et je vais juste l'appeler A entrée et sortie. Alors ce que je vais faire à l'intérieur de cette comp A in and out, je vais dupliquer la comp A qui a l'animation de la lettre entrant. Donc, je vais dupliquer cela en appuyant sur la commande D. Ensuite, sur ce calque supérieur, je vais cliquer avec le bouton droit de la souris, aller à l'heure, puis calque inverse temporelle. Si je fais juste ce calque en solo, vous verrez qu'il va s'animer à l'envers. Comme vous pouvez le voir, ma composition est vraiment longue et je n'ai pas besoin de tout ce lien. Donc, je vais juste y aller, double-cliquez sur le comp et modifiez la durée de l'ordinateur à la durée dont j'ai besoin. Donc, il semble que mon animation prend environ une seconde, 15 images. Donc je vais juste réduire ma composition à deux secondes. Donc, comme j'ai déjà mon espace de travail réglé pendant deux secondes, je peux simplement cliquer avec le bouton droit sur la zone de travail et dire, « Couper la composition à la zone de travail ». Vous pouvez également accéder aux paramètres de composition ou à la commande K pour ajuster l'heure ici. Maintenant que j'ai ajusté le tunnel, mon ordinateur, retournons dans l'ordinateur A entrée et sortie. Maintenant, vous verrez que la fin courte de l'ordinateur. Donc je peux commencer par ça. Donc, après l'entrée du A, il va s'animer et s'inverser pour s'animer. Ensuite, je dois annuler le solo et ensuite si je le rejoue, voyons à quoi ça ressemble. Parfait. Laisse-moi tourner mon espace de travail. Maintenant, un inconvénient est qu'il s'anime exactement de la même manière qu'il est venu juste en face et si ce n'est pas ce que vous voulez, eh bien, vous n'avez pas vraiment d'options avec cette méthode. Donc, l'autre façon de le faire est d'aller réellement dans votre comp principal, puis juste ajuster le cadre clé. Donc en fait animé à l'aide des images clés individuelles sur chaque calque. Vous pouvez donc animer cela d'une manière complètement différente. Ensuite, vous animeriez dans. Vous pourriez faire quelque chose de similaire, mais peut-être un ordre différent. Comme la première chose est la dernière chose ou vice versa et vous pouvez commencer les choses exactement comme vous le voulez. Mais si vous êtes cool avec votre animation qui sort de la même manière qu'elle est entrée, il suffit d'inverser, alors il est facile de dupliquer l'ordinateur et de l'inverser. Si vous avez une animation que vous êtes prêt à exporter dans un fichier vidéo ou GIF, vous pouvez passer à Video 19 à la fin de ce cours pour apprendre à la rendre. 11. Copier l'animation sur d'autres lettres: À ce stade, vous devriez avoir une lettre qui s'anime à l'intérieur et à l'extérieur. C' est bon, si ça ressemble exactement à la mienne. Vous pouvez même poster cette version dans le projet de classe. Dans cette vidéo, je vais vous montrer comment vous pouvez facilement copier et coller cette animation sur d'autres lettres si c'est quelque chose que vous voulez faire. La première chose que je vais faire est de passer à mon panneau de projet et de prendre cette composition A et de la dupliquer, en appuyant sur la commande D. Ça va le nommer A2. Mais je vais appuyer sur Entrée et le renommer B, parce que c' est une autre lettre que j'ai choisi de faire dans Illustrator. Ensuite, je vais ouvrir ça et ça n'a pas changé comme par magie dans la lettre B parce que je l'ai renommée. Si seulement ça marchait. Ce que je vais faire, c'est aller dans ma composition ABC, c'est celle où j'ai fait toutes les lettres dans Illustrator. Je vais copier toutes ces couches B. Mais j'ai besoin de copier les couches de forme que j'ai faites. Ensuite, je vais appuyer sur la commande C pour copier. Passez à cette comp que j'ai appelée B, mais n'a pas réellement de couches qui RB ici. Je vais appuyer sur la commande V pour les coller. Maintenant, je vais fermer toutes mes couches. Alors cachons toutes les couches A, comme ça. Lorsque je copierai et collez ces calques, ils sont entrés, dans l'ordre inverse, comme je les ai dans mon A avec les accents sur le dessus. Vraiment vite, je vais juste les réorganiser. On y va. Alors cachons tout, ce n'est pas la première chose que je veux l'animer. Ceux-ci sont similaires à ce qui est dans cette comp principale. Ce que je vais faire est en fait juste d'aller dans mon comp principal et de copier et coller des chemins de terme, juste ces cadres clés, donc le chemin du terme. Ensuite, retournez dans la comp B. Assurez-vous que ma tête de jeu est à zéro images, et puis il suffit de le coller dans le B. Je vais juste le faire pour les trois de ces couches. Voyons à quoi ça ressemble. J' ai besoin de décaler ces couches. D' abord, je veux que le côté gauche du B, la ligne droite descende. Ensuite, nous pouvons avoir la boucle supérieure du B puis la boucle inférieure du B. Je veux garder la longueur de mon animation cohérente à travers toutes les lettres de sorte que si je mets les lettres ensemble pour faire un mot, l'animation semble cohésive. Ce que je vais faire, c'est aller dans la composition principale A et juste voir où se termine cette animation. Ça se termine à une seconde. Cela signifie, que je dois faire en sorte que cette animation B se termine à une seconde. Je peux juste faire glisser ça en arrière. En jouant cela, je peux voir que la boucle inférieure du B commence un peu trop tôt, parce que cette ligne a [inaudible] atteint cela et je n'aime pas à quoi ça ressemble. Ce n'est pas forcément faux. C' est juste que je n'aime pas le look. Je vais faire avancer ça. Peut-être que cette boucle supérieure doit aller un peu plus vite. Il y a quelques images ici, où rien ne se passe. Parce que vous ne pouvez pas vraiment voir le début de cela, car il chevauche avec la boucle supérieure. Ce que je vais faire, c'est juste faire reculer cette boucle supérieure, juste un peu. Voyons à quoi ça ressemble. Je ne veux pas voir ça, boucle du bas arrive avant que la boucle du haut n'entre. Ce que je vais faire est juste de faire glisser ce calque, pour qu'il ne soit pas visible ici. Je dois l'amener là-bas. Alors tu ne peux jamais vraiment dire qu'il est coupé, parce qu'il se cache derrière ce haut B. Laisse-moi jouer ça et voir à quoi ça ressemble. C' est assez rapide. Peut-être que je vais juste les traîner un peu et peut-être un peu mieux. Une chose que je peux faire, si je ne veux pas que ce soit assez rapide, est d'ajuster les images clés. Laisse-moi entrer, et peut-être que celui-ci n'est pas si dur. Je pense que je veux garder la dernière image clé assez dure à la fin comme ça va très vite à la fin. Voyons à quoi ça ressemble. Oh, et peut-être que celui-ci doit être un peu moins dur aussi. Oui, j'aime que ce soit des clichés à la fin, mais l'animation est un peu plus douce sur la première partie, comme la partie montante et descendante du B dans la boucle supérieure. Une fois que vous obtenez cela à un endroit où vous l'aimez, sélectionnez simplement ces trois couches, appuyez sur Commande Maj C pour les précomposer. Nommons ce B. principal. On y va. Rappelez-vous comment j'avais sur ces couches A. Je les ai décalés avec des couleurs différentes. Ce que je vais faire est juste de passer, ce que le A a sélectionné ? Je vais aller à mes contrôles Effets. Toujours si vous ne voyez pas un de ces panneaux dont je parle, il y aura toujours sous Fenêtre. Je vais juste copier ce remplissage. Je vais juste sélectionner où il est dit remplissage, appuyez sur Commande C, puis coller cela sur le B. Maintenant que recolored cela avec la couleur bleu foncé. Je vais dupliquer ça. Première copie. Mon remplissage de l'A Hit Command B. Nous allons décaler ça à la même position, comme le A. Dupliquer ça. Je vais devoir décaler ça aussi et copier. Cela est tombé sur cette couche. Nous pouvons maintenant supprimer ces couches principales A. Maintenant, nous avons le B qui arrive avec les trois couleurs décalées. La prochaine chose que je vais faire est de montrer mon contour intérieur. Ensuite, je vais prendre le contour intérieur, basculer vers le bas et juste copier ces chemins atouts. Assurez-vous que vos têtes de jeu sont à zéro. Je vais aller à mon plan intérieur sur le B Hit Command B. On dirait que ça l'a collé dans un nouveau groupe. Je vais devoir faire glisser ça au-dessus dans le groupe 1 sous les trois chemins. Similaire à ce que j'ai dû faire dans le A. Alors je vais juste supprimer le groupe 2. Maintenant, voyons juste et c'est plus facile à voir. Je veux m'assurer que je vais dans la même direction, soit dans le sens des aiguilles d'une montre ou dans le sens antihoraire comme je l'ai fait avec le A. Selon la façon dont le B a été construit, cela peut ou ne pas fonctionner quand je viens de le copier. Voyons quand j'ai fait l'intérieur A. Voyons dans quelle direction ça allait. Ça allait dans le sens des aiguilles d'une montre. J' ai aussi un coup plus épais là-bas que j'ai dû l'avoir changé quelque part le long du chemin. Allons juste changer ce coup pour être quatre et jetons un coup d'oeil. Ce B va dans le sens antihoraire tandis que le A va dans le sens des aiguilles d'une montre. J' ai besoin de les changer. Permettez-moi de m'assurer que l'intérieur du A, je crois, va dans la direction opposée. Oui. A l'intérieur de A va dans le sens inverse des aiguilles d'une montre. Faisons en sorte que ce soit cohérent avec le B. semble bien. Maintenant, je veux jeter un oeil à l'endroit où cette animation commence. Sur mon A, laissez-moi juste montrer mon animation A à nouveau. J' ai commencé sur les contours ici, dans le coin inférieur gauche. Puis ils sont montés et autour. Pour le B, mon animation de la lettre commence en haut et avec mon A, j'ai commencé en bas. Peut-être que ce n'était pas un bon choix. Peut-être que je veux réellement commencer le A en haut et ensuite avoir chaque lettre commence toujours par le haut. Ou peut-être que je voulais faire des lettres en bas, des lettres en haut. C' est une décision de conception qui est totalement à vous de décider. Mais pour ça, je vais juste aller avec le B en commençant par le sommet. Parce que si vous écriviez B comme avec votre écriture, vous commencerez par le haut et avec A majuscule, vous commencerez probablement par le bas. C' est peut-être ma règle. La chose à propos de prendre ces décisions , c'est que vous voulez juste être cohérent dans vos lettres. Venez avec quelques idées pour je veux que toute l'animation prenne cette chanson. Je veux qu'ils aient tous ces couleurs. Ou ces lettres commencent comme ça, ces autres lettres commencent par là. Il suffit de faire quelques règles pour que vos lettres soient cohérentes lorsque vous animez un mot entier ou l'alphabet entier. Mais vous pouvez créer vos propres règles. Ce que je vais faire pour ce B, c'est juste m'assurer que mon contour intérieur commence en haut, près de l'endroit où le B commence à dessiner. J' ai juste besoin d'aller dans le décalage de ce chemin de coupe et juste faire ce départ plus près du sommet. Quelque chose à ce sujet. Maintenant, rappelez-vous que je duplique dans ce contour, puis je l'ai recolored en une couleur blanchâtre. Puis j'ai fait le coup un peu plus mince et j'inverse la direction. Maintenant, regardons à quoi ça ressemble. Je dois m'assurer que le décalage sur ce sujet commence à partir de l'endroit où je le veux, qui sera juste à côté de ce contour rouge. Ensuite, je veux aussi que le contour rouge soit sur le dessus du blanc. Ça a l'air plutôt bien. Je n'avais rien à réanimer. Il était assez facile de le copier à partir du contour sur le A. Maintenant, je peux supprimer ces contours intérieurs sur le A. Aller dans mon contour externe, trouver ces chemins taillés, commander C pour copier. Ensuite, sur le B, permettez-moi de montrer mon contour extérieur et puis de le coller dans un nouveau groupe, qui pour une raison quelconque j'ai ces contours rouges sur ce B. Son groupe 1, et je ne veux pas ceux, ceux sont probablement laissés de Illustrator et moi ne les avons pas supprimés accidentellement. Je peux le faire très vite ici. Ensuite, je vais faire glisser mes chemins de coupe vers le haut sous le chemin 3. Supprimez ce groupe parce que je n'en ai pas besoin. Voyons à quoi ça ressemble. Ce contour extérieur sur le A va dans le sens des aiguilles d'une montre et le B est beau. Je peux supprimer ce contour externe sur le A. Assurez-vous que cela commence à l'endroit que je veux qu'il commence. Nous sommes probablement aidés ici pour montrer les autres contours. Ouais, je pense que ça a l'air plutôt bien sans trop s'ajuster. Peut-être qu'on n'a même pas à ajuster le décalage. La prochaine chose à animer est les lignes d'accent roses sur le B. Nous allons simplement les montrer et copier l'accent de la A. Copiez ces chemins de coupe et nous allons simplement les coller sur les trois d'entre eux à la fois. Appuyez sur U pour les voir. Jetons un coup d'oeil à ce que ça ressemble. Laisse-moi aussi cacher ces contours, pour que ce ne soit pas distrayant. Évidemment, je ne veux pas qu'ils viennent tous en même temps parce que ce n'est pas compatible avec le A. Jetons un coup d'oeil à ces accents et quand ils ont fini. Les accents sur le A se sont terminés à une seconde, 15 images, donc c'est mon délai pour les accents dans le B. La boucle inférieure sur le B va être la dernière à se terminer, alors laissez-moi simplement faire glisser ça jusqu'à une seconde 15 images. Ensuite, nous mettrons les accents supérieurs quelque part au milieu. Si je joue ça très lentement, vous pouvez voir ce truc bizarre ici où cette ligne commence et puis il rejoint l'autre. Ce que je vais faire, c'est juste faire glisser ça en arrière. Ça commence comme ici. Je pense que ce deuxième petit morceau ici, je pense que c'est bon. Laisse-moi juste montrer toutes mes couches pour le B à nouveau. À ce stade, je peux supprimer les accents sur le A. Maintenant, j'ai juste mes couches B ici et je suis facilement copié toutes mes images clés du A vers le B. J'ai fait de mon mieux pour le garder cohérent. Mais voyons quel est le look final. Je pense que ça a l'air plutôt bien. L' étape suivante serait de mettre les deux lettres l'une à côté de l'autre et de les comparer. Faisons juste une nouvelle comp et appelons ceci A et B et puis je vais juste traîner dans ma traînée A dans le B. Déplaçons B au-dessus de cette façon, A sur cette façon, et rejouons ça. Ensuite, ils ont l'air assez cohérents et comme s'ils appartenaient ensemble. C' est pour ça que je tournais. Maintenant, si vous le voulez, vous pouvez continuer cela sur plus de lettres pour faire un mot entier ou un alphabet entier. 12. Créer votre propre design: Maintenant que vous avez animé quelques lettres à l'aide de cette méthode de superposition de plusieurs animations de tracé de coupe. Pour créer un look plus complexe, il est temps de faire preuve de créativité et de faire des lettres propres. Dans les prochaines vidéos, je vais vous montrer d'autres effets amusants et faciles que vous pouvez utiliser. Vous pouvez également trouver des tonnes d'inspiration en ligne, comme sur Pinterest. J' ai toute une planche d'inspiration typographique animée. Si vous regardez de plus près beaucoup des animations que vous voyez ici, vous remarquerez que beaucoup d'entre elles peuvent être réalisées avec des chemins de coupe, comme nous l'avons fait dans cette classe. Si vous avez besoin d'inspiration couleur, Pinterest est également une excellente source. Il y a aussi Adobe Color et de nombreux autres sites Web et comptes Instagram. Alors maintenant, il est temps de prendre ce que vous avez appris jusqu'à présent plus quelques idées supplémentaires dans les vidéos à venir et de voir quel type d'animation typographique vous pouvez trouver. 13. Lignes pointillées: Le premier effet supplémentaire que je vais vous montrer est comment créer des lignes pointillées ou pointillées, et je vais juste entrer dans l'accent du A. Faisons celui-là. Bascule vers le bas dans le groupe, puis le trait. Sous course, vous avez quelques options différentes. Évidemment, vous pouvez changer la couleur, vous pouvez même animer le changement de couleur. Vous pouvez animer l'opacité. Vous pouvez animer la largeur du trait, donc peut-être qu'il commence vraiment large et ensuite vous l'animez rétrécissant ou quelque chose comme ça. Vous avez toujours la possibilité de changer la capsule du coup, puis ici vous verrez des tirets. Si vous avez ce bouton plus, il va créer des tirets sur votre ligne. Laissez-moi zoomer dessus pour que vous puissiez voir ce que je fais. Vous pouvez voir que cela a créé des tirets et vous avez contrôle de la taille des tirets, et vous pouvez toujours animer cette valeur. Peut-être qu'ils commencent si gros et ensuite ils rétrécissent au fil du temps en ligne droite, gros, pas de tiret, quelque chose comme ça. Vous avez également la possibilité d'ajuster le décalage de ces tirets, donc si vous voulez que les tirets se déplacent, vous pouvez aussi l'animer. Si vous appuyez à nouveau sur le bouton plus, vous pouvez ajuster l'écart entre les tirets. Je vais juste mettre mon écart pour être grand et maintenant vous verrez qu'ils finissent comme des points vers la fin. Ce qui est les points sont cool ou peut-être que je voulais juste supprimer ces images clés sur le tableau de bord et ensuite juste avoir ces gros points qui animent à travers. C' est cool effet. Vous avez beaucoup d'options que vous pouvez ajuster avec le tiret. Vous pouvez également faire un tiret autour du contour au lieu de l'accent, ou peut-être vous faites les deux. suffit de jouer avec cela car il pourrait être vraiment cool d'ajouter des tirets et même d'animer les tirets ou l'écart entre les tirets, ou même le décalage des tirets pour créer des effets uniques. 14. Plusieurs coups de pinceaux: Une autre chose que vous pouvez faire est d'ajouter plusieurs traits à vos lettres. Alors laissez-moi vous montrer ce que je veux dire avec cet A. Je vais aller dans le A à travers, puis je vais juste descendre dans le groupe, puis je vais sélectionner ce trait et appuyer sur la commande D pour le dupliquer. Ensuite, si je bascule dans ce trait, je peux changer la couleur. Vous ne pouvez pas voir ça parce que le deuxième coup est en bas. Laisse-moi déplacer ça. Ensuite, je vais rendre la largeur de course plus mince, sorte que vous pouvez voir un coup en dessous. Puis quand j'anime ça, il y a déjà des cadres clés. Il va juste animer à la fois, et vous pouvez le faire plusieurs fois. Dites que je veux dupliquer ça à nouveau, mais cette fois je vais vous montrer un peu différent d'une façon de le faire. Je vais en fait dupliquer tout le groupe. Ensuite, je vais au groupe deux, je vais juste supprimer le deuxième coup, puis le premier coup, je vais re-colorier le blanc. Rendons ça encore plus petit. Maintenant, j'ai un trait blanc, mais ce coup est dans son propre groupe. Donc nous fermons ça. Alors si je rejoue ça, vous verrez que tout s'anime en même temps. Mais que se passe-t-il si je voulais que le Stroke blanc s'anime seul ? Eh bien, une façon de le faire est de changer les multiples formes de coupe de simultanément à individuellement. De cette façon, il va faire le blanc d'abord parce qu'il est sur le dessus, puis les deux bleus. Maintenant, vous n'obtenez aucune personnalisation sur laquelle on va en premier, ou si l'animation se chevauche du tout avec cette méthode. Mais si vous voulez avoir ce contrôle, vous pouvez simplement dupliquer les chemins d'ajustement, puis faire glisser le tracé d'ajustement dans le groupe. Maintenant, si je bascule ça, je peux déplacer celui-ci peut-être de cette façon. Vous verrez qu'il le contrôle tout seul. Si vous êtes le genre de personne qui n'aime pas avoir beaucoup de couches dans votre projet. C' est une façon dont vous pouvez condenser vos calques, sorte que vous avez juste un tas de traits animés sur un calque. 15. Trait au tube: Un autre effet que vous pourriez essayer est ce que j'appelle la course du tube. Laissez-moi vous montrer un exemple de quand j'utilise ceci. Dans cette animation, j'ai fait ce petit coup de tube qui fait le tour chaque lettre, puis je l'ai dupliqué et enregistré en trois couleurs différentes. Laisse-moi te montrer comment j'ai fait ça. Je vais utiliser ce A ici, et je vais basculer vers le bas. Ensuite, j'ai ce groupe avec deux chemins. Mon chemin de coupe, il y a des chemins de fusion. C' est parce que le A a cette petite pièce à l'intérieur. Alors j'ai mon accident vasculaire cérébral. Ce que je vais faire est d'aller au bouton Ajouter et je vais ajouter des chemins de décalage. Ce qui est fait, c'est que ce tube ressemble à mon coup. Le placement des chemins de décalage est important. Heureusement, quand j'ai ajouté ceci, il l'a juste mis au bon endroit mais si, par exemple, il a été placé ici, vous ne verrez rien. L' ordre des effets ici compte vraiment. Vous devriez avoir les chemins en haut ou si vous avez juste un chemin, puis Trim Paths suivant. Si vous avez Fusionner les chemins parce que vous avez une forme comme le A avec deux pièces et que l'une des pièces est comme une coupure, ce sera la prochaine fois. Ensuite, vos chemins de décalage, puis votre contour. Vous pouvez voir quand cela s'anime, il a juste cet effet de tube. Vous remarquerez que j'ai des coins pointus aux extrémités de mon tube, mais si je vais dans mes chemins décalés, je peux changer ceci en une jointure ronde, et cela fera les extrémités arrondies du tube. Je peux également ajuster la largeur de ce tube avec la quantité. Ce sera un tube maigre, un tube de graisse. Si je deviens vraiment fou, ça commencera à joindre des morceaux de ma lettre. Alors gardons ça à dix ans, où c'était. Cela à lui seul pourrait être un effet vraiment cool. Vous pourriez aussi mettre un coup à l'intérieur de ce tube si vous le vouliez. Laissez-moi juste entrer dans mon A. Je vais copier ce chemin intérieur 2, retourner ici, coller ça et maintenant vous pouvez voir que ce n'est pas rester à l'intérieur, mais je peux le faire si je le voulais. C' est aussi un effet cool. Jouez avec cet effet de course de tube et regardez également certains de ces autres effets ici, peut-être comme Wiggle path ou Zig zag. 16. Confetti animés : cercle et carré: Une autre chose amusante que vous pouvez ajouter à la topographie animée est ce que j'aime appeler les confettis. D' abord, je vais vous montrer comment faire des confettis de cercle. Je vais aller à l'outil de forme et cliquer longuement pour accéder à l'outil Ellipse. Ensuite, je vais maintenir Maj enfoncée et dessiner un cercle parfait. Ensuite, je vais basculer vers le bas cette ellipse, aller sur le chemin de l'ellipse, et nous allons juste choisir un joli numéro pair. Je vais choisir 100 et j'aime avoir mon point d'ancrage toujours au centre de mon cercle, si vous avez le script de mouvement, vous pouvez simplement l'utiliser pour le centrer. Sinon, vous pouvez utiliser l'outil panoramique derrière, qui est y dans le clavier. Ensuite, maintenez simplement la touche Commande enfoncée pendant que vous faites glisser, et elle l'accrochera directement au centre. Je vais juste zoomer dessus, on peut le voir très clairement. Vous pouvez voir que j'ai un coup blanc et un remplissage, mais le globe oculaire est éteint, donc ce n'est pas visible. Je vais juste allumer ce globe oculaire et je vais en fait éteindre le globe oculaire sur la course, parce que nous n'avons probablement pas besoin de ça, je pourrais juste le supprimer. Permettez-moi de changer cette couleur de remplissage pour autre chose. Ce que je vais faire, c'est appuyer sur Command Shift N, pour faire un nouveau masque, et dans mon masque, je vais basculer vers le bas et changer la forme en ellipse. Vous pouvez voir cette couleur brunâtre sur le masque, fait un cercle autour de mon cercle. Ce que je peux faire ici, c'est juste de frapper Inverted, et vous voyez que je n'ai plus de cercle. Si j'ajuste l'expansion du masque, vous pouvez voir qu'il fait entrer le cercle, vers le milieu. C' est comme ça que je peux l'animer pour disparaître comme ça, comme une bulle éclatante. Je veux commencer avec l'extension du masque tout le long, donc j'ai un cercle solide, et je vais juste frapper le chronomètre pour faire une image clé. Ensuite, je vais aller de l'avant dans le temps, disons 20 images, animer ça jusqu'à zéro. Nous avons notre bulle surgissant, mais nous avons besoin d'une échelle. Je vais en fait animer la taille plutôt que l'échelle, parce que je vais dupliquer ce calque et l'utiliser plusieurs fois, mais je pourrais vouloir différentes tailles de confettis. Ensuite, je peux juste ajuster l'échelle sur ceux-ci, mais pas gâcher avec les images clés que j'ai déjà définies. Je vais juste définir une image clé pour que la taille soit zéro, à zéro images, et nous allons la mettre à l'échelle jusqu'à 100 à 20 images. Si je prévois ça, ce n'est pas ce que je vais faire. Ce que je dois faire est de décaler ces images clés. Si je fais simplement glisser l'image clé d'extension du masque vers l'avant dans le temps, vous pouvez voir que je suis capable de voir plus de ce cercle, et donc il commence à se développer de l'intérieur plus tard. Rendons juste ces cadres clés un peu plus intéressants, en les facilitant. Je vais juste les sélectionner et appuyer sur F9 pour les faciliter, puis nous allons sauter dans l'éditeur de graphiques. Voyons ce qui se passe si j'ajuste la taille, pour être plus grand, plus rapide. Je fais cette augmentation de taille plus rapide, alors que l'expansion est un peu plus lente. J' aime ce que ça ressemble, et ramenons la taille vers le bas. Ramenez cela à zéro et ramenez également l'expansion de masse à 50. Encore une fois, vous n'allez pas voir autant, mais ajustons ces cadres clés et nous rendrons la taille un peu plus extrême encore. Je vais vous montrer ces deux images clés, à quoi elles ressemblent, et on dirait que ça a annulé un peu mon ajustement d'image clé sur ces tailles 1, permettez-moi d'augmenter ça, parfait, jetons un coup d'oeil. Cela va jusqu'à rien, puis retour, ce qui est un peu bizarre. Ce que je veux faire ici, c'est juste faire l'expansion du masque pas tout à fait zéro. Faisons peut-être autant, 10, et voyons à quoi ça ressemble. Si j'allais faire en sorte que cela ressemble à des confettis, il aurait probablement besoin de se déplacer en position. Laisse-moi fermer mes cadres clés et aller en position. Mettons un cadre clé pour qu'il soit juste au centre, 960 par 540 sera le centre, et ensuite nous allons définir un cadre clé, et nous allons juste le faire bouger ici. À peu près 20 images, c'est comme dans sa position finale, je vais dire. Fais-le juste aller à droite et en fait peut-être qu'on va le faire dériver un peu. Animons ceci, de sorte qu'il va vite, puis lentement. Il va tirer et ensuite dériver à la fin, mon graphique ressemblera à ça. Voyons à quoi ça ressemble. Ça pourrait être un peu rapide, alors laissez-moi rentrer, soulager ça un peu et jeter un coup d'oeil. n'y a pas de bonne ou de mauvaise façon de le faire, c'est juste ce que vous pensez être bon. C' est comme ça que j'animerais un cercle confettis. Puisque je n'ai pas déjà animé l'échelle, je peux juste dupliquer cela. D' abord, laissez-moi le nommer, puis dupliquez-le en appuyant sur Commande D, puis je peux juste ajuster l'échelle de celui-ci. Alors peut-être que c'est 50 pour cent, ce sont de gros confettis. Probablement je veux les rendre si gros, pour un projet, mais ensuite je vais bouger ça et ils commencent tous les deux au milieu. Fais-le encore, déplace-le ici. Changons l'échelle à 75, et jetons un coup d'oeil à ceux-ci. Cette animation est un peu rapide pour moi. Je vais juste traîner mes images clés, pour le faire ralentir un peu. Je vais juste entrer et prendre toutes ces images clés, amenons-les en une seule image. En fait, prenons ces images clés de position et faites-les glisser, sorte qu'elles dérivent tout le temps. Jetons un coup d'oeil à ça, ça a l'air un peu mieux. Nous pouvons également décaler ces couches de sorte qu'elles n'entrent pas toutes en même temps. Pour faire un confettis carré, vous pouvez faire exactement la même chose que le cercle, mais juste faire de la forme un carré. Vous venez juste ici, dessinez un carré, puis vous débarrasser de la course, Command Shift et faire un nouveau masque, puis assurez-vous de vérifier inversé, puis vous pouvez animer l'extension du masque. Ça va marcher exactement de la même façon que le cercle. 17. Confetti animés : triangle: Faire des confettis triangulaires va être un peu différent du cercle ou du carré. Laisse-moi te montrer ça maintenant. Je vais aller dans mon outil Forme, cliquer et maintenir, et descendre à l'outil polygone, vous pouvez également faire des confettis étoiles aussi bien. Dans l'outil polygone, je vais simplement cliquer et maintenir pour dessiner un polygone. Par défaut, ce sera un pentagone. Mais si je passe dans la poly star, je peux y aller et ajuster le nombre de points. Je vais juste faire ça trois et ensuite je vais supprimer le coup. Faisons le rayon extérieur 100 et je centrerai mon point d'ancrage. J' ai un triangle, maintenant j'ai besoin de faire un autre triangle à utiliser comme extension parce que l'utilisation masques ne fonctionnera pas pour les triangles car il n'y a pas d'option pour faire un masque triangle. Ce que je vais faire est juste de dupliquer ce chemin d'étoile poly et maintenant j'ai le chemin d'étoile poly deux. Vous ne verrez aucune différence en ce moment, même si je change le rayon externe pour quelque chose de plus petit. Mais si je vais ajouter un chemin de fusion, puis basculez vers le bas et définissez le mode pour exclure les intersections. Maintenant, vous verrez que ma trajectoire d'étoile Poly 2 découpe le centre de ma trajectoire d'étoile poly 1. Je peux juste animer le rayon extérieur sur le chemin d'étoile poly 2, pour obtenir le même effet que le masque où me donner dans le cercle et le carré. Je vais juste définir une image clé sur le rayon externe ici, et aussi pour le chemin d'étoile poly 1, c'est équivalent à animer la taille sur le cercle ou le carré. Ensuite, je vais juste frapper nouveau pour condenser mes images clés et je vais utiliser ce cercle comme guide pour la façon dont je devrais placer mes images clés. Je vais mettre l'échelle à zéro à zéro images. Le premier rayon externe sera pour le triangle extérieur et le deuxième rayon externe sera pour le triangle intérieur, la pièce découpée. Celui-ci va aussi être zéro à zéro images puis à une seconde, je vais faire ce 100. Ensuite, je vais faire le rayon extérieur quelque chose qui ressemble à ces autres formes que j'ai. Peut-être que 80 pas besoin de décaler cette image clé parce que c'est l'équivalent de cette extension et j'ai besoin d'utiliser ces images clés. Mon rayon externe supérieur va être quelque chose comme ça, et n'oubliez pas que si vous avez le script de copie de cet e, vous pouvez facilement copier l'accélération de l'une de vos images-clés sur celles-ci. Voyons à quoi ça ressemble. J'ai l'air bien. Cela va revenir à zéro, cela reviendra à zéro, et j'ai également ajouté une certaine opacité sur mon cercle juste pour le faire animer gentiment et doucement, je vais juste copier cela et le coller ici et animons le position. Appuyez sur p, faites-le au centre, définissez une image clé, puis venez ici et apportez ça, allons-y. Cela a un certain assouplissement, alors laissez-moi copier l'assouplissement d' ici, quelque chose comme ça. Voyons à quoi ça ressemble. Une chose que je peux ajouter sur des formes comme le rectangle et le triangle est la rotation. Je vais juste aller dans mon rectangle et copier cette rotation et la coller sur mon triangle. Vous pouvez voir que mon triangle tourne au fur et à mesure qu'il sort et il semble que j'ai mis ces images clés trop tôt, alors laissez-moi simplement les faire glisser. Maintenant, vous pouvez entrer et changer la couleur de ce triangle et ajuster l'échelle. Renommez-le, puis vous pouvez le dupliquer et le déplacer. Rendons celui-ci encore plus petit, déplace-le ici. Maintenant que faire si je veux que la rotation de ceux-ci soit différente, ce que je peux faire est juste de frapper sur le clavier pour exécuter les propriétés de rotation, puis assurez-vous que votre tête de lecture est sur l'une des images clés, mais que les deux images clés sont sélectionnées. Ensuite, faites simplement glisser cette direction et maintenant les deux images clés ont été changées, mais elles ont gardé le même rapport. Le triangle fera pivoter le même montant que l'autre triangle. Faisons la même chose avec celui-ci, peut-être que cette fois je vais le faire tourner un peu vers l'arrière. Ici, nous avons utilisé quelques formes de base pour faire des confettis amusants. 18. Confetti animés : gribouillis: Un autre type de confettis que vous pouvez faire est une ligne en zigzag. D' abord, je vais aller à mon outil de stylet, puis cliquez simplement pour faire un point. Ensuite, je vais tenir le décalage pour m'assurer que mon prochain point sera parfaitement horizontal à partir du premier point. Maintenant, je vais juste appuyer sur V pour revenir à mon outil de sélection. Ensuite, je vais basculer vers le bas dans mon calque Shape, et j'ai cette ligne avec un remplissage et un trait. Je n'ai pas besoin du remplissage donc je vais le supprimer. Puis mon accident vasculaire cérébral, je vais juste le rendre un peu plus épais pour que ce soit plus facile à voir. Je vais changer la casquette en autour de la casquette. Ensuite, je vais monter pour ajouter et frapper zigzag. Alors si je bascule le zigzag, vous pouvez voir que j'ai un tas d'options différentes. Je vais zoomer dessus pour qu'on puisse le voir. Je peux faire le zigzag différentes tailles. Mais ce contrôle de taille, ou je peux aussi faire plus de répétitions dans la ligne ou moins. Je peux aussi le changer d'angle à lisse. Je vais rester avec lisse et peut-être faire quelque chose comme ça. Peut-être que ma ligne est un peu trop longue. Je peux juste sélectionner un des points et l'apporter, peut-être quelque chose comme ça. Donc maintenant pour animer ça, nous allons utiliser nos bons amis les chemins de coupe. Je vais juste ajouter un chemin de coupe basculé vers le bas, et définissons une image clé pour que la fin soit à 100 pour cent, puis de retour à zéro fera la fin est zéro. Cela va sortir comme ça, et je veux aussi que le début anime les confettis. Faisons juste un cadre clé pour que le début soit zéro ici, et ensuite nous allons de l'avant dans le temps. Mes triangles se sont terminés ici. Alors je vais faire avancer le début ici. Maintenant, décalons les images clés de début et de fin, quelque chose comme ça, et ajustons l'accélération. Peut-être que je veux que mon image clé de démarrage soit lente et rapide. Nous voyons plus de la ligne de cette façon, et puis l'image clé de fin, peut-être que cela va faire le contraire, rapide puis lent. Je pense que ça a l'air bien. C' est comme ça qu'il tire comme du bois de confettis et qu'il s'enfile uniquement. Maintenant, ce que je dois faire est d'ajuster mon point d'ancrage, alors où est le point d'ancrage ? C' est tout le chemin par ici. Je vais juste appuyer sur Y sur le mot-clé, déplacer ce point d'ancrage ici au début de la ligne, puis je vais positionner ceci au centre de la comp, et puis nous allons définir quelques images clés de position. Ici, voyez où se trouve la position, et tirons-la de cette façon et nous faciliterons ces images clés. Cela a l'air assez bon, mais, il voyage à un angle vers le bas, mais la ligne est droite à l'horizontale. Je pourrais animer la rotation de la ligne, mais il y a un moyen plus facile. Ce que je peux faire est de cliquer avec le bouton droit sur aller à transformer, puis descendre à l'orientation automatique, puis cliquez simplement sur le cercle pour orienter le long du chemin. Cela va juste garder la ligne parallèle à la trajectoire du mouvement. Voyons à quoi ça ressemble. Ça a l'air plutôt bien. Je voudrais peut-être ajuster la position un peu à ce sujet. Il semble aller un peu plus loin que mes autres confettis. Renommons ça. Ensuite, nous pouvons dupliquer ce zigzag et déplacer le duplicate autour et voir comment il va bien s'aligner avec n'importe quel chemin de mouvement est. On a des confettis amusants. Voyez comment ajouter cela à votre topographie animée pour la rendre un peu plus excitante. 19. Rendement: Si vous avez une animation que vous êtes prêt à exporter dans un fichier vidéo ou GIF, je vais vous montrer comment le faire dans cette vidéo. abord, je vais vous montrer comment exporter un fichier MOV, et ce sera la plus haute qualité des fichiers que je vais vous montrer comment exporter. abord, assurez-vous que vous avez coupé votre composition ou votre zone de travail à la longueur de l'animation que vous souhaitez afficher. Ensuite, passez à Composition, ajoutez à la file d'attente de rendu, puis il va faire apparaître ce panneau et dans le module de sortie, vous pouvez changer cela à n'importe quel format que vous voulez. C' est là que je vais choisir Apple ProRes 422 pour faire un fichier MOV. Si vous êtes sur un PC, ce ne sera pas la même chose. Ensuite, appuyez sur OK, puis sous l'outil de sortie, si vous cliquez sur le nom du fichier, vous pouvez naviguer jusqu'à l'endroit où vous voulez enregistrer le fichier sur votre ordinateur. Je vais juste faire un nouveau dossier et appeler ceci, parce que j'aime avoir tous mes rendus finaux dans leur propre dossier. Ensuite, je vais juste appuyer sur Enregistrer et puis sur Rendu. Donc maintenant, si je vais trouver ce dossier sur mon ordinateur, je vais voir mon fichier MOV. L' exportation d'un fichier MP4 prendra une étape supplémentaire car vous ne pouvez pas réellement exporter un MP4 depuis After Effects. Vous voudrez peut-être exporter un MP4 si vous voulez publier sur Instagram ou sur un autre site Web parce que les MP4 sont un peu plus compressés que les fichiers MOV et ils sont plus universellement acceptés. Donc, pour exporter un MP4, vous allez passer à Composition, puis Ajouter à Adobe Media Encoder Queue, et cela va ouvrir Media Encoder. Assurez-vous que cela est installé, il doit faire partie de votre abonnement Creative Cloud. Ensuite, une fois que Media Encoder s'ouvre, vous devriez avoir votre fichier que vous venez de lui envoyer juste ici dans la file d'attente. Pour vous assurer que vous avez le bon format, cliquez ici sous Format, puis j'aime choisir H264, et cela fera un fichier MP4 et vous pouvez le voir ici. Si vous avez de l'audio, assurez-vous de cocher ce bouton, mais je ne le fais pas, alors décochez-le. Ensuite, vous voudrez probablement juste correspondre à la source, qui devrait être par défaut, puis appuyez sur OK. Ensuite, sous Fichier de sortie, vous pouvez choisir l'endroit où vous voulez enregistrer ce fichier et appuyer sur Enregistrer. Ensuite, pour le rendre, il suffit d'appuyer sur ce bouton vert de lecture juste ici, et maintenant vous devriez avoir votre fichier MP4. Une autre façon d'utiliser Media Encoder est de simplement glisser dans un fichier. Vous pouvez donc simplement glisser dans votre MOV, puis le basculer vers un MP4. Si vous voulez exporter un GIF, qui sont bons pour les sites Web et qu'ils seront automatiquement lus et bouclés pour toujours, vous pouvez également le faire via Media Encoder. La seule façon de le faire via After Effects est d'utiliser un plugin appelé GifGun. Donc, pour exporter vers un GIF via Media Encoder, vous pouvez soit envoyer votre fichier After Effects vers Media Encoder comme je vous l'ai montré plus tôt, soit vous pouvez faire glisser votre fichier comme je l'ai fait ici. Ensuite, cliquez sous Format, puis vous pouvez choisir sous Format, GIF animé. Ensuite, choisissez votre nom de sortie et l'endroit où vous voulez l'enregistrer, puis appuyez sur OK, puis appuyez simplement sur Rendu. Ensuite, pour prévisualiser votre GIF, faites-le glisser dans un navigateur Web. 20. Synthèse: Merci beaucoup de m'avoir rejoint dans ce cours. J' espère que tu t'es amusé autant que moi et que tu as une topographie cool pour les détenus. N' oubliez pas de poster votre travail dans les projets de classe. Si vous voulez rester à jour, avec ce que je travaille, consultez mon site web explanimated.com ou suivez-moi sur Instagram à explanimated. En temps opportun si vous publiez votre topographie animée là. Suivez-moi sur Skillshare pour être le premier à savoir quand j'ai un nouveau cours pour vous. Si vous avez aimé ce cours, j'apprécierais vraiment, si vous laissez un commentaire. S' il y a quelque chose que vous attendez d'apprendre à l'avenir, faites-le moi savoir. Jusqu' à la prochaine fois, animation heureuse.