Logos style traits | Animations simples sur Adobe After Effects

1. Introduction du cours: [MUSIQUE] Bonjour à tous. m'appelle Adam, je suis graphiste et animateur professionnel avec plus de six ans d'expérience. J'ai commencé en tant que designer pour la plupart à concevoir des logos, mais j'ai décidé que je voulais vraiment apprendre l'animation. Je voulais voir mes créations prendre vie. C'est alors que j'ai décidé d'apprendre After Effects. J'ai tout animé, des bannières à la typographie, passant par les personnages et bien sûr les logos. Pour ce projet de classe, vous apprendrez à animer à l'aide la technique de style de trait, ce qui signifie animer les traits. Nous allons réaliser deux types d'animation de logo. L'un sera un mot-symbole, et l'autre sera un logo minimal. Nous allons plonger directement dans les techniques. Nous ne couvrirons aucune théorie car j'ai déjà couvert celles de mon premier cours d'animation de logo pour débutants. Pour cette classe, vous aurez besoin d'Adobe After Effects. Vous aurez également besoin d'une connaissance de base du programme. Nous allons travailler avec deux scripts gratuits, EaseCopy et Duik Bassel. Pourquoi apprendre l'animation du logo en premier lieu ? Quel est le but ? La raison en est qu'elle aide les marques à se connecter davantage à leur public. Des études ont montré que les gens sont plus susceptibles de s'intéresser à des vidéos plutôt qu'à des images fixes. C'est pourquoi toutes ces plateformes de médias sociaux tentent de pousser créateurs à publier plus de vidéos. C'est tout pour l'introduction. Si vous êtes prêt à apprendre de nouvelles techniques pour émerveiller vos amis et collègues , rendez-vous dans la première leçon. 2. PROJET DE COURS: Pour ce projet de classe, vous allez animer deux logos utilisant trois techniques différentes, ce qui signifie trois nouvelles techniques d'animation de logo dans votre arsenal. Tout d'abord, je veux que vous alliez télécharger ces deux scripts Adobe After Effects gratuits, faites-le basal et facile à copier. Vous pouvez également trouver tous les fichiers de classes ici. Vous pouvez télécharger le projet à suivre avec moi, et vous pouvez également télécharger le projet final. La raison pour laquelle j'ai choisi ces projets de cours est que les techniques que je vais vous montrer sont faciles à apprendre et sont faciles à appliquer à vos propres projets personnels. Mon conseil, si vous voulez terminer le cours, c'est de suivre avec moi en utilisant les fichiers que je vous ai donnés. Une fois que vous avez appliqué l' animation à ces fichiers, vous pouvez ensuite l'appliquer à vos projets personnels. Une fois que nous avons terminé une animation, vous pouvez aller de l'avant et la publier dans la galerie des projets afin que je puisse vous faire part de mes commentaires et aussi pour que vous puissiez inspirer la communauté. Préparez-vous tout et rendez-vous ensuite. 3. Animation de logo d'arôme : utiliser l'outil Masque au stylo: Maintenant, pour cette conférence, nous allons faire notre première animation de logo à notre première animation de logo l'aide de l'outil masque de stylet et des effets générateur de contour. Une fois que vous aurez ouvert le fichier, vous trouverez quelque chose comme celui-ci. Nous avons ici un PNG contenant une palette de couleurs, la zone active et le logotype réel. Tout d'abord, je vais sélectionner la première lettre A, puis je vais passer à l'outil stylo. Assurez-vous que vous sélectionnez l' outil crée un masque. Nous ne voulons pas créer de forme. Je vais zoomer sur le A, puis juste ici, vous devez faire attention au curseur car si je me déplace ici, vous pouvez voir que c'est juste un outil de sélection normal. Mais si je me déplace ici, vous pouvez voir que nous avons un signe plus avec l'outil stylo, ce qui signifie qu'il va ajouter un point d'ancrage et si je descends ici par exemple, nous pouvons voir que nous avons maintenant l'outil stylo avec le carré et un point dedans, et c' est celui que je veux avoir avant d'ajouter le masque ou le masque de trait. Je vais cliquer ici, puis ici, puis ici. Une fois que nous l' avons ajouté, nous pouvons sélectionner l' outil de sélection, puis aligner simplement le masque avec la lettre, comme ceci. Maintenant, comme vous pouvez le constater, nous n'avons pas couvert la lettre entière, nous devons encore ajouter le masque à cette partie du A pour pouvoir le masquer également. Désélectionnez donc le premier calque, puis ressélectionnez-le, puis ressélectionnez l'outil plume, masque, puis ajoutez un autre masque ici. Nous allons travailler avec deux masques, pas seulement un seul outil de sélection puis nous réglerons également celui-ci. On y va. La prochaine chose vous voulez faire est que sous les effets et les préréglages que vous souhaitez rechercher un trait, puis rechercher générer, puis vous avez un trait ici. Cliquez dessus et placez-le sur la couche numéro A, ou si le numéro de couche A est sélectionné, vous pouvez simplement double-cliquer dessus. Vous pouvez voir qu'il ajoutera un trait au masque ou au chemin du masque que nous avons créé. Tout d'abord, il suffit de changer la couleur pour avoir un certain contraste entre le premier plan et l'arrière-plan. Nous y allons, et nous pouvons augmenter la taille de la brosse comme ceci. Assurez-vous également que la dureté de la brosse est 100 % afin de ne pas avoir flou ou de transparence sur les bords du trait. Je vais ajuster le masque maintenant lorsque j'ajuste la taille du pinceau. Augmentez peut-être un peu plus cela. Cliquons plus loin pour voir ce qui se passe. Peut-être devrait-on ajuster un peu cette partie ici. Maintenant, comme vous pouvez le voir ici, le trait est appliqué à un seul masque et nous avons deux masques. Ce que nous pouvons faire, c'est juste ici sur le chemin, assurez-vous de vérifier tous les masques. Maintenant, il est appliqué à tous les masques. Maintenant, la prochaine chose que nous devons faire est animer le trait et la façon dont nous animons le trait est la même chose que d'animer un tracé de coupe. Ce que je vais faire, c'est trouver la fin, ajouter un chronomètre ou une image-clé, cliquer sur le calque A, puis cliquer sur U pour trouver l'image-clé, zoomer sur la chronologie jusqu'à ce que je vois les images comme je Je veux qu'ils soient ou comme je veux les voir. Donc, la première image clé, je vais la mettre sous 20 images ou peut-être plus, puis finir ici. Je vais mettre zéro au début de la chronologie. Maintenant, vous pouvez voir que le masque ou le coup n'est plus là, mais si je bouge la tête de jeu, vous pouvez voir ce qui se passe ici. Maintenant, ce que nous voulons faire, c'est masquer la lettre. Ce que nous allons donc faire, c'est aller dans Paints Style et passer d' une image originale pour révéler l'image originale et maintenant la lettre a disparu. Sélectionnez les deux images-clés, F9 pour les ECN. Maintenant, si je bouge la tête de lecture, vous voyez que nous avons la belle animation. Mais nous avons un problème ici, c'est que nous avons cette chose ici qui sort de l'accident vasculaire cérébral et que nous voulons y remédier. Alors, sélectionnez le calque puis avec l'outil de sélection sélectionné, je vais simplement déplacer ce trait un peu vers la gauche comme ceci, mais ne le déplacez pas trop. Vous ne voulez pas avoir d'espace blanc sous le cadre de sélection. Juste un peu. Maintenant, déplacez ici. Vous pouvez voir que nous avons le même problème. Je vais aussi déplacer celui-ci vers la droite . Maintenant, ça a l'air bien. Sélectionnez les deux images-clés, accédez au graphique de vitesse, puis je vais appliquer un peu de facilité N. Maintenant, si nous cliquons sur Play, belle animation. Peut-être que je vais supprimer un peu plus les images-clés comme ça et c'est bien, juste pour ralentir l' animation. Même chose avec le R, cliquez sur l'outil stylo R et le même processus. Sélectionnez l'outil crée un masque, puis ajoutez le masque ici. Cliquez ici et faites glisser la courbe, maintenez la touche Alt ou Option enfoncée, puis ramenez cette poignée comme ceci à ce point, puis cliquez ici et faites glisser comme ceci. Maintenez les quarts de travail, faites la même chose pour cette poignée, puis cliquez ici. Maintenant, comme nous avons ajouté le masque, au lieu d'ajouter à nouveau les effets de trait et d'ajuster les paramètres, nous pouvons simplement copier à partir du calque précédent. Sélectionnez le calque A, sélectionnez la commande de contrôle C, sélectionnez notre couche Control Command V et nous l'avons ici. Bien sûr, nous pouvons également ajuster cela. On y va. Maintenant, faisons O et ensuite je vais aller de l' avant et accélérer les choses. Pour le O, même chose. Je sais que vous pensez pourquoi ne pas ajouter une forme au O, et la raison est que si nous ajoutons de la forme, cela va tout masquer et nous ne voulons pas tout masquer pour le moment. Nous voulons le masquer en utilisant une méthode différente. C'est pourquoi nous ne pouvons pas fermer le masque, nous devons le laisser ouvert. Ajoutez le masque de l'outil stylo, puis la même chose, cliquez ici et faites glisser le curseur. Maintenez les quarts de travail. Masquez cette poignée en maintenant Alt ou Option enfoncée. Cliquez ici et faites glisser le curseur. Encore une fois, masquez cette poignée, cliquez ici et faites glisser, masquez cette poignée, puis cliquez ici et faites glisser. Ne fermez pas le masque. Maintenant, avec la commande de contrôle V sélectionnée O afin que nous puissions coller les effets de trait et nous l'avons ici. Peut-être un peu plus ici comme ça. Ajustez un peu la taille du pinceau. Maintenant, je vais juste faire le reste des lettres très rapidement. Pour le dernier A, je vais juste reproduire le premier A. Laissez-moi passer en plein écran ici. On y va. Je vais dupliquer le premier A, Commande de contrôle D et ensuite je vais le faire glisser comme ça sur l'autre A. Maintenant, cachons le dernier A. Alors je vais simplement supprimer le dernier puis ramenez celui-ci jusqu'au bout. Maintenant, si je sélectionne toutes les couches et que je clique sur U. Maintenant, comme vous pouvez le voir, toutes les images-clés ont été ajoutées et toutes les images-clés ont les mêmes valeurs. Ils ont tous N. Encore une fois, sélectionnez tout, cliquez sur U pour fermer les images-clés ou pour masquer les images-clés. Maintenant, ce que je vais faire c'est cliquer avec le bouton droit, puis pré-composer, puis je vais lui donner un nom, Aroma 1. Une fois que j' ai précomposé, je vais double-cliquer sur la nouvelle composition et je vais décaler un peu les lettres. Sélectionnez-les tous, cette chose ici. Allez dans Window. Je veux sélectionner mes scripts, les failles. Ce sont mes paramètres et j'ai ici des descendants sous arrangement. Cliquez sur « Jouer », cliquez à nouveau, car je veux que la première lettre apparaisse , puis le reste des lettres. Quelque chose comme ça. Voyons ce que nous avons ici. Peut-être encore une fois. Cela me semble très bien. Je vais laisser ça comme ça. Il s'agit d'un processus créatif, n'y a donc ni bien ni mal. Vous pouvez choisir ce que vous voulez. Il suffit de maîtriser les techniques et d'être créatif. C'est tout. Les clients sont des techniques, donc vous assimile. Revenons maintenant aux premiers projets comme celui-ci. Maintenant, nous allons ajouter les couleurs car il est important de conserver les palettes de couleurs souhaitées par les clients et une animation de logo. Tout d'abord, je vais aller de l'avant et ajouter un fond de lumière, probablement ce calque de couleur, nouveau solide. Cliquez sur l' outil Pipette et sélectionnez cette couleur. Je vais le mettre jusqu' au fond, puis le verrouiller. Maintenant, sélectionnez la composition et dupliquez-la. Cliquez avec le bouton droit, renommez. Je vais mettre ici l'arôme numéro 2, puis zoomer, et je vais décaler cela alors cinq images. Maintenant, je vais changer la couleur de la première comp. Par conséquent, sous Effets et préréglages, recherchez le remplissage. Sous Generate, nous avons rempli. Je vais l'ajouter à la comp numéro 1, puis cliquer ici et choisir cette couleur verte. On y va. Maintenant, je vais simplement masquer la composition dupliquée nous puissions voir la couleur que nous avons ajoutée. Ensuite, sur la deuxième, je vais faire la même chose. Affichez l'arôme numéro 2, ajoutez du remplissage et sélectionnez l'outil pipette et je vais sélectionner cette couleur ici. On y va. Maintenant, si nous cliquons sur « Lire » [MUSIQUE]. Donc, pour tout résumer, dans cette conférence, nous avons réalisé une animation de type logo. Nous avons commencé par utiliser le masque pour couvrir les lettres. Nous avons ajouté les effets de contour et les animons, puis nous décalons les calques. Ensuite, nous animerons le logo de l' arôme à l'aide du tracé de garniture et d'un tapis de piste. 4. Animation de logo d'arôme : utiliser le chemin de coupe et le tracé de la piste: Pour cette conférence, nous allons animer le même logo en utilisant différentes techniques qui permettent plus de flexibilité et de contrôle sur l'animation. Les gars, la première chose que vous voulez faire est de sélectionner l'outil Plume. Effectuez un zoom avant sur l'écran comme celui-ci et la première chose est que vous voulez vous assurer qu'aucun calque n' sélectionné, car si un calque est sélectionné et que vous appliquez la forme, le calque va être masqué. Maintenant, je vais cliquer ici, puis ici, puis ici, puis ici, nous avons notre forme. Maintenant, ce qui concerne cette méthode, c'est qu'elle vous donne plus de contrôle sur l'animation. Mais l'inconvénient est que vous allez travailler avec plus de calques, car nous devons ajouter un calque de forme à chaque lettre de notre chronologie et nous avons également deux [inaudibles] chaque forme à une lettre spécifique Ainsi, si vous souhaitez redimensionner la forme ou la déplacer, vous n'aurez aucun décalage entre la forme ou entre le masque et la lettre. Je veux maintenant aborder la deuxième partie de cette lettre et si je vais d'ici à ici, nous aurons ceci. Ce qu'il faut faire est de maintenir la touche Contrôle ou Commande, cliquer ici sur les blancs vides, puis de revenir en arrière et d'ajouter les secondes parties comme celle-ci. Cliquez sur « Outil de sélection » ou « V » sur votre clavier. Ajustons ce truc. Les gars, alors assurez-vous que tout est couvert. Maintenant, la prochaine étape que je vais faire ici est changer cette couleur par la même couleur que la lettre. Donc le grès. Maintenant, ce que nous voulons faire, c'est ajouter des chemins de coupe. Si je clique ici, si je l'ouvre, nous avons le contenu et sous contenu, nous avons la forme 2 et la forme 1. forme 1 est la forme A et la forme 2 est cette chose ici. Ajoutons un tracé de coupe aux deux formes. Commençons par la forme 1 au niveau de la trajectoire de coupe. Maintenant, ajoutons un chronomètre à la fin, puis je vais déplacer le chronomètre à 20 images si vous ne voyez pas 20 images, suffit de zoomer sur la chronologie, puis d'amener la tête de lecture au début de l'animation, puis 0. Maintenant, si je déplace ça, vous pouvez voir de quoi je parle. Maintenant, je vais faire la même chose pour la forme numéro 2, sélectionner, puis cliquer ici pour ajouter puis couper le chemin. Parfois, vous pouvez ajouter des tracés de coupe par erreur à la forme numéro 1, assurez-vous simplement qu'elle est sous la forme numéro 2. Ensuite, je vais faire la même chose et sélectionner le calque, cliquer sur utiliser pour que nous ne voyions que les images-clés que nous avons ajoutées. Apportez celui-ci ici, puis ramenez-le à 0. Maintenant, si je bouge la tête de lecture, vous pouvez voir l'animation. Une autre chose, bien sûr, est d'appliquer l'ECN, alors sélectionnez-les tous. F9, toutes les images-clés bien sûr. F9, Speed Graph est facile. Vous y voilà. Maintenant, si je clique sur « Jouer », on peut voir l'animation. Maintenant, nous devons masquer la forme avec la lettre. Nous pouvons, bien sûr, venir ici pour suivre les mattes. Si vous ne voyez pas de tapis de suivi et assurez-vous cliquer dessus, alors juste ici, où il est dit « Développer ou réduire le volet des contrôles de transfert », puis je vais changer cela en Alpha Matte Shape Layer 2 et je vais lier cela au calque de forme 2, vous pouvez bien sûr renommer son calque de forme A pour ne pas être confus. Maintenant, si nous jouons l'animation, nous avons ici une belle animation. C'est joli. Cool. Maintenant, si nous voulons redimensionner ceci ou tout, cliquez simplement sur Echelle et vous pouvez redimensionner, cela suivra. Vous n'aurez pas de décalage étrange entre le masque et la forme. Vous avez peut-être remarqué que le calque de forme est devenu aveugle ou n'est plus visible et c'est normal. Les gars, donc maintenant je vais aller de l'avant et faire exactement la même chose à toutes ces lettres, exactement la même chose. Tout comme pour ces lettres, nous n'ajouterons qu'une seule forme et ce sont deux formes. Allons-y maintenant. Une fois que vous avez fini avec quelque chose, je pense qu'il est préférable cliquer avec le bouton droit de la souris, de précomposer, puis de précomposer A, puis d'accord. De cette façon, vous ne serez pas submergé par toutes les couches supplémentaires. Cliquez sur le vide, assurez-vous que rien n'est sélectionné dans l'outil Plume, puis faisons-le. Parfois, lorsque vous continuez à ajuster les tapis et que vous pouvez toujours voir certaines parties de la lettre, il n'y a pas de mal et augmente le trait avec un peu ou la taille du trait. Maintenant, comme vous pouvez le voir, une fois que j'aurai fini avec le R, je vais aller de l'avant et placer le champlain numéro 2 sur le R. S'ils savent, bien sûr, travailler avec des formes comme si j'ouvrais ici et ensuite constantes, puis forme, puis tracé, vous pouvez également voir que nous avons le contrôle sur le capuchon ou le bord du trait. Si je viens ici, nous avons un bouchon. Si je clique sur le capuchon rond, il sera arrondi de la même façon et si je clique sur « Sauvegarde », je vais avoir la casquette que je veux. Maintenant, celle-ci est appelée casquette de projection et celle-ci, vous ne l'utilisez que si vous avez un problème, si vous avez comme ce que nous appelons un escalier et votre coup, laissez-moi vous montrer ce que je veux dire. Par exemple, désélectionnons tout. Si je clique ici et que je fais cela, alors comme ceci, puis si je vais dans Ajouter et ajouter chemin de coupe maintenant si j'anime, vous pouvez voir que nous avons un problème quand il s'agit de cette zone. Vous pouvez voir que nous avons comme une sphère ici. Ce problème ici, laissez-moi passer à 76, peut-être que vous le verrez plus, oui comme ça. Lorsque vous rencontrez ce problème avec votre animation, nous pouvons revenir au trait, puis passer d'un capuchon à un capuchon de projection. Maintenant, il augmentera la longueur du trait par le bas et par le haut, mais aussi, résoudra votre problème. Permettez-moi de supprimer cela. Revenons à l'animation de notre logo. Maintenant que nous avons fini avec celui-ci, nous allons refaire la même chose. Assurez-vous également que le calque de forme 2 se trouve au-dessus de R. Vous pouvez aller de l'avant et l'ouvrir ici et ajouter un chemin de coupe. J'ajoute toujours l'image-clé finale abord, puis je change la valeur ici. Avec celui-ci, vous pouvez voir que nous avons ce type d' animation comme celui-ci. Si ce n'est pas un problème, vous pouvez le laisser. Si c'est un problème, vous pouvez décaler l'animation, nous verrons comment dans un instant. Il a l'air cool. Sélectionne tout ce qui est F9. Cette fois, au lieu de retourner à l'éditeur de graphes et d'ajuster l'accélération et bien nous pouvons le faire est d'aller dans Windows, puis de chercher les scripts que je vous ai dit de télécharger plus tôt, cliquez sur la copie. Maintenant, ce que nous allons faire, c'est ouvrir le pré-comp. Cliquez ici sur vous, sélectionnez-les, puis copiez-nous, puis revenons à la composition, sélectionnez-les, puis collez facilement. Maintenant, si je vais au graphique de vitesse, vous pouvez voir que nous avons la facilité d'accès. Maintenant, couche de forme alpha 2, ou nous pouvons renommer R, vous pouvez voir que c'est un processus très fastidieux, mais cela vaut la peine d'être animé et c'est facile, c'est juste répétitif. Ensuite, la couche numéro 3R et nous l'avons ici. Maintenant, je vais aller de l'avant et accélérer le processus même chose avec l'O. Maintenant ce truc avec O au lieu d'utiliser l'outil Plume, nous pouvons utiliser l'outil Ellipse. Cliquez au milieu, puis faites glisser le curseur. Lorsque vous maintenez la commande Maj et Control enfoncée, elle glisse à partir du milieu. Maintenant, nous devons juste ajuster cette chose à nouveau. Assurez-vous que nous avons un calque de forme au-dessus de O. Je vais prendre ces pré-comp , puis pré-comp R, puis la même chose au niveau de la trajectoire de coupe. Maintenant, pour le dernier, je vais juste dupliquer le pré-comp, le mettre au-dessus de A, puis le déplacer comme ça. Je vais juste cacher celui-là. Bien sûr, c'est exactement la même chose que lors de la conférence précédente. Nous pouvons aller de l'avant et les voir et les pré-compiler à nouveau, puis compenser une dernière fois. Les gars et c'est la dernière animation. Vite si je vais ici, et qu'ils recherchent le pré-comp A, celui-ci. Supposons, par exemple, que vous n'aimez pas cette animation car elle a cette chose au début. Ce que vous pouvez faire très rapidement, c'est juste attendre que le premier trait se forme , puis la deuxième forme peut démarrer l'animation et quelque chose comme ça. Si je déménage maintenant, où que vous alliez, vous n'avez pas ces petits coups au début. Mais si cela ne vous dérange pas, vous pouvez simplement le laisser. Les gars [MUSIQUE] donc pour résumer tout, dans cette conférence, nous avons travaillé avec des formes, des tapis de piste et des tracés de coupe. Ensuite, nous allons animer le logo de l'icône minimale. 5. Logo d'éléphant - Animation principale: Pour cette conférence, nous commencerons par l'animation principale de notre logo d' éléphants d'animaux minimes. La première chose que vous trouvez ici lorsque vous ouvrez la composition, c'est que vous trouverez ici le journal et les couleurs que nous pouvons utiliser pour notre animation. La première chose que je veux faire ici est verrouiller ces calques , puis de les ombrer pour que nous ayons une chronologie propre. Comme vous pouvez le constater, nous n'allons pas rester assis ici, car la composition est assez compacte. Maintenant, la première étape consiste à ajouter des cercles ici qui serviront de guide pour l'animation bien sûr. Sélectionnez l'outil ellipse , puis je vais m' assurer que j'ai une couleur de remplissage et aucun trait. Ensuite, maintenez la touche Maj et Ctrl ou Maj ou Commande puis cliquez au milieu du logo et faites glisser le curseur. Vous voulez que le cercle ait à peu près la même taille que le logo, juste pour couvrir le logo. Quelle que soit la façon dont vous voulez sélectionner, je vais cliquer sur T pour plus de transparence, puis le réduire à 30  %, voilà. Maintenant, cliquez ici sur les constantes, trouvez Ellipse 1, puis Commande de contrôle D. Maintenant, j'ai deux cercles et un calque latéral. Avec Ellipse 2 le sélectionne, je vais cliquer ici, faire glisser vers la droite et maintenir Maj enfoncés, puis sélectionner l'ensemble du calque, puis Contrôler la commande D, cliquer, faire glisser vers le bas et maintenir les Maj enfoncés. Maintenant, nous avons quelque chose comme ça. Sélectionnez-les tous les deux, cliquez avec le bouton droit de la souris, précomp, puis entourez le guide. Sélectionnez l'outil Point d'ancrage, appuyez sur celui-ci au milieu comme ceci. L'outil de sélection directe, sélectionnez l'intégralité de la pré-composition, puis placez-la au milieu du logo comme ceci. Cliquez sur R, puis faites-le pivoter de 25 degrés. Cliquez avec le bouton droit de la souris dessus, tournez-le en calque guide, puis nous pouvons également le masquer. Maintenant, l'étape suivante consiste à sélectionner l'outil Plume , puis je veux tracer chaque partie du logo que je veux animer individuellement. Puisque nous avons quatre cercles, nous allons séparer le logo en quatre parties que nous allons animer. Commençons par le premier. Nous voulons simplement retracer le traçage normal. Cliquez ici, commençons par ces parties inférieures, puis faites glisser le curseur. Nous avons juste besoin de passer au remplissage et au trait, donc pas de remplissage puis de contour, oui, j'ai 12 pixels. Maintenant que nous changeons de remplissage et de trait, je vais cliquer sur ces points d'ancrage , puis cliquer ici. Maintenez le contrôle et cliquez sur ces derniers points d'ancrage juste pour que je puisse ajuster le capuchon un peu, puis juste à partir d'ici, ce qui se déplace. On y va. Si je clique ici pour ajuster cette zone, vais connecter les points et je ne le veux pas. Cliquez loin et tout n'est pas sélectionné. Cliquez ensuite à nouveau sur un calque, puis cliquez ici, puis maintenez la touche Contrôle ou Commande enfoncée et cliquez à nouveau. Maintenant, nous pouvons également ajuster cette zone. Une fois cela fait, une fois que vous aurez terminé, nous allons cliquer sur ces points d'ancrage pour terminer notre réglage de trait car nous voulons que le trait commence à partir ici, puis le faire et revenir ici. Ensuite, je vais cliquer dessus, puis cliquer à nouveau sur le calque. Cliquez ici, puis cliquez ici et faites glisser, puis faites glisser ici et faites glisser, ici et faites glisser, puis cliquez ici et faites glisser. Bien sûr, nous pouvons toujours ajuster notre trajectoire de course. Maintenant, je vais juste régler ça pour m' assurer que j'ai des courbes lisses. Je ne veux pas d'arêtes pointues ou de joints sur cette voie. Maintenant, nous devons faire attention à ce que je vais faire ensuite parce que nous allons répéter la même chose pour tous les coups, exactement la même chose. OK, les gars. Cliquez ici, puis accédez à Ajouter, puis vous souhaitez ajouter des tracés de coupe. Une fois la trajectoire de coupe ajoutée, vous souhaitez ouvrir la trajectoire de coupe, puis ajouter une image-clé quatre étoiles et ajouter. Ensuite, vous voulez rechercher un trait, puis changer le cap de la ligne en cap arrondi , puis la jonction de ligne en jonction arrondie. Maintenant, là où il est indiqué largeur de contour, vous voulez ajouter une image-clé à. Ensuite, pour la couleur, nous allons effectuer un zoom arrière ici , puis cliquez sur l'outil Pipette , puis sélectionnez une couleur dans le jeu de couleurs et définit également une image-clé pour la couleur. Une fois cela fait, nous allons revenir au calque et cliquer sur « U », sorte que nous n'avons que les images-clés que nous avons ajoutées. Maintenant, ce que je vais faire, zoomez sur la chronologie jusqu'à ce que vous puissiez voir les images comme je l'ai dit ici. Je vais faire passer la tête de jeu à 25 comme ça. Maintenant, ce que je vais faire, c'est déplacer la largeur du trait à 25 images, puis nous voulons décider entre laquelle vous allez déplacer, est-ce l'étoile ou la fin ? Selon la façon dont vous tracez le logo, l' un d'entre eux devra se déplacer en premier. Commençons par les étoiles et voyons ce qui se passe. Comme vous pouvez le voir ici, ce camion s' éloigne du logo vers le cercle, ce qui signifie que c'est celui que je dois déplacer en premier. Parfois, vous voudrez peut-être déplacer la fin abord si elle éloigne le trait du logo. Maintenant que je sais que c'est l'étoile qui va éloigner le trait du logo, je vais simplement annuler l'image clé que je viens d'ajouter, puis déplacer l'image-clé étoile à 25 comme puis revenez au début de la chronologie, puis 99,9 donc j' ai juste quelques points ici. Maintenant, la largeur du trait, je vais aller de l'avant et l'augmenter jusqu'à ce qu'il couvre tout le cercle. Quelque chose comme ça. Maintenant, ce que je vais faire, c'est simplement déplacer la tête de jeu sur 25 images, puis pour la fin, je vais la déplacer comme ça, diminuer jusqu'à ce que nous ayons le trait original du logo comme celui-ci. Pour la couleur, je vais simplement déplacer ça comme 10 cadres ici, puis je vais changer la couleur la couleur d'origine du logo qui est celui-ci ici. Une fois que vous avez fait cela, allez-y et bouleverse l'étoile et la fin. Sélectionnez toutes les images-clés F9, puis sélectionnez les décalages de l'étoile à la fin et accédez au graphique de vitesse pour appliquer la facilité d'utilisation. On y va. Outil de sélection , puis facile à intégrer. Nous voulons l'ajuster à quelque chose comme ça pour la couleur. On y va. La bonne nouvelle est que vous n'avez à ajuster le graphique de vitesse qu'une seule fois pour cette animation. Nous le faisons simplement, cette fois, puis nous allons utiliser des scripts. On y va. Maintenant, si je clique sur « Jouer », vous pouvez voir de quoi je parle ici. Enfin, je vais simplement cliquer sur T pour transparence et réduire cela au sens de la fermeture à glissière. Nous allons maintenant faire exactement la même chose pour tous les traits restants du logo. Je vais juste aller de l'avant maintenant et accélérer le processus. N'oubliez pas que j'ai inclus les projets finaux et les ressources téléchargeables de ce cours. Maintenant, je vais avoir Shape Layer 1 après avoir changé la couleur comme ceci et ensuite faire les autres cercles. Assurez-vous simplement de ne pas avoir le même cercle deux fois. Maintenant, sélectionnez à nouveau l'outil Plume et la même chose, essayons cette zone. N'oubliez pas que lorsque vous ajoutez simplement des traits, vous pouvez basculer entre Crayon et l'outil Sélection en fonction de ce que vous voulez faire. Même chose, cliquez ici, puis ajoutons le chemin de l'animation. Parfois, juste ici, avec la fin, vous devez entrer la valeur manuellement pour pouvoir être aligné à distance, le trait aligné sur la forme du logo. Essayez peut-être 5.5. Essayons seulement trois. C'est mieux. N'oubliez pas que les gars ne vont pas encore au Speed Graph parce que nous utiliserons les scripts. Il suffit d'ajouter le F9 easy easy easy. Sélectionnez maintenant l'étoile , puis décalez-la ici. Permettez-moi d'ouvrir le deuxième calque pour pouvoir l'ajuster. Je suis juste en train d'aligner les images-clés du premier calque avec les images-clés de la deuxième couche pour tout cacher et ensuite faisons cela et voilà. Celui-là maintenant. [MUSIQUE] Maintenant que nous avons ajouté une animation pour tous les traits, continuons et rendons-la invisible à nouveau et vous pouvez voir ce que nous avons ici. Maintenant, si nous cliquons sur Play, je cache simplement le guide du cercle, les couleurs et le logo minimal. Vous pouvez voir l'animation. Mais il semble que nous ayons un problème avec celui-ci, ce qui est normal. Nous avons oublié de changer la couleur à droite. Sélectionnez l'image-clé, l'outil pipette, puis sélectionnez simplement scaler, puis voilà. Vous pouvez le laisser comme ça si vous le souhaitez, mais si vous voulez styliser davantage, nous pouvons bien sûr le faire. Nous avons tout gardé, dans cette conférence, nous avons commencé par ajouter des guides, puis séparer le logo parties individuelles qui vont animer, puis nous avons défini les trajectoires d'animation et nous l'animons à l'aide du tracé de coupe, largeur du trait et des paramètres de couleur. Ensuite, nous ajouterons l'animation secondaire du logo. 6. Logo d'éléphant - Animation secondaire: Maintenant que nous en avons fini avec l'animation principale, dans cette conférence, nous allons ajouter notre animation secondaire. Ce que je vais faire maintenant, c'est sélectionner toutes ces couches. Vous sélectionnez toutes les images-clés que nous avons ajoutées, zoomez sur la chronologie, puis je vais les déplacer vers 20 images. Maintenant, désélectionnez tout, zoomez à nouveau sur la timeline, placez la tête de lecture sur 10 images, puis ajoutons une autre image-clé pour la largeur du trait pour tous les calques. Maintenant, placez la tête de lecture au début de la chronologie et mettons simplement la largeur du trait à zéro. Une fois que vous avez fait cela, je vais sélectionner toutes les images-clés que j'ai placées sous 10 images, puis maintenez « Contrôle » et cliquez pour les rendre normales, sans Easens car nous voulons appliquer une expression, et donc de cette façon. nous pouvons appliquer l'expression car nous ne pouvons pas appliquer d'expressions via Easy Easens. Maintenant, ce que je vais faire, c'est trouver Duik Bassel_2, celui-ci ici. Je vais juste le [inaudible]. Ce que vous pouvez faire est d' aller dans Window, puis trouver l'animation Duik si vous ne trouvez pas cela ici. OK, les gars ? Maintenant, je vais sélectionner cette image clé de largeur de trait sous 10 images, puis je vais ajouter le Kleaner, afin que je puisse avoir ce rebond élastique. Une fois que vous avez fait cela, vous voulez aller de l'avant , puis décochez « Anticipation ». Nous allons le faire pour toutes ces couches. Même chose, sélectionnez-le, puis appliquez Kleaner. Ne copiez pas et ne collez pas car cela ne fonctionnera pas. Vous devez le remplacer manuellement. Il y a bien sûr d' autres scripts qui peuvent le faire automatiquement, mais je m'en tiens à celui-ci, le script gratuit. Maintenant que nous avons ceci appliqué à tous les calques, je vais juste augmenter un peu la taille de la chronologie, voilà. Maintenant, si vous vous en souvenez, sur notre première couche, Easy Easens est appliqué. Si je les sélectionne, vous pouvez voir que nous les avons ici. Maintenant, comment copier cela sur tous ces calques ? C'est simple. Accédez à Fenêtre, ouvrez les scripts [inaudibles], sélectionne tous ceux à l'exception de ces deux scripts, puis copiez. Vous pouvez voir maintenant que le numéro 8 est ici. Nous avons copié huit cadres clés, sélectionnons les portes sur le dessus, à l'exception de ces deux cadres, puis collez Ease. Maintenant, si je retourne ici au graphe de vitesse, nous pouvons voir qu'il est appliqué aux images-clés. Nous allons juste faire la même chose pour toutes ces couches. Fermons ça, fermons ça, maintenant celui-là. génial, c'est qu'il suffit de copier une fois que vous n'avez pas besoin de tout copier. On y va, tout va bien. Enfin, ce que nous pouvons faire, amener la tête de jeu au début comme ceci, puis nous voulons ajouter un calque nul. Donc Layer, New, Null Objects, sélectionnez le déplacement des points d' ancrage, placez-le au milieu, puis sélectionne l'ensemble du calque Null, puis alignez son centre et la composition. Maintenant, sélectionnez toutes ces couches, cliquez sur un fouet Parents, puis liez-le à l'objet Null. Sélectionnez les objets NULL R pour la rotation. Je vais juste ajouter une image-clé de rotation ici, et celle-ci, je veux la faire pivoter de la même manière que le chemin du logo. La même chose ici. Je vais tourner vers la droite, donc ça va être moins 300 ou quelque chose comme ça , puis vérifier l'animation. C'est cool. Maintenant, la seule chose reste, c'est que nous voulons aller de l'avant et décaler ces couches. Je vais zoomer comme ça, puis les décaler autour de quatre images l'une de l' autre vers ou autre, peut-être une combinaison des deux. Cliquons maintenant sur « Jouer ». Maintenant, ce que je vais faire très rapidement, c'est cliquer ici et ensuite afficher les couleurs, puis Calque, Nouveau, solide. Je vais choisir cette couleur ici. Posez-le comme ça et si je clique sur « Jouer », et voilà. Pour récapituler tout, dans cette conférence, nous avons ajouté les expressions élastiques et le calque Null pour faire pivoter le logo. Ensuite, nous allons styliser le logo et corriger toutes les imperfections. 7. Animation de logo d'éléphant - Correction des imperfections et de la stylisation: C'est maintenant la dernière conférence de ce cours. Ce que nous allons faire ici, c'est juste corriger toutes les imperfections avec le logo et appliquer des modes de fusion. Il suffit de souligner le logo bien sûr. Maintenant que nous avons fini avec l'animation du logo, nous pouvons aller de l'avant et styliser et voir s' il y a des imperfections qui nécessitent une correction. Si je place la tête de lecture ici, [NOISE] zoomez sur le logo. Nous pouvons voir ici que les jambes ne sont pas alignées. Je vais amener la règle, et je mets juste une ligne ici pour qu' on puisse juste aligner les jambes. Voyons lequel ici a un problème. [BRUIT] Nous avons Shape Layer 3, cliquez sur Teinte. Ensuite, je vais juste trouver le paramètre final, celui-ci. Je vais zoomer sur la dernière image-clé , puis l'ajuster un peu. Peut-être 15 ici. Ça a l'air mieux. Trouvons l'autre. Couche de forme 2. Trouvez l'image-clé de fin. C'est la fin. Cliquons sur l'image-clé. Ajustez la tête de lecture au-dessus de l'image-clé. Ici, peut-être que j'en ajouterai six. C'est trop, donc probablement 5,8. Ok, ça a l'air mieux, 5.6. Je sais que nous faisons une animation de logo, mais le logo final doit être esthétique. Maintenant, la dernière chose que je vais faire est de passer au mode de fusion sur Dancing Dissolve. Cela donnera une belle texture animée au logo. Juste comme ça, nous l'avons ici. Maintenant, il suffit de Contrôler la commande R pour supprimer la règle, puis Afficher puis Effacer les guides. Maintenant, si nous cliquons pour voir l'animation finale, supprimons l' image d'ici, celle-ci avec les couleurs. Ensuite, il suffit d'exporter. Utilisez un Adobe Media Encoder. Jetons maintenant un coup d'œil à l'animation finale. Une chose que vous remarquerez ici est que la couleur de l'arrière-plan se fond avec l'une des couleurs des cercles. Nous pouvons simplement modifier la valeur de cette couleur. Encore une fois, je vais passer au calque, nouveau, solide. Juste ici, je veux peut-être juste m' assombrir ou simplement ouvrir un peu cette couleur. Essayez ici, par exemple, d'accord. C'est mieux, je suppose. Supprimez celui-ci. Désormais, effectuez un fichier, exportez et vous pouvez exporter vers Adobe Media Encoder. [MUSIQUE] Pour tout résumer. Dans cette conférence, nous avons corrigé toutes les imperfections et ajouté des modes de fusion à tous les calques. C'est tout pour ce cours. 8. Félicitations: Félicitations, les gars. Vous avez enfin réussi. Maintenant, récapitulons rapidement le flux de travail. Nous avons commencé par importer le logo dans After Effects, le convertir en formes, séparer les parties du logo que nous voulons animer individuellement, appliquer l'animation principale, appliquer l'animation secondaire, [MUSIC] puis styliser le logo et exporter le logo à l' aide des formats MP4 Media Encoder. Je veux maintenant que vous partagiez votre animation dans la galerie d'un projet. De plus, si vous aimez ce cours et si vous avez fait quelque chose de nouveau, vous pouvez aller de l'avant et me suivre, laisser un avis pour que d'autres élèves puissent le trouver et vous voir très bientôt mon ami.