Lettrage animé dans Adobe After Effects

1. Bienvenue: Bienvenue dans le lettrage animé dans After Effects. lettrage est une forme expressive d'art et ajout d'animation peut vraiment l'amener au niveau supérieur. Salut. Je suis Megan Friesth, conceptrice de motion et illustratrice de Boulder, Colorado. lettrage animé n'est pas seulement pour les lettres à la main. Il y a tellement d'utilisations pour les textes animés des vidéos explicatives, des vidéos de typographie cinétique, des vidéos lyriques musicales, des logos, des tiers inférieurs, des séquences de titres, cartes de vœux numériques, des sites Web et bien sûr, pour faire votre lettrage se démarquer sur les médias sociaux. Non seulement le texte animé est une technique super utile, mais c'est aussi un excellent moyen d'apprendre l'animation dans After Effects. C' est pourquoi j'ai conçu ce cours pour les débutants. Tu n'as même pas besoin d'être un lettre-main. Je vais vous montrer comment utiliser Adobe Illustrator pour tracer ou dessiner une lettre et un dessin. Nous utiliserons également Photoshop pour ajouter une texture à notre lettrage. Ensuite, nous sauterons dans After Effects pour l'animer. Si vous n'avez jamais utilisé After Effects, l'interface peut sembler intimidante. Ne vous inquiétez pas. Vous aurez besoin de connaître une fraction de ce qui est possible dans ce puissant logiciel pour créer une superbe pièce d'animation de lettrage. Tout est inclus ici dans ce cours. Une fois ce cours terminé, vous serez prêt à participer à des cours d'animation plus avancés. Si vous êtes prêt à faire un mouvement de lettrage, commençons. 2. Inspiration: La technique d'écriture que je vais vous montrer dans cette classe est un moyen super utile d'animer tous les styles de lettrage différents. Voici quelques exemples. Remarquez comment, dans tous ces exemples l'épaisseur des lignes des lettres est constante. C' est ce qu'on appelle un lettrage monoline ou un bal de promo monoline. La technique d'écriture que je vais vous montrer dans cette classe fonctionne mieux avec des lettres qui ont une épaisseur de ligne constante. Bien sûr, cela ne signifie pas que vous ne pouvez pas animer lettrages ayant une épaisseur variable, mais c'est un sujet pour une autre classe. Vous pouvez trouver des tonnes d'inspiration sur Pinterest. Vous constaterez que la technique d'écriture est fondamentale pour beaucoup de type cinétique. Je vais mettre un lien vers mon tableau de textes animés Pinterest dans une note dans cette vidéo. 3. Projet du cours: Pour le projet de classe, choisissez un verbe, c'est quelque chose que vous aimeriez faire, et un nom, c'est l'endroit où vous aimeriez faire ce truc. Par exemple, explorez le Colorado, faites du ski dans le parc d'hiver , surfez sur le Costa Rica ou Netflix sur mon canapé. Vous pouvez placer votre animation de lettrage sur une photo ou ajouter des illustrations ou des accents si vous le souhaitez. Si vous avez quelque chose d'autre à l'esprit que vous voulez animer mais qui ne correspond pas au thème, c'est tout à fait bien aussi. N' oubliez pas de poster votre dernier lettrage animé sur le projet de classe. N' hésitez pas à publier votre travail en cours de route si vous souhaitez recevoir des commentaires. Vous pouvez toujours contacter la page de la communauté si vous avez des questions. Je vais vous montrer deux workflows différents pour animer votre lettrage avec la technique d'écriture. Pour la première technique, nous utiliserons Illustrator pour dessiner le dessin ou tracer une photo de votre lettrage à la main. Vous pouvez même utiliser une police si le lettrage à la main n'est pas votre truc. La deuxième technique, nous allons utiliser Photoshop pour ajouter une texture à la conception. Les deux techniques, nous animerons dans After Effects. 4. Débuter avec Illustrator: abord, je veux vous montrer comment créer votre lettrage dans illustrator. Je vais commencer un nouveau fichier. Dossier, nouveau. Je vais régler mon tableau d'art à 1920 par 1080 pixels. Mais vous pouvez faire une taille différente si vous le souhaitez, assurez-vous juste que c'est une taille décente. Ensuite, je veux également m'assurer que mon mode couleur est réglé sur RVB car cela va être numérique. Je n'ai pas l'intention de l'imprimer. Vous pouvez les trouver dans les options de couleur avancées si vous ne voulez pas que cela soit déjà défini. Ensuite, allez-y et appuyez sur Créer. J' ai un nouveau tableau d'art. Il y a plusieurs façons d'y arriver. Le but final est que vous voulez avoir une ligne tracée pour chaque lettre, ou si vos lettres sont connectées, il peut s'agir d'une seule ligne que vous pouvez animer dans les effets secondaires. Fondamentalement, nous voulons juste une ligne de nos lettres qui n'a pas de remplissage. C' est juste une ligne d'une épaisseur unique. On va l'utiliser pour animer les séquelles. Il y a plusieurs façons de commencer. Si vous êtes un lettre-main, peut-être que vous avez tiré ça sur papier d'abord. Vous pouvez prendre une photo ou numériser dans votre lettrage à la main, puis faire glisser la photo dans l'illustrateur. Je ne suis pas vraiment un letterrier à main moi-même, mais je l'ai fait très vite pour vous montrer ce que je veux dire. J' ai glissé dans cette photo et vous pouvez la redimensionner, assurez-vous que vous maintenez la touche Maj lorsque vous redimensionnez pour restreindre les proportions. Ensuite, ce que vous voudrez faire est de l'avoir sur sa propre couche. Si vous ne voyez pas le panneau Calques ou l'un de ces panneaux que j'utilise ici. Vous pouvez trouver n'importe lequel d'entre eux sous la fenêtre et vous les verrez ici. J' ai ce calque avec ma photo. Je vais juste frapper l'icône du cadenas juste à côté du globe oculaire. Ça m'assurera que je ne peux pas déplacer ma photo de lettrage accidentellement. Ensuite, je vais cliquer sur ce bouton Créer un nouveau calque en bas de mon panneau Calques pour créer un nouveau calque. Ensuite, je peux commencer à tracer avec ce nouveau calque. Un conseil lorsque vous prenez une photo de votre lettrage est qu'il est vraiment utile d'avoir une grille, comme ces points ici, afin que vous puissiez vous assurer que vous tenez votre appareil photo ou votre téléphone à la hauteur de votre lettrage. Pas sous un angle bizarre. Si vous n'avez pas de photo, c'est très bien. Je vais juste supprimer ceci. Je ne vais pas utiliser cette photo parce que ce n'est pas si génial. Une autre façon d'y arriver est de dessiner vos lettres avec votre souris, si vous êtes vraiment bon avec votre souris, ou peut-être que vous avez une tablette wacom. Vous pouvez utiliser cet outil de crayon juste ici pour dessiner vos lettres. Ça fera une ligne avec un trait et pas de remplissage. Si ce n'est pas le cas, vous pouvez toujours l'ajuster ici. Cette ligne coupée signifie pas de remplissage. Ensuite, ici, j'ai un trait noir et vous pouvez ajuster l'épaisseur du trait ici. Évidemment, changez les couleurs si vous le souhaitez. La dernière façon de le faire, si vous ne voulez pas dessiner vos lettres sous forme libre sur l'ordinateur ou à la main, est que vous pouvez réellement utiliser une police. Je vais juste aller à l'outil de type ici et cliquer pour commencer à taper. Alors je vais taper ce que je veux. Ensuite, je clique à nouveau sur l'outil de sélection pour que mon lettrage soit sélectionné. Alors je vais juste tenir le quart de travail et agrandir ça. Vous pouvez également ajuster la taille de la police ici. Je vais utiliser la police Montebello. Ensuite, je vais m'assurer que cela est centré sur mon tableau d'art. Je vais juste aller à ces outils alignés. Si vous ne les voyez pas ici, ils sont également sous le panneau d'alignement, que vous pouvez trouver sous la fenêtre. Je vais m'aligner sur mon tableau d'art. Avec cette icône, vous pouvez choisir ce sur quoi vous vous alignez. Donc impair, aligné sur notre carte et puis je vais juste centrer horizontalement et verticalement. Ensuite, je vais verrouiller ce calque et commencer un nouveau calque. Je vais appuyer sur le bouton de verrouillage à côté de ce calque, appuyez sur l'icône du nouveau calque en bas. Maintenant, j'ai un nouveau calque où je peux commencer à tracer ces lettres pour créer un trait que je peux animer. 5. Traçage des lettres: Tout d'abord, je vais définir mes couleurs pour avoir un trait, et je vais changer la couleur du noir pour pouvoir voir ce que je fais. Maintenant, pour tracer, je pense qu'il est plus facile d'utiliser l'outil Plume. L' outil Plume présente un peu de courbe d'apprentissage si vous ne l'avez jamais utilisé. Mais je recommande fortement de pratiquer cela parce que cela peut être un outil si puissant. Allez dans votre outil Stylet ici ou appuyez sur « P » sur le clavier. Ensuite, pour créer une ligne à l'aide de l'outil Plume, vous allez cliquer pour marquer un point, puis maintenir votre souris enfoncée, vous allez faire glisser pour voir ces poignées. Maintenant, ces poignées vont être tangentes à la ligne que vous dessinez. Ça aura plus de sens quand tu vas essayer. Je vais cliquer, maintenir, faire glisser les poignées, puis laisser aller, puis répéter cela, alors cliquez et faites glisser. Vous pouvez voir quand je fais glisser ces poignées, son ajustement où ma courbe atterrit sur ma page. Quand je suis content de la courbe, je peux laisser aller et continuer. Vous n'avez pas à rendre cette courbe parfaite. Vous n'avez pas besoin de l'aligner exactement sur vos lettres en ce moment parce qu'il est vraiment facile de revenir en arrière et de changer les choses. Je vais continuer à cliquer, faire glisser et à le déplacer. C' est très bien, on peut y retourner et réparer les choses. Assurez-vous que vous tracez vos lettres de la manière dont vous souhaitez les animer. Je veux que ces lettres s'animent comme si vous les écriviez sur papier avec un crayon. Quand j'arrive à ce e, je veux m'assurer que je vais d'abord ici, puis jusqu'à ce e. Je vais devoir faire cette courbe comme ça. Quand j'arriverai au sommet de ce t, je veux juste faire demi-tour et revenir comme je suis venu. Si vous le remarquez, j'ai un signe plus à côté de mon outil Stylet. Cela signifie que je vais ajouter un point sur ma ligne et ce n'est pas ce que je veux faire. Je dois juste aller un peu plus loin de ma ligne pour que je puisse faire un nouveau point. Si vous ne voulez pas de courbes comme en haut de ce t, tout ce que vous avez à faire est de cliquer et vous ne faites pas glisser. Alors vous n'avez pas ces poignées, alors fait juste un virage pointu. Vous pouvez voir sur ce sont r Je voulais la courbe ici, mais je ne veux pas qu'il ait une courbe en haut ici. Ce que je peux faire est juste de cliquer sur mon point à nouveau et ça va enlever cette poignée. Je vais faire la même chose à nouveau sur le g où je clique le point et puis revenir comme je suis venu parce que c'est comme ça que vous dessineriez sur un g. Je ne vais pas être en mesure d'obtenir cela exactement la première fois, mais c'est bon, je peux revenir en arrière et ajustez les points. Ensuite, pour terminer votre ligne, vous pouvez simplement appuyer sur « Retour » sur votre clavier. Si vos lettres ressemblent plus à ceci, vous voudrez aussi les tracer, mais il y a quelques petits conseils qui vous aideront. Je vais utiliser l'outil Plume, puis je vais aller et juste cliquer pour faire des points. Je n'ai pas besoin de cliquer et de maintenir parce que je ne veux pas que ces lignes soient courbes. Maintenant, quand j'arrive au bas de cet A, je sais que je veux que ce point soit aligné sur cet autre point de l'autre côté de la A. Il est utile de savoir où exactement je devrais mettre ce point. Une chose que vous pouvez faire, je vais juste supprimer cette ligne, est de monter à « View » et « Smart Guides » ou de cliquer sur « Command U ». Ensuite, quand je fais ce chemin, ça va me donner une petite ligne d'indicateur qui est rose, qui me montre que je suis aligné avec l'autre point, donc ça peut être super utile. Ensuite, je dirai « Entrée » pour terminer la ligne. Ensuite, pour les lignes droites, vous pouvez simplement maintenir « Shift », alors maintenez « Shift » pour faire une ligne droite. Ensuite, je ne pouvais pas mettre ce point juste sur ce chemin parce qu' Illustrator penserait que je veux ajouter un point à ce chemin. Je viens de le rendre un peu plus court et puis je vais juste prendre l'outil Sélection directe et maintenir « Shift » Je vais étendre cette ligne en m'assurant qu'elle est droite en maintenant « Shift ». Ensuite, vous pouvez continuer cela avec tous les autres calques. Si vous avez des lettres en double, vous pouvez simplement les copier et les coller. Je vais cliquer et faire glisser pour sélectionner tout dans cette zone. Ensuite, je vais maintenir la touche « Option » enfoncée tout en faisant glisser cela et aussi maintenir « Maj » enfoncée pour que je le garde en ligne. Ensuite, je vais juste sortir et j'ai un A dupliqué, je n'ai pas eu à le redessiner. Maintenant, si vous voulez ajouter à une ligne existante, si vous passez simplement la souris sur un point avec votre outil Plume, vous verrez une petite barre oblique ce qui signifie que vous allez ajouter à un point existant. Une autre technique que vous pouvez utiliser si vous avez des lettres qui ont de belles portions arrondies, est que vous pouvez utiliser l'outil Rectangle. Je vais démontrer sur ce D. Avec l'outil Rectangle, je vais juste dessiner un rectangle à peu près la forme de mon D. Ensuite, vous pouvez aller dans et arrondir les coins avec l'outil Sélection directe. Si je fais le tour de tous les coins, je peux faire une forme de O. Mais si je veux juste autour de quelques coins, sélectionnez le coin, puis appuyez sur « Maj » et sélectionnez l'autre coin que vous voulez, puis vous pouvez simplement faire glisser ces coins dans. Alors c'est à propos de la forme de mon D mais je peux toujours y aller et ajuster ces poignées. 6. Ajuster votre parcours: Pour ajuster le tracé que vous venez de dessiner, allez dans l'outil de sélection directe, qui est la touche fléchée blanche ou le raccourci est A. Ensuite, vous pouvez déplacer n'importe lequel de vos points pour les ajuster, et vous pouvez réellement zoomer en appuyant sur Commande et la touche Plus pour vous rapprocher de vos lettres. Maintenant, avant d'entrer et d'aborder ma ligne, je vais la rendre plus épaisse, donc plus étroitement alignée sur ma police. Je vais juste aller dans le panneau Stroke et augmenter l'épaisseur, jusqu'à ce qu'il s'aligne de plus près. Allons-y avec 30, un joli numéro pair. Maintenant, la première chose que vous remarquerez est que les extrémités de ma ligne sont une extrémité pointue, alors que la police a une belle extrémité incurvée. Ce que je peux faire, c'est juste changer la casquette ici sous coup, de la casquette à la casquette ronde. Puis aussi sur le t, où j'ai un retournement brusque, j'ai une ligne droite et je veux qu'elle soit courbée comme la police. Sous le coin, je vais juste frapper du coin dur au coin rond. Maintenant, une autre chose que je peux faire pour rendre ma vie un peu plus facile ici quand j'ajuste les lettres est de rendre cette ligne que j'ai dessinée un peu transparente, sorte que je puisse voir le texte en dessous. Je vais juste le sélectionner avec mon outil de sélection, puis ici où vous voyez Opacité, vous changez juste ça à 50 pour cent. Maintenant, je peux le voir en partie. Maintenant, je vais entrer avec mon outil de sélection directe ou/et le clavier et juste ajuster les points pour que mes lettres soient un peu plus alignées avec le texte. Vous pouvez prendre la liberté créative ici si vous voulez aller un peu sur la façon dont votre texte est, disons sur ce L, je veux en faire une plus grande boucle ici, parce que je pense que ça pourrait être cool à animer. Je peux le faire si je veux. Vous pouvez passer autant ou aussi peu de temps que vous voulez ajuster votre chemin, parfait que votre chemin soit, est totalement à vous de décider, mais votre chemin est ce que vous verrez animé. Vous ne verrez aucun calque de texte. Maintenant, vous remarquerez parfois que vous voulez mettre un point dans un endroit vraiment précis, mais vous obtenez la capture, et il est difficile de l'obtenir exactement où vous le voulez. Si vous passez sous Affichage, vous pouvez avoir un accrochage au pixel ou un accrochage pour pointer sur. Parfois, l'accrochage à un point peut être utile si vous voulez accrocher deux de ces points ensemble, mais parfois ce n'est pas le cas. Si ce n'est pas utile pour vous, vous pouvez le désactiver. D' habitude, je n'aime pas accrocher au pixel parce que je veux être un peu plus précis que ça. Je vais éteindre celui-là pour l'instant. Si vous avez besoin d'ajouter un point à votre ligne, appuyez sur la touche Plus du clavier ou accédez à l'outil Plume, cliquez longuement et vous trouverez l'outil Ajouter un point d'ancrage. Cela vous permet juste d'ajouter un point à votre chemin, puis vous pouvez appuyer sur A et aller et ajuster ce point. Maintenant, disons que vous avez ajouté un point que vous ne voulez pas réellement, vous pouvez appuyer sur la touche Moins ou trouver l'outil Supprimer le point d'ancrage sous l'outil Plume, puis vous pouvez simplement entrer et supprimer ce point. Une fois votre lettrage tracé et ajusté, revenez en arrière et assurez-vous que vous ne manquez aucun des petits tirets sur les ts ou les points sur le i et des choses comme ça. Pour le point sur le i, je vais juste aller dans l'outil Ellipse. Ensuite, maintenez Maj enfoncé, je vais dessiner un cercle parfait en cliquant et en faisant glisser. Maintenant, ça a fait un cercle avec un trait sans remplissage, mais je vais vraiment le vouloir dans l'autre sens, et je vais l'animer différemment dans After Effects. Quelque chose comme ça. Alors pour les ts, ceux-ci n'ont que deux croix droites, mais puisque j'ai deux ts ensemble, je pense que ce serait cool d'avoir une croix connectée sur ces ts. Je vais juste retourner dans mon outil Pen et dessiner quelque chose. Je dois m'assurer que cela n'a pas de champ, mais il a un accident vasculaire cérébral. Ce que je peux faire est de frapper i dans le clavier ou d'utiliser l'outil Pipette, puis sélectionnez simplement le lettrage que j'ai tracé et qui copie le style que j'ai sur ce chemin que je viens de dessiner. Il a l'air un peu drôle parce que ces ts sont un peu courts. Je vais juste les rendre plus grands. Je vais sélectionner ces deux points en maintenant la touche Maj enfoncée, puis en cliquant sur le second, puis je vais simplement les faire glisser tous les deux vers le haut. Mais je vais essayer de maintenir le même angle qu'ils sont. Alors peut-être que je bouge ça juste un petit peu. Ça a l'air bien. Vous pouvez toujours masquer votre calque de textes voir à quoi ressemble votre lettrage sans le texte. Vous pourriez trouver qu'il a quelques petits problèmes comme cette ligne est un virage bizarre juste ici. Je vais juste y retourner et ajuster ça. Je vais revenir à ma couche de lettrage et revenir à une opacité à 100 %. Je vais masquer à nouveau ma couche de référence. Ensuite, je vais ajouter un arrière-plan. Je vais juste aller à mon outil Ellipse, cliquez et maintenez, et vous verrez l'outil rectangle. Vous pouvez également appuyer sur M sur le clavier. Ensuite, je vais juste cliquer n'importe où sur mon tableau d'art, et ça fera apparaître cette petite boîte, et vous pouvez taper les dimensions que vous voulez et appuyer sur « OK ». Vous pouvez aussi simplement cliquer et faire glisser pour dessiner une boîte, mais de cette façon, je sais que ce sera exactement la même taille que mon tableau d'art. Ensuite, je peux le centrer, puis le changer de sorte qu'au lieu d'un trait, il ait un remplissage, alors on irait changer cette couleur. ce moment, mon rectangle est au-dessus de mon calque de lettrage, donc je vais juste faire un nouveau calque, glisser mon lettrage dedans en cliquant sur ce petit carré ici et en le faisant glisser vers le haut, puis je vais faire glisser ce calque vers le bas. Ensuite, je peux double-cliquer et juste nommer cet arrière-plan. Ensuite, ce calque qui a mon lettrage, je vais changer la couleur du lettrage en blanc. Ensuite, changez ce point sur le i en blanc aussi. Je suis allé et j'ai ajusté mon chemin des couches de blocs. Maintenant, vous verrez quelques choses ici. Sur ce n, je suis un peu parti. abord, je vais juste corriger cela en sélectionnant ces deux points d' ancrage en maintenant la touche Maj entre les cliquer, puis en appuyant sur les touches fléchées du clavier pour simplement pousser ces points sur un peu. Vous verrez que j'ai changé les coins en un coin biseauté. Vous pouvez également avoir un coin pointu comme celui-ci, mais alors il s'étend vraiment loin au-delà de la lettre, ou vous pouvez avoir autour du coin. Je n'aime pas vraiment les coins biseautés, donc je vais changer le mien en coins ronds. Mais ce que vous remarquerez, c'est que les coins ronds s'étendent au-delà des lettres. abord, laissez-moi tout changer pour un coin rond et une casquette ronde. On dirait que certaines de mes lettres sont un peu plus courtes A et A. Je vais y aller et faire un peu plus d'ajustement. Une chose qui aide vraiment lorsque vous essayez de faire aligner les choses est d'utiliser des guides. Je vais appuyer sur la commande R sur mon clavier pour faire apparaître les règles. Vous verrez ça autour de mon tableau d'art. Ensuite, à partir de la règle, si vous cliquez et faites glisser, vous pouvez faire descendre une ligne directrice. Je vais ramener cette directive au bas de mon texte. Ensuite, si vous placez votre guide vers le bas, il se peut qu'il soit verrouillé et que vous ne puissiez pas le déplacer, et si vous décidez de le déplacer, vous pouvez entrer et faire le Guide, puis déverrouiller les guides. Maintenant, vous pouvez l'ajuster. Je vais le mettre en bas de mes E et D, puis je vais juste prendre tous ces points d'ancrage et les déplacer vers le haut pour que le bord de la courbe s'aligne avec la ligne directrice. Peut-être que je vais bouger tout mon A. Puis en haut, je vais juste déplacer ce A vers le haut pour qu'il corresponde au T. Vous verrez que je vais partir de ce à quoi ressemble la police. C' est bon parce que personne ne verra la police. Vos guides, s'ils ne sont pas verrouillés, vous ne pouvez pas les déplacer. Je vais retourner et verrouiller ce guide, puis finir d'ajuster mes couches. N' oubliez pas que vous pouvez utiliser vos touches fléchées pour mettre les choses en place. Je vais supprimer ce A et copier cet autre A. Maintenant, assurons que mes lettres sont alignées en haut. Je vais juste faire glisser un nouveau guide, l' aligner en haut du D et E et je vais continuer à ajuster. Je suis content de ça. Je peux simplement supprimer ma couche de texte de référence. Ensuite, je peux simplement sélectionner tous ces éléments en cliquant et en faisant glisser pour changer la couleur de chacun d'entre eux. 7. Se préparer à l'animation: La dernière chose que je dois faire ici dans Illustrator pour préparer cette animation est séparer chaque pièce que je veux animer dans son propre calque. Pour ce texte particulier, toutes mes lettres sont connectées, donc je n'aurai pas autant de pièces que si mes lettres n'étaient pas connectées, elles n'étaient pas cursives. moment, je vais juste avoir ce calque de lettrage qui a essentiellement toutes mes lettres et ensuite je veux mettre ma croix et mon T dans un nouveau calque. Je vais juste cliquer sur le bouton « Nouveau calque », faire glisser cela vers le haut, puis double-cliquer pour le nommer et ensuite je ferai la même chose avec le point de mon œil. Ensuite, le reste, je vais juste nommer des lettres. Vous pouvez supprimer votre calque de texte de référence si vous le souhaitez, ou vous pouvez le conserver si vous préférez la conserver ultérieurement pour référence. Si vous travaillez avec des lettres qui ne sont pas cursives, elles ne sont pas connectées, alors vous allez vouloir séparer chaque lettre dans son propre calque, ou même chaque partie de chaque lettre dans son propre calque. Je vais aller dans mon seul calque que j'ai ici et juste cliquer ici et vous obtiendrez un peu de carré et puis vous allez aller à ce menu de hamburger juste au-dessus cela et ensuite descendre pour libérer les couches à et maintenant vous verrez qu'il est libéré chaque pièce différente, dans sa propre couche. Mais toutes ces couches sont imbriquées sous cette couche 2. La première chose que je dois faire est de prendre tout ce qui se trouve sous couche 2 et de le faire glisser au-dessus de la couche 2 et c'est vraiment important, vous ne voulez pas que vos calques soient imbriqués car dans After Effects, ils seront toujours sous un et nous voulons qu'ils soient tous des couches séparées. Maintenant, vous verrez que j'ai cette couche 2 qui n'a rien dedans, donc je peux juste la supprimer. Ensuite, j'ai chaque pièce dans son propre calque et je vais animer chacun de ces éléments séparément et il est en fait mis mes calques de guide dans leurs propres calques aussi et je n'ai plus besoin de ces guides, donc je vais juste les sélectionner et supprimez-les. Ensuite, je vais entrer et nommer chaque partie de ma lettre et m'assurer que les calques sont dans l'ordre où je veux les animer juste pour être organisés et rendre les choses plus faciles quand je vais à l'animation. Je veux m'assurer que ce A est d'abord et je vais nommer ceci A et puis ce sera une barre transversale. Ensuite, si vous avez des calques en double, il suffit de les nommer A2 ou quelle que soit la lettre, puis de la barre transversale A2, puis assurez-vous d'enregistrer ce fichier. Lorsque vous travaillez entre Illustrator ou Photoshop dans After Effects, il est très utile d'avoir tous vos fichiers pour un projet dans le même dossier ou groupe de dossiers. Je vais simplement enregistrer ceci dans un nouveau dossier appelé Lettering Animation et je nommerai ce lettrage, puis je vais aussi le mettre dans un nouveau dossier appelé AI, afin que tous mes fichiers Illustrator soient dans un seul dossier. Ensuite, je vais également créer un dossier au même niveau qui s'appelle AE pour tous mes fichiers After Effects. Maintenant, si je change l'emplacement mon fichier Illustrator après que j'ai déjà commencé à utiliser dans After Effects, After Effects va générer une erreur indiquant qu' il ne trouve pas le fichier qui est à la recherche pour. Vous devez vous assurer que vous êtes vraiment organisé et une fois que vous utilisez des fichiers dans After Effects afin de ne pas les déplacer dans votre structure de fichiers. Il suffit de cliquer sur « Enregistrer » et vous pouvez simplement cliquer sur « OK » pour ce message et vous êtes prêt à animer. 8. Ajouter des connecteurs et des extensions: Vous pouvez également ajouter à votre lettrage des pièces qui sont animées mais pas dans le dessin final. Ainsi, par exemple, dans cet exemple de Boulder, vous pouvez voir qu'entre le B et le O, j'ai ajouté une ligne qui relie les deux lettres. Mais dans le lettrage final, il n'y a pas de lien. Donc, ce que j'ai fait ici pour faire cette ligne, c'est dans Illustrator, j'ai juste cette ligne en pièce. Donc, il s'alignera avec le B et il s'alignera également avec le O, mais c'est sa propre couche séparée. Ensuite, vous remarquerez aussi que j'ai ajouté un peu d'extension au B. Donc, il arrive ici et puis il continue à s'animer, et puis j'anime réellement cette ligne un peu, donc ça se termine ici. Regardons ça encore une fois. Le B commence ici s'anime et puis il se termine ici. Ce que vous faites dans illustrator, c'est qu'il vous suffit d'ajouter une petite extension à votre ligne, même si cette section ne sera pas visible dans la pièce finale. 9. Importer dans AE: Une fois que vous avez tous vos textes séparés en calques et prêts à être animés, puis lancez après les effets. La première chose que vous allez faire est d'aller dans Fichier, Importer, Fichier, ou appuyez sur Commande I. Ensuite, accédez simplement au fichier que vous recherchez, et sélectionnez-le ici. Assurez-vous ensuite d'avoir Importer sous, passer du métrage à la composition, de conserver les tailles de calque. Si vous ne voyez pas ces options, cliquez sur ce bouton d'option ici. Composition, Conserver les tailles de calque, puis cliquez sur Ouvrir. Maintenant, vous pouvez voir qu'une fois les effets importés, votre illustration Illustrator se trouve dans le panneau Projet. Une visite rapide des post-effets. Le panneau de projet est l'endroit où tout ce que vous importez, puis tout ce que vous créez, va vivre. C' est tous vos atouts. Puis au centre ici, en ce moment, vous voyez une nouvelle composition, mais c'est généralement là que nous allons voir ce que nous créons. Puis en bas ici, vous avez votre chronologie. Laissez-moi ouvrir ce fichier de lettrage que je viens d'importer à partir d'Illustrator. Je vais double-cliquer dessus pour l'ouvrir, et vous pouvez voir ici dans ma chronologie, je suis maintenant à l'intérieur de ce fichier, et je peux voir les calques que j'avais créés dans Illustrator. Vous pouvez voir dans la chronologie que nous avons quelques codes temporels, puis vous pouvez voir que vous avez des barres pour chacune de ces couches. endroit où vous voyez l'une de ces barres est l'endroit où ce graphique sera visible dans votre chronologie. Si je devais prendre ce calque de lettrage, puis simplement faire glisser la barre loin, vous pouvez voir qu'il n'y a pas de barre ici, et donc, vous ne pouvez pas voir dehors en ce moment dans l'animation. Je peux simplement faire glisser ma tête de lecture le long de la timeline pour voir n'importe quelle animation que j'ai créée. Je vais juste annuler ça, donc je ne veux pas faire ça. La première étape consiste à cliquer sur votre calque de lettrage, cliquez avec le bouton droit de la souris, descendez dans Créer, Créer des formes à partir d'un calque vectoriel. Ensuite, ce que cela va faire est de créer une nouvelle couche. Vous verrez si vous allez dans ce calque, vous avez du contenu, du groupe, puis vous avez ce chemin, et c'est exactement le chemin que nous avons dessiné à l'intérieur d'Illustrator. Vous pouvez simplement supprimer ce calque de lettrage d'origine, car nous n'en aurons pas besoin. Si jamais vous avez eu besoin d'y revenir, peut-être que vous avez foiré quelque chose et que vous voulez recommencer, vous pouvez le trouver sous le dossier dans le panneau de projet appelé couches de lettrage, il a enregistré chaque couche ici seul. Je n'ai pas vraiment besoin de le faire sur le point sur l'œil parce que je vais l'animer d'une manière différente, mais je dois le faire sur la croix et le t. Je vais juste créer, créer des formes à partir de la couche vectorielle, et supprimez cette version illustrative. Si vous travaillez avec un lettrage non script, vous devez également effectuer cette étape. C' est le bon moment pour mentionner les paramètres de composition. Dans ce fichier, je n'ai pas fait d'arrière-plan, et c'est bon, je peux toujours faire un arrière-plan dans les effets après. Mais je vais juste aller dans Composition, Paramètres de composition ou Commande K, pour afficher mes paramètres de composition. Ici, je peux voir qu'il est automatiquement fait une composition de la même taille que le plan de travail que j'avais dans Illustrator. C' est 1 920 sur 1 080, et ma fréquence d'images est définie sur 30. C' est ce que j'aime habituellement animer, il est préférable de toujours animer sur des nombres entiers pour rendre les choses plus faciles pour vous-même, mais vous pouvez descendre à quelque chose comme 24, ou même 15, si vous voulez que ce soit plus d'une bande dessinée, look agité. Je vais rester avec 30. Ensuite, vous pouvez également voir que la durée de ma composition est de trois secondes, et une image. Mais je peux toujours changer ça plus tard quand je sais combien de temps va durer mon animation. Ensuite, je vais changer ma couleur d'arrière-plan en blanc, juste pour que ce soit plus facile à voir, et appuyez sur OK. Ensuite, je peux réellement entrer,cliquer et faire glisser pour sélectionner tous mes calques, cliquer avec le bouton droit de la souris, aller dans cliquer et faire glisser pour sélectionner tous mes calques, cliquer avec le bouton droit de la souris, Créer, Créer des formes à partir d'un calque vectoriel, et il a été créé toutes ces formes en même temps. Je peux simplement revenir en arrière et supprimer les calques de l'illustrateur, parce que je n'en ai pas besoin pour l'instant. 10. Aménager les voies: Maintenant que mon calque de lettrage est converti en contours, je suis prêt à animer. Je vais basculer avec ce petit triangle à côté des contours du lettrage. Je vais basculer à nouveau à côté du contenu, puis à côté du groupe. Je vais en fait passer à « Ajouter » dans ce petit cercle, bouton triangle. Je vais cliquer dessus, puis je vais descendre pour couper les chemins. Cela va ajouter une autre propriété sous ma couche. Je vais basculer ici aussi, et vous verrez le début, la fin et le décalage. Ce sont les choses que vous pouvez animer pour faire votre lettrage droit sur. En ce moment, la fin est à 100 pour cent. Ce que je vais faire est de définir une image clé à une seconde, et pour définir une image clé, vous allez frapper ce chronomètre à côté de la propriété que vous voulez définir. Je vais frapper le chronomètre à côté de la fin. Ensuite, je vais revenir à zéro et je vais faire glisser ça jusqu'à zéro. Maintenant, vous pouvez voir que mon lettrage a disparu. Si je joue à travers cela, soit en cliquant sur la barre d'espace, soit en faisant glisser ma tête de lecture sur la timeline. Je vois que mon lettrage est écrit sur. Maintenant, vous pourriez avoir le même problème que moi et que votre lettrage écrit dans la mauvaise direction. Ce que vous pouvez faire ici est à côté du chemin, vous verrez cette petite flèche et vous pouvez juste changer cela, et maintenant mon lettrage va dans la bonne direction. Vous avez quelques options avec ces chemins ajustés. Vous pouvez également animer votre lettrage de l'intérieur vers l'extérieur. Laisse-moi te montrer à quoi ça ressemblerait. Je vais cliquer à nouveau sur ce chronomètre pour supprimer mes deux images clés. Ensuite, avec ma tête de lecture à zéro image, je vais régler mon départ à 50 et ma fin à 50. Ensuite, je vais frapper les montres d'arrêt pour créer des images clés. Ensuite, je vais aller de l'avant dans le temps avec ma tête de jeu et ensuite je vais remettre le début à zéro et la fin à 100. Puis quand je joue ça, vous pouvez voir que le lettrage s'anime depuis le centre. En fait, je le voulais de la première façon, donc je vais juste remettre ça à zéro et j'ai une animation dans. Ce que je peux faire maintenant, c'est sélectionner les chemins de coupe, appuyer sur « Commande C » pour copier, puis m'assurer que ma tête de jeu est à zéro, je peux coller cette animation sur la croix en T. Je vais juste coller, et puis si vous appuyez sur « U » sur votre clavier, il affichera toutes les images clés que vous avez sur ce calque. Vous pouvez voir que j'ai maintenant mes images clés de fin sur le T. Mais le T va super lentement parce que c'est beaucoup plus court d'une ligne, donc je vais juste ajuster le timing de ça et peut-être même que je voulais venir après que le lettrage soit animé sur. Je peux simplement sélectionner ces images clés en cliquant et en faisant glisser sur les deux pour les sélectionner les deux, puis les faire glisser sur ma chronologie et cela n'a pas besoin de prendre si longtemps. Peut-être que je vais juste faire glisser cette image-clé vers la gauche, et voyons à quoi ça ressemble. Maintenant peut-être que je veux que ma croix en T arrive, peut-être par ici, pour que je puisse juste faire glisser ces images clés. Voyons à quoi ça ressemble. Je pense que je vais le garder comme ça. Pour le point sur l'œil, je vais animer cette échelle. Si je bascule vers le bas pour transformer, vous verrez que vous avez toutes ces propriétés différentes que vous pouvez animer. Vous pouvez animer l'opacité. Il pourrait simplement s'estomper, quelque chose comme ça ou vous pourriez animer l'échelle ou la position, vous pouvez l'avoir comme rebondir ou quelque chose comme ça. Mais je vais faire l'échelle, donc je vais probablement aller ici, frapper le chronomètre pour faire une image clé pour 100 pour cent, puis revenir dans temps et puis je peux juste cliquer sur la valeur de 100 et entrer zéro sur mon clavier. Il existe plusieurs façons d'effectuer des étapes d'images clés comme vous l'avez remarqué, vous pouvez faire glisser ces curseurs ou vous pouvez taper la valeur. Une fois que vous avez défini votre première image clé sur une propriété, le chronomètre est déjà bleu et vous n'avez donc pas besoin de cliquer à nouveau sur le chronomètre. En fait, si vous cliquez à nouveau sur la montre d'arrêt, elle supprimera votre image clé, alors assurez-vous de ne pas le faire. Maintenant, j'ai mon oeil à l'échelle. N' oubliez pas d'enregistrer votre fichier d'effets secondaires. Vous pouvez aller dans « File Save » ou « Command S », puis naviguer jusqu'à l'endroit où vous voulez l'enregistrer. J' aime avoir un dossier de projet, puis dans ce dossier j'ai un dossier illustrateur, puis je vais créer un autre dossier aftereffects. Ensuite, je dirai mon fichier de séquelles à l'intérieur de ça. La raison pour laquelle j'ai un dossier pour mon fichier aftereffects est qu'il va enregistrer automatiquement les fichiers et donc il va s'accumuler dans ce dossier. J' aime aussi dupliquer mes fichiers au cas où quelque chose serait foiré et que je veux revenir à une version antérieure. 11. Lettrage sans texte: Maintenant, je vais animer ces textes de lettrage indescriptibles. Je vais juste aller dans la même chose que je l'ai fait avec le lettrage du script et aller à Ajouter des chemins Inter. Je vais basculer vers le bas et je vais essayer de faire animer toutes les lettres à peu près la même vitesse. Si vous pensez à la distance que votre crayon aurait à parcourir. Si vous écrivez réellement ces lettres, vous pouvez voir que l'a a deux segments, puis le n aurait trois segments et alors j'en aurais un. Je vais essayer de chronométrer cela en conséquence dans l'animation. Pour le a since a deux segments, nous allons simplement le rendre facile et utiliser ce guide de code de temps. Je vais faire deux segments soit 10 images. Un segment sera composé de cinq images. Je vais juste frapper le chronomètre de fin pour créer un cadre clé pour 100 pour cent à la valeur n. Ensuite, je retournerai à zéro et ramènerai ça à zéro. Maintenant, le a s'anime dans. Ensuite, je vais animer la croix de l'a. Je vais juste copier ces chemins coupés, donc Commande C puis sélectionnez la barre transversale et appuyez sur Commande V. Ensuite, si j'appuie sur U sur mon clavier, il me montrera toutes les images clés que j'ai définies pour ce calque. C' est celui que je viens de coller. Ceci une barre transversale est vraiment courte. Je vais juste prendre cette dernière image clé et la faire glisser vers la gauche pour en faire une animation plus rapide. Puis quand cela s'arrête, je vais commencer l'animation n donc je vais commander V, j'ai encore les mêmes chemins de tendance copiés, appuyez sur U et puis je peux voir mes images clés. Faisons simplement cela facile et a commencé à 15 images. Ce N a trois segments donc je vais juste apporter cette image clé à droite pour qu'elle ait trois fois 5 images, donc 15 images. Alors je vais juste ajuster un peu ce cadre clé. Ensuite, je vais faire la même chose pour le I Command B frappé U. Le I a un segment, donc je vais juste apporter ça pour qu'il prenne cinq images sur m. Même chose sur le m. Disons que le m a trois segments, donc nous allons faire 15 cadres. Ensuite, le a, ce que je pourrais faire est juste de prendre ceci a et de le copier , de le coller, et de le déplacer sur ce a. Si j'avais une animation très précise le premier jour que j'ai fait et que je ne veux pas essayer de répliquer cela sur le second, mais c'est assez simple s je vais juste commander V pour coller les images clés. Commandez à nouveau V pour coller ces images clés et le rendre un peu plus rapide. Alors je vais continuer avec ça. Voyons à quoi ça ressemble. Souviens-toi si l'une de tes lettres va mal, tu peux y aller. Dites que je voulais que ça aille dans l'autre direction. Vous pouvez simplement entrer et changer la direction du chemin, puis il va s'animer dans l'autre sens. Je vais le garder comme c'était. Si je n'ai juste aucun calque sélectionné et que j'appuie sur U sur mon mot-clé, cela affichera toutes les images clés que j'ai sur tous mes calques. Ensuite, ce petit truc de glisseur de montagne ici, qui vous permet de zoomer sur votre clé pour lui afin qu'il élargisse simplement votre ligne de temps. Je vais l'amener jusqu'à la fin du zoom arrière pour que je puisse tout voir sur ma chronologie. Voyons voir, cela prend un peu plus de trois secondes pour animer n. Je pense que c'est un peu lent. Peut-être que je veux que mes animations se chevauchent partout. Ce que je peux faire est juste d'entrer et de sélectionner les deux images clés en cliquant et en faisant glisser dessus, puis je peux simplement les déplacer sur un peu. Peut-être comme ça, déplace-les. S' assurer que le mot va encore animer dans le même ordre afin que les lettres qui sont après un ne vont pas commencer avant un. Je suis juste en train de faire en sorte que je ne vais pas amener ceux-ci trop loin vers la gauche, mais leur apportant plus de chevauchement. n'y a pas de bonne ou de mauvaise façon de le faire. Tu pourrais avoir ta lettre de l'intérieur. Vous auriez tout commence au sommet. Tout est stocké au coin. Vous pouvez le faire comme vous le souhaitez. Il suffit de jouer avec elle et de voir ce qui vous semble bon. Jetons un coup d'oeil à ça. Ok, on dirait que mon, moi et mon m sont un peu trop proches. Voyons voir. Ça va être ce type et ce gars. Je vais juste ramener un peu ces cadres clés et celui-ci pourrait être un peu proche. Vous pouvez sélectionner des images clés à partir de différentes couches en même temps. Si je clique et fais glisser sur toutes ces images clés, je peux tout simplement les déplacer même temps et vous pouvez toujours faire glisser votre tête de lecture sur votre timeline pour la voir au ralenti. 12. Donner de l'aisance: Ajoutons un peu d'assouplissement à nos images clés pour rendre notre animation un peu plus intéressante. Donc, si vous ne savez pas de quoi je parle d'assouplissement, laissez-moi juste vous montrer un exemple rapide que j'ai mis en place. J' ai donc deux formes qui vont se déplacer juste à travers l'écran, et maintenant vous pouvez voir qu'elles ont ces petites images clés diamant, et ce sont des images clés linéaires. Si vous allez dans votre éditeur de graphiques, pour sélectionner d'abord vos images clés, allez dans l'éditeur de graphiques, vous pouvez voir un graphique de la position des images clés, au fil du temps. Donc, puisque cette ligne est droite, cela signifie qu'ils ont la même vitesse tout le temps. La bonne chose à propos de l'éditeur de graphiques est que vous pouvez réellement voir différents types de graphiques. Il s'agit de la valeur au fil du temps, et c'est la vitesse dans le temps. Vous pouvez voir ici que la vitesse est une constante comme 540 pixels par seconde. L' accélération est lorsque votre animation n'est pas linéaire. Je vais juste alléger ces images clés sur le cercle violet. Je vais juste mettre en évidence les cadres clés. Faites un clic droit Descendre à l'assistant d'images clés, puis faciliter facilement ou le raccourci est F9. Maintenant, vous verrez que j'ai une autre forme d'image-clé, comme un sablier. Si je rejoue ça, vous verrez qu'au début le cercle violet va lentement, puis il s'accélère. Vous pouvez le voir parce qu'il rattrape l'autre, puis il remonte lentement. Si je regarde cela dans l'éditeur de graphique, je peux voir qu'il a ce bel arc sur le graphe de vitesse. Donc, à commencer lentement, aller vite au milieu et finir lentement. Vous pouvez également regarder le graphique de la valeur au fil du temps, si cela vous est plus facile à comprendre, si vous vous demandez pourquoi il y a deux lignes ici. La ligne rouge représente la position x et la ligne verte représente la position y. Puisque je n'ai aucun mouvement dans l'axe y de haut en bas, c'est pour ça que cette ligne est droite. Ça ne change pas. C' est donc ce que signifie mettre l'assouplissement sur vos images-clés. Vous pouvez également ajuster l'assouplissement. Une façon de le faire est d'aller dans votre éditeur de graphiques en cliquant sur ce bouton juste ici. Ensuite, vous pouvez cliquer sur ce graphique et ajuster réellement les poignées. Maintenant, rejouons ça. Ça va aller très vite, puis très lentement. Vous pouvez les ajuster de la façon que vous voulez. C' est tire dehors et puis va très lentement ou ça commence lentement, puis ça va vite. Facilitons les images clés de notre lettrage. Je vais juste cliquer et faire glisser sur toutes mes images clés pour les sélectionner. Puis cliquez avec le bouton droit sur l'assistant d'images clés, facile, facile. Rejouons ça. Ça a l'air un peu plus intéressant. Une chose que nous pouvons faire est juste d'ajuster l'éditeur de graphiques. Allons au graphe de vitesse. Ensuite, je vais cliquer et faire glisser au bas des graphiques, pour sélectionner tous ces points, puis il suffit de prendre la petite poignée et de la faire glisser vers la gauche. Voyons ça, comme ça. Ensuite, nous allons prendre l'autre poignée et la faire glisser un peu en arrière. Voyons à quoi ça ressemble. J' aime ce à quoi ça ressemble. Maintenant, je vais passer au mot lettrage. Encore une fois, je vais simplement cliquer et faire glisser sur toutes mes images clés pour les sélectionner. Cliquez ensuite avec le bouton droit de la souris sur une des images clés. Accédez à l'assistant d'images clés et des montres faciles à installer. Regarde à quoi ça ressemble. Je pense que c'est un peu rapide parce que tout ce morceau de lettres de trou est connecté. Ça va assez vite au milieu de ces lettres. Je vais juste aller dans ces images clés dans l'éditeur de graphiques et juste baisser ça un peu, donc je vais le rendre un peu plus linéaire. Je maintiens la touche « Maj » enfoncée pour m'assurer que je vais déplacer cette poignée vers le haut ou vers le bas. Je ferai la même chose à la fin. Nous ferons les poignées à peu près de la même taille. Alors allez-y et ajoutez de l'accélération à vos images clés. Maintenant que l'éditeur de graphique peut être un peu intimidant si Aftereffects est nouveau pour vous. N' oubliez pas que vous pouvez toujours utiliser ces préréglages, sachez que vous sélectionnez simplement vos images-clés, passez à l'assistant d'images-clés, puis facile, facilité. Il y a en fait quelques autres préréglages que vous pouvez utiliser, qui sont faciles à utiliser dans une application facile de facilité. abord, je vais simplement les remettre à des images clés linéaires, pour m'assurer que je ne combine aucune facilité. Pour ce faire, je vais juste les faire sélectionner, puis cliquer sur une image-clé, tout en maintenant la commande. Cela va juste redéfinir vos images clés sur des images clés linéaires. Ensuite, avec ces images clés sélectionnées, je vais cliquer avec le bouton droit de la souris, aller à l'assistant d'images clés, puis faciliter l'utilisation. Ensuite, je vais aller aux en-têtes de graphe. On peut voir ce que ça a fait. Ce que je vois ici, c'est qu'il va commencer à s'animer assez rapidement, linéaire au début, puis à la fin, il va diminuer et ralentir. Si je défais ça et que je vais te montrer à quoi ressemble la facilité de sortie. C' est juste le contraire. Il démarre lentement , monte, puis à la fin, c'est linéaire. Vous pouvez toujours utiliser ces trois préréglages différents, si vous ne voulez pas jouer avec l'éditeur de graphiques. Mais je recommande de maîtriser l'éditeur de graphiques, car il peut vraiment améliorer vos animations. 13. Animer des connecteurs et des extensions: Il y a quelques vidéos, je vous ai montré cet exemple de Boulder Colorado et comment vous pouvez avoir des extensions ou des connecteurs entre vos lettres. Dans cette vidéo, je vais vous montrer comment les animer réellement. Donc vous pouvez voir sur ce B, j'ai un peu de longueur supplémentaire au B. Ça commence bien par ici, mais ensuite ça finit par ici. Allons dans cette comp et laisse-moi te montrer mes cadres clés. On regarde cette partie du B. Je vais juste frapper cette petite boîte sous le point et ça veut dire que je vais seulement voir cette couche, elle est solée. Maintenant, vous pouvez voir que c'est la seule chose qui apparaît et qui peut être un bon moyen de concentrer ce que vous regardez. Cette fin de la ligne est considérée comme le début de la ligne et vous pouvez voir le début de la ligne, commence au début. Donc c'est à zéro pour cent. J' ai donc une trame clé pour le début à zéro pour cent et la fin est cette fin de la ligne. Donc, cela a commencé à zéro aussi. J' ai donc des images clés pour le début et la fin à zéro pour cent, et il s'anime parce que la fin de la ligne va à 100. Donc, ça veut dire que la fin de la ligne sera à 100 pour cent. Ça va être à la fin du chemin réel. Ensuite, vous pouvez voir que le début de la ligne va finir à 19 pour cent, ce qui est juste ici. Comme cette animation joue, vous avez la fin va à 100 pour cent et le début va juste à 19. Donc, pendant qu'il s'anime, c'est aussi animer juste cette petite quantité, et c'est la même chose que j'ai fait avec le haut aussi. Ensuite, pour la connexion entre mes deux lettres, j'ai cette petite ligne faisant une petite boucle pour boucle à venir, et puis elle disparaît juste. Regardons ces cadres clés. Vous pouvez voir que le début, j'ai à la fois mon début et ma fin mis à zéro, donc rien ne s'affiche. Ensuite, la fin de la ligne va animer jusqu'à 100 pour cent, ce qui signifie qu'il va être à cette extrémité du chemin. Mais alors le départ va aussi finir à 100 pour cent. Cela signifie que ma ligne aura disparu, mais elle aura traversé ce chemin dans ce temps. Mais si vous définissez à la fois les images clés de début et de fin pour commencer à zéro pour cent, terminez à 100 pour cent et les images clés commencent et se terminent au même endroit et vous avez la même facilité sur elles. Donc, je vais juste commander, cliquez sur ces cadres clés pour se débarrasser de l'assouplissement. Vous remarquerez que vous ne voyez rien. C' est parce que le début et la fin sont exactement au même endroit, donc rien n'apparaît. Laissez-moi juste annuler cela et vous remarquerez que pour un, j'ai une facilité différente sur mes cadres clés et vous pouvez le voir ici. J' ai également décalé l'image clé de départ afin que le début atteigne 100 pour cent un peu après la fin de l'image clé fait. De cette façon, vous pouvez voir cette ligne grandit un peu, puis elle se rétrécit, puis elle a disparu et c'est parce que c'est juste un connecteur entre deux lettres et je ne veux pas qu'elle apparaisse réellement dans mon design final. Dans mon animation du mot lettrage, je n'ai pas vraiment ajouté d'extensions ou de connecteurs, mais maintenant que je le vois, je pense qu'il pourrait être cool d'ajouter une connexion à la fin de ce G qui dépasse le G et va dans le point sur le I. Donc, je n'ai pas fait cette ligne dans Illustrator, mais il n'est pas trop tard, je peux le faire dans les effets d'après-effets. Donc je vais te montrer ça maintenant. Donc, je vais juste aller à cette barre d'outils supérieure et prendre mon outil de stylo. Alors, comme dans illustrateur, je peux dessiner une ligne mais je ne veux pas que cette ligne ait ce remplissage violet. Donc, je vais juste aller au sommet où il est dit « remplir ». Cliquez sur « Remplir », puis vous obtiendrez cette petite boîte d'option et vous pouvez simplement appuyer sur le bouton « Pas de remplissage ». Je veux que cela ait un trait blanc de 30 points, donc j'ai déjà mis le blanc dans mon sélecteur de couleurs, puis le trait que je peux juste régler à 30. Maintenant, vous remarquerez qu'il a un bouchon de bug à la fin de plat et je voulais avoir autour et comme le reste de ma ligne. Donc, je vais juste basculer vers le bas dans mon calque de forme dans Contenu, Forme, Course, puis changer le Cap de ligne Cap rond et si je vais et cliquez sur le « Chemin de niveau supérieur » juste ici où il est dit Chemin un, je peux aller dans et ajustez les points sur mon chemin. Maintenant, si vous cliquez sur le bas, celui avec le chronomètre à côté, vous allez avoir tout votre chemin sélectionné et vous pouvez déplacer le tout. Faites attention à sélectionner le bon pour ce que vous voulez faire. Cliquez sur Chemin, puis faites simplement cela un peu plus rond. Donc maintenant je vais animer cette ligne à venir et ensuite passer au I, mais aussi animer la fin de début de la ligne off. C' est juste comme une petite série qui va vers le I et donc je fais ceci une pièce séparée de mon lettrage de mots parce que je veux que cette fin s' anime en même temps qu'elle s'anime ici. D' abord, je vais ajouter un chemin de terme à cette ligne. Donc, en cliquant sur « Ajouter », puis « Trim Paths », puis laissez-moi savoir où mon flottement se termine. C' est à propos d'ici. Donc, je vais juste définir une image clé sur le début et la fin de cette nouvelle extension. Alors je vais te frapper sur le clavier juste pour me donner plus d'espace. Ensuite, je vais faire glisser la fin de la ligne vers le bas à zéro pour cent. Puis aller de l'avant dans le temps peut-être à propos d'ici et puis la fin va être à un 100 pour cent et le début sera également à un 100 pour cent. Maintenant, vous ne verrez rien parce que ceux-ci ont le même assouplissement et ils commencent tous les deux à zéro et vont à 100. Donc, je dois faire est de décaler le début de mon chemin, donc je peux juste faire glisser les deux images clés sur et maintenant vous pouvez voir que la ligne apparaît. Donc, si je prends juste cette trame clé de départ et la mets au même point que ma trame clé de fin. Ma ligne va commencer très petit et ensuite grandir. Faisons en sorte que ce look soit un peu meilleur en ajoutant un peu d'assouplissement. Je vais donc simplement cliquer et faire glisser sur mes images clés, avec le bouton droit de la souris et aller à Easy Ease. Voyons à quoi ça ressemble. Il semble un peu rapide, donc je vais juste sélectionner les deux images clés de fin et les faire glisser un peu. Ça va mieux, et si je veux que ma ligne soit un peu plus grande, donc c'est un peu plus visible. Si je fais glisser cette image clé de départ vers l'avant dans le temps, vous verrez que cela rend la ligne un peu plus longue parce que le début de la ligne va prendre un peu plus de temps à s'animer. Donc on verra à quoi ça ressemble. Assurez-vous que le point de la I ne va pas entrer avant la ligne. Donc, c'est comme si la ligne faisait entrer le point. Aussi, si vous regardez de très près, la ligne n'est pas tout à fait alignée avec le point. Donc, je peux juste revenir en arrière et ajuster mon chemin juste un peu pour qu'il s'aligne mieux. Peut-être à peu près comme ça. Maintenant, je veux m'assurer que le point sur le I et que ces cadres clés commencent peut-être à peu près ici. Voyons si ça a l'air juste. Ouais, donc comme la ligne entre et ça fait entrer le point sur le I. J' ai également décidé d'ajouter une extension au L, alors mon animation commence et se termine de la même manière. J' ai fait cette extension sur le L de la même manière que la connexion entre le G et le I. Vous remarquerez que j'ai dû déplacer mes calques à temps pour s'intégrer dans cette nouvelle animation au début. Alors allez-y et voyez comment vous pouvez ajouter quelques petits connecteurs ou extensions intéressants à vos lettres pour rendre votre animation un peu plus intéressante. 14. Ajouter de la texture: Si vous voulez animer un lettrage qui a une texture, je vais vous montrer comment le faire maintenant avec cet exemple Explore Colorado. Si vous avez déjà un fichier Photoshop avec votre texture de lettrage, vous pouvez ignorer cette vidéo. Dans cette vidéo, je vais vous montrer comment je suis passé de mon design dans Illustrator à un fichier Photoshop texturé. Ensuite, dans la prochaine vidéo, nous allons apprendre à l'animer. J' ai créé mon design dans Illustrator. Je vais donc vous montrer comment je peux l'intégrer dans Photoshop. Si vous avez déjà votre design dans Photoshop, mais qu'il n'est tout simplement pas encore texturé, vous pouvez simplement tenir serré pendant quelques secondes. J' ai séparé toutes les pièces que je veux animer en leurs propres couches. Pour passer d'Illustrator à Photoshop, la première chose que nous devons faire est d'aller à Fichier, Exporter, Exporter Comme alors vous voulez vous assurer que vous changez le format de fichier en fichier PSD, puis appuyez simplement sur Exporter. Vous pouvez changer votre résolution à 72 pixels si vous le souhaitez, et assurez-vous que vous avez les bons calques cochés, puis appuyez simplement sur OK. Une fois que vous avez exporté votre fichier PSD, il suffit de double-cliquer dessus pour l'ouvrir dans Photoshop. La première chose que je veux faire est de regrouper toutes mes couches. Si vos calques ne sont pas séparés et qu'ils sont déjà complètement, vous pouvez ignorer cette étape. Je vais simplement sélectionner de mon arbre à mon E, à toutes les couches de conception, mais pas à l'arrière-plan. Cliquez avec le bouton droit de la souris et accédez à Regrouper Je vais juste nommer ça, lettrage. Un moyen facile d'obtenir une texture est juste de prendre une photo sur votre téléphone de quelque chose qui a de la texture à elle. J' ai pris cette photo de mon trottoir et je vais la traîner dans Photoshop. La première chose que je vais faire dans mon panneau de calques, il suffit de double-cliquer pour déverrouiller le calque. Nous devons convertir cela en un calque noir et blanc que nous pouvons soustraire les pixels noirs de notre design, la conception de lettrage. Je vais d'abord aller à Image, Mode, puis Niveaux de gris et juste appuyer sur Défaire. Mais en fait, nous ne voulons pas de gris dans notre photo, nous voulons juste des Noirs et des Blancs. Je vais aller à Image, Réglages, Niveaux ou Commande L, puis je vais juste faire glisser ces curseurs de niveau jusqu'à ce que j'obtienne une image principalement en noir et blanc. Rappelez-vous que les parties noires sont ce que vous allez découper de votre design. Ça me semble plutôt bien, alors je vais juste frapper Ok. Ensuite, appuyez sur Commande A pour sélectionner tout, Commande C pour copier, puis appuyez sur Supprimer pour tout supprimer. Appuyez sur Q pour entrer en mode Masque rapide, et si vous allez dans vos Canaux, vous pouvez voir qu'il y a un Masque rapide là, puis appuyez sur Commande V pour coller et il a l'air rosâtre, c'est bon. Ce que nous avons fait est juste de coller les zones noires dans ce masque rapide, puis appuyez à nouveau sur Q pour quitter le mode Masque rapide. Assurez-vous que tout est sélectionné et qu'il semble qu'il se déplace comme le mien, et allez dans Sélectionner, Inverse, puis allez à Modifier, Remplir, puis ajoutez simplement un remplissage noir. Assurez-vous que vous avez sélectionné le noir ici et appuyez sur OK. Ensuite, vous pouvez appuyer sur Commande D pour désélectionner. Maintenant, ce que nous avons fait est de supprimer toutes les zones blanches de l'image, et nous avons juste ces pixels noirs. Ajoutons cette texture à notre lettrage. Appuyez sur Commande A pour tout sélectionner, Commande C pour copier, puis passez à votre fichier Lettering et appuyez sur Commande V pour coller. Ensuite, je vais cliquer sur mon calque et appuyer sur Commande T parce que ma texture est beaucoup plus grande que ma pièce de lettrage. Je vais juste réduire cela et essayer de le positionner d'une manière que la texture va bien paraître sur mes lettres. Ensuite, appuyez simplement sur Entrée quand vous avez terminé. La prochaine chose que vous voulez faire est de déplacer votre calque de texture et votre lettrage dans le même groupe. D' abord, je vais juste nommer ça, texture. Ensuite, en sélectionnant les deux, je vais cliquer avec le bouton droit de la souris et appuyer sur Grouper From Layers et je nommerai ce lettrage texturé. Ensuite, je vais basculer vers le bas dans mon groupe, double-cliquer sur la texture, puis dans Advanced Blending, ici, je vais définir l'Opacité de remplissage 0 et le Knockout sur Shallow, puis appuyez sur OK. Maintenant, vous pouvez voir qu'il a ajouté la texture à mon lettrage. Si vous voulez ajouter un bord solide au bord de vos lettres comme je l'ai fait dans mon design final, je vais vous montrer comment le faire maintenant. La première chose que je vais faire est d'aller dans mon groupe de lettrage texturé, puis je vais dupliquer ce groupe de lettrage, ou vous pourriez l'avoir comme un seul calque. Cliquez avec le bouton droit de la souris, allez à Dupliquer, et puis je vais juste nommer ce bord de lettrage. Je vais le traîner au-dessus de ce groupe pour qu'il ne soit pas dans le groupe. Maintenant, je vais double-cliquer sur le bord du lettrage que je viens créer, puis sous Advanced Blending, je vais faire glisser l'Opacité de remplissage à 0. Ensuite, je vais aller dans Inner Glow, vous pouvez changer la quantité de bruit si vous voulez, je vais laisser le mien à 15 heures. Assurez-vous que votre Technique est définie sur Plus souple et que votre Source est définie sur Bord. Vous pouvez voir un petit aperçu de ce que cela va ressembler ici, ou en fait sur votre image aussi bien. Si le bouton Aperçu est coché. Si vous le vouliez, vous pourriez l'avoir au centre si vous l'aimez mieux. Je vais garder le mien sur le bord et ensuite vous pouvez juste ajuster l'étranglement pour rendre votre ligne solide plus épaisse. Vous pouvez ajuster la taille pour en faire un fondu plus grand ou plus petit. Je vais quitter le mien avec ces réglages et frapper OK. Maintenant, si vous regardez de près, vous remarquerez que sur l'Explorateur, nous pouvons voir beaucoup plus de la texture rugueuse dans les couches. Mais comme notre Colorado et nos rayons du soleil sont des traits plus fins, que les couches Explorer, nous ne pouvons pas vraiment voir autant de texture du tout. Je veux ajuster la texture pour seulement ces couches. Ce que je vais faire est juste de dupliquer ce groupe de bord de lettrage. Je vais dupliquer le groupe, et je vais rendre ce bord de lettrage mince pour un trait mince. Ensuite, mon autre, mon original, je vais rendre le bord du lettrage épais. Ensuite, je vais basculer vers le bas, et cachons tout avec le bord de lettrage couche épaisse en arrière-plan. Alors je vais juste supprimer tout ce qui n'est pas une lettre épaisse, donc je vais supprimer le Colorado donc le C O, tout ça. Je vais supprimer les rayons. Ensuite, je vais fermer ça, le cacher et montrer mon bord de lettrage mince, basculer vers le bas, et je vais supprimer toutes les couches épaisses ici. Donc E X et les arbres et le soleil. Je vais basculer cette sauvegarde et montrer à nouveau tous mes calques. Ensuite, je vais aller dans la lueur intérieure du bord du lettrage mince. Je vais juste double-cliquer dessus et je ramènerai cette boîte. Ensuite, vous pouvez juste ajuster l'étranglement et la taille pour qu'il fonctionne mieux pour vos lettres plus fines, peut-être quelque chose comme ça, et puis appuyez sur OK. À ce stade, assurez-vous que vous avez enregistré votre fichier, alors c'est une bonne idée de faire un doublon à ce stade au cas où vous voulez revenir en arrière et modifier l'une des textures ou les bords que nous venons créer parce que ce que nous allons faire ensuite, c'est le rendre inéditable. Je vais juste aller et juste dupliquer ce PSD. Je viens de l'enregistrer donc, je vais juste appuyer sur la commande D et ensuite nommer ceci modifiable. Ensuite, je travaille toujours dans mon même Explore Colorado PSD, ce que je vais faire est de sélectionner toutes les couches de conception, donc tout sauf l'arrière-plan, puis cliquez avec le bouton droit de la souris et appuyez sur Fusionner les calques. Maintenant, ce que j'ai est tout mon design sur une seule couche. Il est important de cuire dans votre texture comme celle-ci, car si vous l'importiez dans After Effects comme nous l'avons fait avec les trois couches différentes, After Effects ne reconnaîtrait pas cette lueur intérieure. C' est pourquoi nous devons faire cette étape. Je vais renommer cette couche et enregistrer mon fichier. Ensuite, nous allons aller animer ceci dans After Effects. 15. Importer un fichier .psd: La première chose à faire est d'importer tous nos fichiers dans After Effects. Je vais aller à Fichier, Importer le fichier ou la commande I, puis sélectionnez simplement le fichier PSD. Assurez-vous que l'importation sous forme de composition conserve les tailles de calque. Si vous ne voyez pas ces options, cliquez simplement sur ce bouton d'option ici, puis appuyez sur Ouvrir. Ensuite, il suffit de choisir à nouveau des calques modifiables et appuyez sur, OK. Ensuite, si je passe dans le panneau de mon projet et double-clique sur l'Explore Colorado, j'ouvre mon fichier Photoshop et j'ai les deux couches que je n'avais pas photoshopées, la couche de conception et l'arrière-plan. Si vous avez créé votre design et l' avez illustré, vous allez pouvoir gagner du temps ici. Je vais vous le montrer d'abord. Je vais commander d'importer mon fichier Illustrator. Sélectionnez le fichier Illustrator, assurez-vous que la composition Importer en tant que conserve les tailles de calque, puis appuyez sur Ouvrir. Il s'appelle ce Explore Colorado 2, parce que j'avais déjà une comp, qui est mon fichier PST appelé Explore Colorado. Je vais juste aller dans mon Explore Colorado 2, qui est la version IA. Je peux voir que tous mes calques illustrateurs sont séparés, comme dans illustrator. Maintenant, si vous n'avez pas commencé dans Illustrator et que vous n'avez pas ce fichier Illustrator, ce que vous pouvez faire est dans la composition Photoshop d'After Effects, c'est que vous pouvez simplement entrer et tracer toutes vos lettres à l'aide de l'outil Stylet. Ce que nous devons faire, c'est créer une ligne que nous pouvons animer. On peut animer ces lettres. Je vais vous montrer comment tracer ces lettres dans After Effects. Accédez à votre panneau supérieur ici avec tous vos outils et sélectionnez l'outil Stylet, qui est celui-ci juste ici, et vous allez entrer et vous assurer que votre contour ici est réglé sur une couleur que vous allez pouvoir voyez que cela va apparaître sur le dessus de votre design, et ne vous inquiétez pas, vous ne verrez pas cette couleur dans votre pièce finale. Ensuite, vous ne voulez pas avoir un remplissage, alors cliquez sur le mot, Remplissez, puis cliquez sur l'option, Aucun et cliquez sur, OK. Vous allez simplement dessiner avec l'outil stylo comme vous le feriez dans Photoshop ou Illustrator. Essayez juste de tracer vos lettres aussi près qu'elles sont dans la version originale que vous le pouvez. Mais ne vous inquiétez pas d'être parfait la première fois que vous faites cela parce qu'il est vraiment facile de revenir en arrière et de s'ajuster. Vous voulez tracer chaque morceau de votre lettre séparément, alors maintenant j'ai l'E. Je vais retourner à mon outil de sélection. Le raccourci est V, et puis je vais juste aller et ajuster ces points, donc c'est un peu plus aligné. Si vous devez sélectionner à nouveau votre tracé parce qu'il a été désélectionné, vous voulez descendre à votre calque de forme que vous venez de créer, basculer vers le bas, puis descendre vers le tracé. Vous voulez juste sélectionner cette couche juste là, et cela sélectionnera le chemin pour que vous puissiez le modifier. Si vous basculez vers le bas et sélectionnez ce chemin de calque inférieur, vous pouvez réellement déplacer le tout si vous étiez un peu désactivé pour une raison quelconque. La sélection de ce tracé du calque supérieur vous permet d'ajuster les points réels. Disons que vous vouliez ajouter un point parce que vous ne pouvez pas vraiment obtenir cela exactement avec les points que vous avez ici. Ce que vous devez faire est d'aller à l'outil Plume, cliquer longuement enfoncé, puis d'aller à l'outil Ajouter un sommet. Si vous avez besoin de soustraire un point pour une raison quelconque, vous avez également le sommet de suppression juste ici. Je vais ajouter un outil de sommet, puis juste ajouter un point ici, puis je vais revenir à mon outil de sélection afin que je puisse ajuster ces points. Vous remarquerez que les extrémités de ces lignes sont plates et je veux qu'elles soient arrondies. Ce que je peux faire est d'aller dans la course puis où il est dit Line Cap, changer de Butt Cap à Round Cap. Ensuite, je vais basculer sur le calque de forme. Il suffit de taper, Entrée pour le nommer. Je peux taper, appuyer à nouveau sur Entrée, puis je vais sélectionner n'importe où sur ma chronologie qui n'est pas le E, de sorte qu'il soit désélectionné, puis je vais répéter ce processus avec l'outil Plume pour dessiner le reste de mes lettres sur. Maintenant, si vous avez un fichier Illustrator comme moi, vous n'avez plus besoin de retracer toutes vos lettres. Je vais juste supprimer ces deux calques, et je vais aller dans ma version illustrateur, qui est l'Explore Colorado 2. Je vais sélectionner toutes les couches de l'illustrateur à l'exception de l'arrière-plan. Ensuite, je vais cliquer avec le bouton droit de la souris, aller à Créer, créer des formes à partir d'un calque vectoriel. Ensuite, il est créé des contours, qui sont des lignes que je vais pouvoir animer. Ils sont fondamentalement la même chose exacte est les couches de forme que je dessinais juste. Je vais copier tous ces calques en appuyant sur Commande C, puis revenir dans ma version Photoshop pour appuyer sur Commande V pour les coller. C' est le bon moment pour enregistrer notre fichier, alors appuyez sur Command S pour enregistrer. Je voudrais avoir un dossier principal où je garde tout pour le projet, puis j'aurai un dossier dans ce dossier pour les fichiers Illustrator, Photoshop ou quelque chose comme ça, et puis j'aime avoir un autre dossier à ce même pour les fichiers After Effects. J' ai ce dossier juste ici et je vais juste nommer ceci, et appuyer, Enregistrer. Il est important de garder tous vos fichiers organisés lorsque vous travaillez entre Photoshop, Illustrator et After Effects. Parce que si vous déplacez l'un des fichiers que votre projet After Effects utilise, il y aura une erreur de fichier manquante et vous ne pourrez pas voir votre conception. Veillez à rester organisé et à ne pas déplacer de fichiers une fois que vous êtes parti dans After Effects. 16. Animer un lettrage qui a de la texture: À ce stade, vous devriez avoir tracé tous vos lettrages ou utiliser votre fichier Illustrator pour créer des calques de forme de toutes vos lettres. Maintenant, nous sommes prêts à animer. Je vais aller à l'E. Je vais juste vendre cette couche, donc il n'y a pas autant de choses à l'écran. Je vais aller à bascule vers le bas, aller ajouter des chemins de coupe, puis basculer vers le bas, puis j'ai les valeurs de début et de fin. Je vais juste définir une image clé pour que la fin soit à 100 pour cent, revenir à zéro, puis faire glisser la fin jusqu'à zéro pour cent. Vous pouvez voir la facilité d'animation et dans la mauvaise direction. Je vais juste aller dans mon groupe, aller sur mon chemin et juste ici, vous voyez ces deux petites directions flèches. Je vais changer lequel est sélectionné et maintenant il va animer dans la bonne direction. À [inaudible] très semblable à ce que je vous ai montré quand j'ai montré le monde du lettrage. Nous allons vraiment animer ça exactement de la même façon. Mais vous vous demandez peut-être comment nous allons faire apparaître cette texture. On va finir par utiliser de la masse. Mais d'abord, nous allons juste nous inquiéter d'animer ces lettres. Ce que je peux faire est juste de sélectionner ces chemins d'ajustement, commande C pour les copier. Allez dans ma couche suivante de [inaudible] cela aussi pour que je puisse le voir et appuyez sur la commande V pour coller. Si j'appuie sur U sur mon clavier, je peux voir toutes les images clés de ce calque. Maintenant, j'ai à la fois le E et le X animant sur. Ensuite, je vais juste décaler ces images clés pour qu'elles commencent un peu plus tard. C' est une ligne plus courte, donc je n'ai probablement pas besoin de l'animation pour durer aussi longtemps. Je vais juste traîner ça à peu près là. Ensuite, je vais résoudre le P et coller les packs de garniture, appuyez sur U pour voir les images clés et voyons à quoi cela ressemble. Mon P a deux morceaux et vous pouvez voir qu'ils obtiennent tous les deux les effets de passe de coupe en même temps. Si je ne veux pas que cela se produise, disons que je veux que l'un s'anime après l'autre, je peux changer cette coupe passer plusieurs formes de simultanément à individuellement. Maintenant, vous verrez que le ventre du P anime d'abord, puis la ligne. Les lignes ne vont pas comme je le voulais, on dirait que c'est le groupe 2. Je vais juste changer de direction et ça a l'air bien. Une autre chose que je peux faire est si je veux que ceux-ci soient décalés, comme la ligne droite du P est en train d'animer en ce moment. Eh bien, cette partie du p est en train d'animer, je peux juste dupliquer ce calque. Ensuite, je vais supprimer le groupe un de celui-ci et aller ici et supprimer le groupe deux. Fondamentalement maintenant, je viens de séparer ces deux-là. Si j'appuie sur U sur le clavier pour voir mes images clés, je peux simplement les décaler. Peut-être que la ligne vient en premier et ensuite la partie ronde du P arrive deuxième. Ils sont un peu décalés maintenant. Ensuite, vous voulez simplement répéter ce processus de base sur tous les autres calques afin que tout s'anime avec les tracés de découpe. Je vais faire ce style de spectacle de cuisine et revenir dans une seconde avec toutes mes lettres s'animant. Mais d'abord, je veux juste vous montrer quelque chose que vous pouvez faire sur des lettres comme l'O. Je vais juste le montrer, puis je vais entrer et je vais juste coller ces chemins de coupe à nouveau. Ensuite, je vais aller basculer dans mes chemins de coupe. Remarquez comment l'O commence du côté droit ici. Et si je voulais que ça commence en haut ? Je peux utiliser cette valeur de décalage pour ajuster l'emplacement de ma ligne le long du chemin, donc je vais juste l'amener à environ ici. Maintenant, comme vous pouvez le voir, il est sur le dessus et va autour. Une autre chose que je peux faire est d'animer la ligne en mouvement. Eh bien, il s'anime sur. Je vais juste définir un cadre clé pour le décalage, puis aller un peu en avant dans le temps, ne pas aller jusqu'à ce cadre clé en ce moment parce que je veux être capable de voir ce que je fais. Je vais juste faire glisser un peu cette valeur de décalage vers la droite. Vous pouvez voir que déplace une ligne le long du tracé. Ensuite, je vais aligner ces deux images clés que j'ai faites sur le décalage avec les cadres clés de fin. Voyons à quoi ça ressemble. Vous pouvez voir que pendant qu'il s'anime, il bouge aussi un peu. Cela rend juste votre animation un peu plus intéressante. J' ai animé toutes mes couches et je veux juste vous signaler quelques choses. La première chose est sur ces rayons, chaque rayon a plusieurs morceaux. J' ai défini les tracés de coupe pour couper plusieurs formes individuellement. Ensuite, je devais m'assurer que la direction de ceux-ci était la bonne direction afin qu'ils animent de l'intérieur vers l'extérieur. Pour certaines couches, j'ai dû réorganiser l'ordre des couches de ces deux groupes. Parce que maintenant vous pouvez voir que je vais avoir le lointain animer d'abord puis fermer un. Notez que l'ordre des calques est important pour la façon dont vos lignes s'animeront si le tracé de coupe est défini individuellement. ce moment, toutes mes couches de rayons entrent en même temps et je veux vraiment les décaler. Je vais vous montrer comment je peux faire ça très vite. Je pense que je vais les décaler du côté droit vers la gauche parce que vous voyez cette explorer le Colorado animer et de gauche à droite. Puis ce bel arc sur le R et le E, il remonte. Il pointe votre œil vers le soleil. Ce serait cool si je faisais commencer les rayons par ici de cette façon. Ensuite, je vais avoir le Colorado animer de gauche à droite à nouveau. Cela conduit votre œil tout autour de la pièce entière. Fait comme une belle forme en spirale, que votre œil va suivre lorsque vous regardez cette animation. Une chose rapide est que j'ai codé mes calques par couleur. Vous pouvez le faire très facilement en cliquant simplement sur la case colorée de votre chronologie. Ensuite, vous pouvez choisir l'une de ces couleurs dans la liste. Pour commencer avec ces couches de rayons, je vais sélectionner la première, puis appuyer sur Maj et sélectionner la dernière. L' ordre dans lequel vous les sélectionnez a de l'importance. Assurez-vous que tout ce que vous sélectionnez en premier, vous voulez animer en premier. La première chose que je dois faire est de couper ces couches de sorte qu'elles ne durent qu'une seule image. Je vais frapper l'option et la clé de support droite pour les couper à un cadre chacun. Ensuite, je vais cliquer avec le bouton droit de la souris, aller dans les couches de séquence de l'assistant d'images clés, et appuyez sur OK. Vous pouvez voir qu'il est décalé toutes mes couches dans cette belle cascade. Je ne veux pas qu'ils durent juste une image chacun, donc je vais faire glisser tous les calques pour durer toute la longueur de ma chronologie. Maintenant, vous pouvez voir qu'ils sont décalés quand ils s'animent. 17. Masquage: À ce stade, vous devriez avoir votre dessin animé. Mais nous ne pouvons pas voir la texture, car nous animons simplement dans les calques de forme qui sont des traits solides. J' ai ma texture ici, et c'est juste caché en ce moment, mais c'est ma couche de texture. Je dois faire en sorte que mes couches de forme révèlent ce calque de texture. Ce que je vais faire est de sélectionner tout mon calque de forme, donc tout ce qui a une animation dessus, donc c'est tous ces calques, donc fondamentalement, tout sauf l'arrière-plan et le calque Photoshop texturé, et je vais frapper Commande, Shift et C, et ça fera apparaître cette boîte pré-composée. Ce que je fais, c'est déplacer tous ces calques dans leur propre composition, et je vais juste appeler cette animation, et j'ai placé tous les attributs dans la nouvelle composition cochée. Ensuite, je vais appuyer sur Ok, et vous pouvez voir qu'il a condensé tous ces calques dans cette composition, et si je double-clique sur cette composition, il y a tous mes calques et mon animation. Ce que vous devez faire maintenant est de revenir dans votre composition principale où vous avez votre arrière-plan, votre calque de texture et votre calque d'animation. Sur ce calque de texture Photoshop, vous voulez passer à Track Matte, et si vous ne voyez pas Track Matte comme option, appuyez sur ce bouton qui indique Basculer les commutateurs/modes, ici. Vous pouvez voir cela, qui affiche et masque votre option Piste Matte. Ensuite, où il devrait dire aucun en ce moment, vous voulez changer cela en animation Alpha Matte. Maintenant, remarquez que lorsque j'en ai fait un Alpha Matte, ma composition d'animation a été automatiquement masquée pour moi, et maintenant vous pouvez voir que mon animation révèle le calque de texture en dessous, car je l'utilise comme un Matte Alpha. 18. Ajouter des couleurs: Faisons l'animation finale, comment il y a une ligne vert foncé qui s'anime avant que la ligne blanche ne s'anime. Si je fais une pause, vous pouvez voir très clairement comme ici, il y a une ligne verte plus foncée qui mène la ligne blanche. Assurez-vous que vous obtenez tous cet effet. Dans ma composition, j'ai mon pré-comp qui est mon animation qui révèle le calque de texture. Ce que je peux faire est de dupliquer mon animation et mon calque de texture, en sélectionnant les deux puis en appuyant sur « Commande D ». Alors ce que je vais faire est juste de faire glisser ces deux couches, quelques images dans le futur. Ensuite, je reviens à ma première version, celle qui vient en premier. Je vais sélectionner le « explorer le colorado » parce que c'est la chose qui est visible ici. Je veux faire ça la ligne vert foncé, ou tu peux le faire n'importe quelle couleur que tu veux. Je vais passer à mon panneau « Effets et préréglages », et si vous ne le voyez pas, allez dans une « Fenêtre » et assurez-vous que « Effets et préréglages » est sélectionné. Ensuite, dans mon panneau d'effets et de préréglages, je vais juste taper remplissage. Fondamentalement, faites simplement une recherche de remplissage, et puis vous voulez celui-ci 32 remplissage et prenez simplement ceci et faites-le glisser au-dessus de votre calque Photoshop texturé. Maintenant, vous pouvez voir qu'il est ajouté une couleur rouge en plus de cela. Je vais avoir ça affecte les contrôles ici. Si vous ne voyez pas cela à nouveau, allez dans « Windows », afin que vous puissiez voir vos effets et vos contrôles, puis où il est dit « Couleur », je vais juste cliquer sur le carré rouge et le changer à la couleur que je veux. Je vais utiliser la pipette pour échantillonner ma couleur d'arrière-plan, puis juste faire glisser pour le rendre plus sombre, peut-être quelque chose comme ça, puis appuyez sur « Ok », et rejouons ça. Maintenant, nous avons la ligne verte qui mène la ligne blanche. Vous pouvez faire cette étape autant de fois que vous voulez obtenir comme un arc-en-ciel de couleurs qui s'animent dans. N' oubliez pas que tout ce qui est sur le dessus sera la chose que l'on voit. Votre ordre de couche est certainement important ici, tout ce que vous voyez sur le dessus est la chose qui va être montrée ici. Mon blanc couvre ma couleur. Vous pouvez utiliser la même technique pour ajouter des couleurs même si vous n'utilisez pas de texture. Je vais aussi ajouter une couleur à cet exemple. J' ai tout ce qu'on appelle le lettrage. Ce que je peux faire d'une autre façon au lieu de pré-composer, c'est que je peux juste prendre cette comp, faire glisser ici sur le nouveau bouton de comp, puis vous verrez que ça a fait une nouvelle comp pour moi. Ça l'appelait lettrage 3. Je vais juste le sélectionner, appuyer sur « Entrée » pour le renommer, et puis vous pouvez voir qu'il a fait une nouvelle composition avec ma composition originale de lettrage à l'intérieur. Si je clique dessus, j'ai l'arrière-plan dans ce calque. Si je devais dupliquer et décaler, mes antécédents seraient en train de bloquer les choses. Je vais juste copier cet arrière-plan et le supprimer de cette comp, retourner dans ma composition que je viens de faire. Vous pouvez voir que maintenant nous avons le lettrage mais pas de fond. Je vais coller ce fond, l' amener au fond. On y va. Maintenant, je vais dupliquer mon lettrage et faire avancer celui-ci quelques cadres. Cliquez sur le bas, allez sur « Effets et préréglages », recherchez le remplissage, faites glisser le remplissage sur ce calque, changez le rouge à une autre couleur, peut-être quelque chose comme ça, et puis jouons à ce Retour. Si je voulais, je pourrais le refaire, je vais juste le dupliquer, et peut-être faire du premier le plus sombre. Vous n'avez pas à utiliser les mêmes couleurs monochromes. Tu peux toujours le changer plus que moi. Mais maintenant, nous avons un total de trois couleurs. 19. Animer l'extérieur: On a presque fini ici, mais notre animation n'est pas animée. Allons nous attaquer à ça maintenant. Il y a plusieurs façons de le faire très facilement. La première chose que nous pourrions faire, est de sélectionner la composition d'animation supérieure, puis de dupliquer ce calque en appuyant sur « Commande D. » Ensuite, je vais faire un clic droit sur le calque supérieur, aller à temps, calque inverse temps. Ce que cela va faire est de prendre toute la couche et de la jouer en rembobinage. Si je ne fais que solo ce calque, ça commence avec tout le design là-bas et ensuite il va s' animer exactement de la même manière qu'il est venu juste à l'envers. Nous pouvons l'utiliser pour animer notre lettrage. Voyons où il commence à s'animer. À propos d'ici. Ce que je vais faire, c'est que je veux marquer cet endroit. Ce que je peux faire est d'appuyer sur « Control 8" pour définir un marqueur. Vous pouvez également aller à « Calque », « Marqueurs », « Ajouter un marqueur ». Je vais en fait faire glisser le début de cette composition pour que je décolle la couche de la composition. Je ne déplace pas réellement la composition et je vais aussi le mettre sur ce marqueur parce que je ne veux pas voir ce calque avant qu'il ne commence à s'animer. C' est juste animer ce calque et il n'annule aucun calque texturé, donc ce que je dois faire est juste de dupliquer la texture et il vient de se déplacer automatiquement là où je le voulais et il s'est mis sur Alpha Matte. Je suis déjà prêt à partir. Je dois m'assurer que je cache ce calque d'animation, afin que ma texture puisse voir à travers. Là où se trouve ce marqueur, il va commencer à s'animer, mais c'est trop tôt parce qu'il n'a même pas animé à ce moment-là. Je vais juste le déplacer, on dirait que c'est fini d'animer là-dedans et ensuite il peut commencer à s'animer là-bas. Mais vous ne verrez aucune animation car tous ces autres calques sont toujours visibles. Ce que je dois faire, c'est couper ces couches. Je vais juste sélectionner toutes les couches qui doivent être taillées. Ce n'est pas l'une des couches qui doivent être taillées. Je vais appuyer sur « Option » et la touche « Right Bracket « Right Bracket « pour couper ces couches. On manque de temps pour que ça s'anime. Je dois rendre ma composition plus longue. Je vais appuyer sur « Commande K » pour faire apparaître mes paramètres de composition ou vous pouvez aller à la composition, paramètres de composition. Je vais juste aller jusqu'à la durée et rendre ça plus long. Faisons juste 10 secondes et je vais frapper « Ok ». Maintenant, nous pouvons voir le reste de tout ça. J' aurais besoin de faire glisser ce calque de texture pour qu' il soit la même longueur que le calque d'animation au-dessus de celui-ci. Rejouons ça. Il y a deux choses qui ne vont pas. La première chose est que ma couche d'arrière-plan n'a pas duré tout le temps. J' ai juste besoin de traîner ça. La deuxième chose, c'est que tu ne peux plus voir ma ligne verte. C' est parce qu'en quelque sorte il s'est accidentellement caché. Rejouons tout ça une fois de plus. Quand il s'anime, il n'y a pas de ligne verte qui mène le chemin et vous pouvez faire en dupliquant ces couches, puis en les décalant et en la coloriant en vert, comme nous l'avons fait pour le début. Je ne veux pas vraiment faire mon animation de cette façon parce qu'il semble que cela prend trop de temps pour une animation à moi. Je vais juste supprimer ça. Je vais retourner dans ma comp d'animation et l'animer là-bas. Voyons voir. Combien de temps faut-il pour animer ? C' est environ quatre secondes. Je vais passer à cinq secondes. Je vais juste définir un marqueur sur ma chronologie pour me rappeler où je commence à animer. Avec rien sélectionné, je vais appuyer sur « Control 8" pour définir un marqueur sur ma chronologie. Vous pouvez ajouter une note à vos marqueurs. Si vous double-cliquez sur le marqueur et que vous pouvez taper. Maintenant, ce que je veux faire est de copier toutes mes images clés, puis d'inverser la façon dont elles s'animent. Je les veux au lieu d'animer d'ici à ici, je veux les animer à l'envers d'ici à ici. Ce que je dois faire est de copier toutes mes images clés et de les inverser. Malheureusement, vous devrez sélectionner vos images clés couche par couche et les copier et les coller. Sauf si vous avez ce plugin super pratique appelé motion 2. Je n'ai aucune affiliation avec les gens qui font la motion 2 et en fait il y a la motion 3 maintenant, je n'ai tout simplement pas mis à jour. Ce que vous pouvez faire avec ça, c'est, appuyez sur « Clone ». Il y a une tonne d'autres outils vraiment utiles que j'utilise tous les jours. C' est pour ça que je vous en parle. Ce que vous pouvez faire avec le mouvement 2, c'est au lieu d'avoir à copier individuellement pour chaque calque, vous pouvez simplement les cloner tous à la fois. Maintenant, si vous avez essayé de copier toutes ces images clés à la fois, Commande-C, Commande V, après les effets vont coller de nouveaux calques, et ce n'est pas ce que je veux. C' est pourquoi vous avez besoin de motion 2 ou de le faire individuellement. Je vais juste sélectionner toutes mes images clés sur tous mes calques. On va remonter et vérifier pour s'assurer que je les ai tous, et ensuite je vais frapper « Clone ». Ce que le mouvement 2 a fait est juste collé toutes mes images clés, commençant par mon indicateur de temps. J' ai besoin de rallonger ma composition. Je vais appuyer sur « Command K », juste pour faire ce 10 secondes et maintenant je peux voir toutes les images clés que je viens de coller. Je vais sélectionner toutes les images clés que je viens de coller. Cliquez ensuite avec le bouton droit de la souris sur une des images clés. Accédez à l'assistant d'images clés, images-clés inversées dans le temps. C' est essentiellement la même chose que j'ai faite lorsque j'inverse mon calque dans le temps, mais je fais juste un niveau d'image-clé maintenant. Vous pouvez voir que mon design est de retour et maintenant il va s'animer, la même façon qu'il est entré, mais au niveau de l'image clé, donc l'animation semble différente. La première chose qui a animé dans était le E, et c'est aussi la première chose qui anime dehors. C' est un peu différent de celui lorsque j'ai inversé le calque entier, mais cela va toujours prendre le même temps parce que mes images clés sont toujours réparties sur la même quantité. Ce que je veux faire à partir d'ici, c'est ajuster mon image-clé pour qu'elles ne soient pas si étalées. Je veux rendre cette animation plus rapide. Ce que je pense que je vais essayer est de faire glisser toutes les images clés pour que la dernière image clé finisse sur ce marqueur de sortie de cinq secondes. Malheureusement, c'est un peu fastidieux parce que vous devez faire une couche par couche. J' aime la façon dont ça a l'air. J' aime comment le début de l'animation est en décalé, mais tout se termine à peu près en même temps. Je vais retourner dans mon explorateur original Colorado comp et ensuite faire glisser ces couches pour qu'elles durent tout le temps. Vous verrez que vous ne voyez pas vraiment beaucoup de ce vert à travers. Je pense que je veux avoir cette animation un peu plus tard, alors laissez-moi y retourner, sélectionner toutes mes images clés. Faisons en sorte que la première image clé qui commence à s' animer soit sur le marqueur de sortie que j'ai fait. Je vais retourner dans la comp principale. Permet de prendre ces deux couches qui composent la ligne verte. Je vais appuyer sur « Commande » shift « D » pour couper mes couches, puis je peux aller de l'avant dans le temps un peu pour voir où le vert apparaîtrait. Ensuite, il suffit d'ajuster ces couches, sorte que le vert apparaisse un peu plus. Ça va être quelque chose comme ça. Jetons un coup d'oeil. Je pense que ça a l'air bien. 20. Exporter (le rendu): Exportons ce fichier s, o nous pouvons le voir en dehors d'After Effects. Je vais vous montrer comment exporter quelques types différents de fichiers et MOV et mp4 et un GIF. Sur les trois options, MOV est probablement la meilleure qualité, mais aussi la plus grande taille de fichier, mp4 est très universel et il est compressé, mais il conserve toujours sa qualité, donc il a toujours l'air bon. Un mp4 est idéal pour poster sur Instagram. Gif sont parfaits pour l'utilisation sur les sites Web parce qu'ils vont jouer automatiquement sans bouton de lecture et vous pouvez les faire boucle. abord, je veux m'assurer que ma composition n'a pas de temps supplémentaire, où rien ne se passe. Je vais juste couper ça à six secondes. Maintenant, une façon de faire ce qui est vraiment rapide, est juste d'appuyer sur Entrée sur votre clavier. Cela amène votre espace de travail à l'endroit où se trouve votre tête de jeu, la fin de votre zone de travail. Si vous avez remarqué sur votre chronologie, vous avez cette barre grise et c'est votre zone de travail. Lorsque vous lisez des éléments dans After Effects et que vous voyez cette ligne verte, cela signifie qu'il s'agit de RAM prévisualisée. Donc, il est fondamentalement calculé à quoi devrait ressembler tout le cadre et il est en train de le lire, comme il le fera dans votre animation finale. Vous remarquerez peut-être que la première fois que vous jouez quelque chose à travers, vous n'aviez pas la ligne verte complète et vous avez pris quelques fois pour jouer à travers avant qu'il ne joue à travers agréable et lisse. Là où se trouve votre zone de travail, c' est la seule chose à lire lorsque vous affichez un aperçu dans AfterEffects et aussi lorsque vous l'affichez dans un format vidéo final. Vous pouvez juste le laisser comme ceci et cela rendra juste cette section, ou vous pouvez réellement couper votre comp si vous ne voulez pas avoir ce supplément, n'a pas vraiment d'importance, mais je vais juste faire un clic droit sur ma zone de travail et dire trim Comp à la zone de travail. Ça fera exactement ce qu'il dit. Donc maintenant, je vais aller à la composition, ajouter à la file d'attente de rendu. Ensuite, vous verrez qu'il ouvre cet onglet dans la chronologie. C' est là que vous pouvez mettre dans les paramètres que vous voulez. Donc, je vais aller aux options de formatage. Assurez-vous que j'ai la progression d'Apple 4.2.2. Frappez OK et touchez encore OK. Vous pouvez voir ici qu'il va faire un fichier MOV. Si vous cliquez sur le nom de votre projet, vous pouvez choisir l'endroit où vous souhaitez l'exporter. J' aime exporter mes animations dans un dossier dans le reste de mes dossiers de projet et j'aime juste l'appeler, cette façon je sais que c'est une dernière chose que j'ai rendue. Je vais juste faire ce Explore Colorado et appuyer sur Enregistrer. Ensuite, afin de démarrer le rendu, vous voulez appuyer sur ce bouton Render juste ici. Vous avez ce joli bruit, puis vous pouvez naviguer jusqu'à l'endroit où vous l'avez enregistré et double-cliquez et si vous êtes sur un Mac, il s'ouvrira dans QuickTime et vous pourrez le lire. Maintenant, laissez-moi vous montrer comment exporter un MP4. Maintenant, vous ne pouvez pas exporter un MP4 à partir de AfterEffects, ce qui est un peu bizarre pour moi, mais il y a un moyen de le faire et c'est assez facile. Donc, je vais juste aller à la composition, ajouter à Adobe Media Encoder Queue. Donc, vous devez d'abord avoir cela installé sur votre ordinateur. Ça va ouvrir Media Encoder. Quel encodeur de média est, il est juste fondamentalement machine de rendu. Donc, vous pouvez voir que dans sa file d'attente, il a ce fichier explorer Colorado que je viens de lui envoyer. Vous voulez vous assurer que vous avez le bon type de fichier. Il suffit de cliquer ici. Ensuite, vous pouvez entrer et changer le format. J' aime utiliser H.264. Vous pouvez voir qu'il s'agit d'exporter un mp4. Si vous avez de l'audio, assurez-vous que ce bouton est coché. Mais comme je ne le fais pas, je vais juste le décocher, puis juste appuyer sur OK, puis cliquez sur le chemin du fichier pour décider où vous voulez enregistrer ceci. Appuyez sur Enregistrer, puis cliquez sur le bouton vert de lecture pour afficher le rendu. Maintenant, j'ai un fichier MP4. Vous pouvez également simplement faire glisser un fichier existant dans l'encodeur du média pour changer le format. Maintenant, vous verrez que cela va le convertir en MP4 à partir d'un MOV. Vous pouvez également exporter un gif à partir d'un encodeur multimédia. Donc, si vous cliquez sur votre format de fichier, alors vous pouvez choisir gif animé dans la liste. Alors il suffit de rendre ça dehors. Ensuite, pour lire votre gif animé, faites-le glisser dans un navigateur web. Il devrait automatiquement boucler pour toujours. 21. Synthèse: Merci beaucoup de m'avoir rejoint dans ce cours. J' espère que vous vous êtes amusé autant que moi, et j' espère que vous vous sentirez plus à l'aise dans After Effects. J' ai hâte de voir votre animation de lettrage, alors n'oubliez pas de les poster dans le projet de classe. Vous pouvez trouver mon travail sur meganfriesth.com ou sur Instagram @explanimated, et me marquer là si vous publiez votre animation de lettrage. Si vous avez apprécié ce cours, ça signifierait beaucoup pour moi si vous laissiez un avis, et s'il y a quelque chose que vous avez envie d'apprendre, faites-le moi savoir. Jusqu' à la prochaine fois, animation heureuse.