Icônes animées faciles dans Adobe After Effects

1. Bienvenue: [ MUSIQUE] Bienvenue dans Easy Animated Icônes dans After Effects. Si vous êtes illustrateur, graphiste ou toute personne souhaitant apprendre ou pratiquer After Effects, c'est un excellent point de départ. Bonjour, je suis Megan Friesth, illustratrice et motion designer de Boulder, Colorado. Dans ce cours, je vais vous guider à travers chaque étape de mon flux de travail. Je vais vous montrer comment créer des icônes à l'aide de formes de base dans Adobe Illustrator, comment les préparer à l'animation et comment les intégrer dans After Effects et les animer. Enfin, je vais vous montrer comment créer un GIF ou un fichier vidéo afin que vous puissiez montrer votre travail. Vous n'avez pas besoin d'avoir une expérience avec Adobe After Effects pour ce cours. Cela vous aidera si vous êtes à l'aise avec Adobe Illustrator, mais ce n'est pas non plus une exigence car je vais vous montrer les bases. Si vous voulez sauter directement dans l'animation, vous pouvez télécharger Mes icônes. Si vous êtes prêt à apprendre ou à pratiquer After Effects en créant des icônes animées amusantes, commençons. 2. Projet de cours: Pour le projet de classe, vous allez animer un ensemble d'icônes, ce soit la mienne ou la vôtre. Pourquoi les icônes ? Eh bien, l'animation est un outil de communication. Vous pouvez l'utiliser pour évoquer l'émotion, raconter une histoire, indiquer la fonctionnalité ou éduquer. Les icônes sont comme un langage universel. Lorsque vous mettez les deux ensemble, vous obtenez quelque chose de vraiment spécial, plus les icônes animées sont vraiment facile et excellent moyen d'apprendre After Effects. Il existe de nombreux styles d'icônes différents. Quel genre d'icônes fonctionnera pour cette classe ? Je vais travailler avec des icônes qui sont principalement composées de formes simples avec des traits ou des contours. Vous n'avez certainement pas besoin d'utiliser ce style, mais je vais vous montrer comment animer des lignes qui dessinent, et cela peut ne pas fonctionner pour tous les styles. Commencez par trouver un thème, remue-méninges toutes les icônes qui pourraient correspondre au thème. Créez un projet de classe sur la page du projet et publiez vos idées d'icône. Ensuite, choisissez quelques-unes de vos icônes préférées dans votre liste pour illustrer. Si vous trouvez que certaines icônes ne fonctionnent pas, vous pouvez toujours revenir à votre liste et essayer autre chose. Au fur et à mesure que vous construisez votre icône, commencez à réfléchir à la façon dont vous voulez qu'elle soit animée. Cela peut influer sur la façon dont vous les construisez. Mais ne vous inquiétez pas si vous n'avez pas encore tout prévu. Publiez vos icônes illustrées dans le projet de classe. Enfin, animez vos icônes. Vous pouvez publier vos icônes une à la fois lorsque vous les terminez, ou les publier lorsqu'elles sont toutes terminées. Si vous êtes impatient de sauter directement dans l'animation, n'hésitez pas à télécharger mes icônes pour animer les fichiers Illustrator. Si vous avez des questions, n' hésitez pas à nous contacter sur la page de la communauté. Commençons. 3. Illustrer des icônes - Partie 1: Nous allons commencer un illustrateur au cas où vous serez plus à l'aise avec Photoshop. Je veux juste vous faire savoir que vous pouvez certainement utiliser Photoshop pour créer des graphiques, pour animer dans After Effects. Mais pour cette classe, il sera plus facile de suivre si vous utilisez Illustrator, devra convertir certains des calques qui composent les icônes en formes vectorielles. Si vous utilisez Photoshop, vous devrez recréer de nombreuses parties de vos icônes et After Effects. Ici, j'ai quelques icônes que j'ai faites. Vous pouvez télécharger ces icônes si vous êtes impatient de sauter directement dans l'animation. Je ne vais pas passer par chaque étape dans la recréation de ces icônes, parce que je veux me concentrer sur l'animation dans cette classe. Mais je vais vous montrer mon flux de travail de base. Avec cela, je pense que vous serez prêt à créer vos propres icônes, même si vous n'êtes pas un pro chez illustrator. La première fois que j'aime faire dans la création d'icônes est de me faire quelques guides pour que je puisse faire toutes les icônes de la même taille. Pour ces guides, j'utilise juste une forme qui est un carré de 200 x 200 pixels. Je l'ai mis sur sa propre couche et l'ai verrouillé qu' il ne se déplace pas pendant que je travaille. Jetons un coup d'oeil à la façon dont j'ai construit ce crayon. J' ai construit cette rotation de 45 degrés, ce qui a rendu un peu plus facile d'aligner les choses. Vous pouvez voir si je dégroupe ceci, il est composé d'un rectangle avec les deux coins supérieurs arrondis. Pour accéder aux outils d'arrondi, appuyez sur l'outil de sélection directe, puis faites glisser ces petits cercles. Si vous ne voulez que certains des coins arrondis, il vous suffit de sélectionner ce coin et de le déplacer. Ou si vous voulez arrondir, appuyez sur Maj, puis sélectionnez le second. Pour obtenir cette forme, j'ai utilisé un rectangle puis un cercle et je l'ai découpé. Je vais voir quelles tailles rectangle est en allant à la fenêtre de transformation. C' est 22 pixels, tout cela fait exactement 22. Ensuite, je vais cliquer longuement sur mon outil Forme pour accéder à mon outil Ellipse, puis relâcher sur l'outil Ellipse. Ou vous pouvez simplement dire L dans le clavier. Puis en cliquant n'importe où pour obtenir cette petite fenêtre pop-up, je vais entrer mes 22 pixels. C' est la même taille que mon rectangle. Alors je vais faire glisser ça en place. Je veux m'assurer qu'ils sont alignés. Je veux que le cercle soit en ligne avec le rectangle et ils ne veulent pas que le rectangle bouge. Je vais sélectionner les deux, puis cliquer à nouveau sur le rectangle. Cela va l'aligner sur mon objet clé, qui est le gras, le rectangle. Maintenant que ceux-ci sont alignés, je peux les sélectionner à nouveau, allez à mon outil Pathfinder. Si vous ne voyez pas le Pathfinder ou l'un des panneaux ici, vous pouvez toujours les trouver sous la fenêtre. Maintenant, je vais utiliser l'outil moins avant pour soustraire le cercle du rectangle. On y va. Ensuite, pour dupliquer cela, vous pouvez faire Commande C, Commande V, Copier et Coller. Vous pouvez également sélectionner Option ou Alt maintenez enfoncée, puis faites glisser la souris vers l'extérieur. Dans l'animation, je vais faire dessiner le crayon sur cette ligne. Pour créer cette ligne, j'utilise simplement l'outil Plume. C' est P sur le clavier, puis cliquez et faites glisser pour créer une courbe. Ne vous inquiétez pas si ce n'est pas parfait la première fois que vous pouvez toujours revenir en arrière et modifier les poignées avec l'outil de sélection directe. L' outil Stylo est idéal si vous voulez une forme vraiment unique. Mais si vous êtes une vague parfaite comme celle-ci sur le pinceau, je vais vous montrer comment j'ai réalisé ça. Laissez-moi éteindre mes guides une seconde. J' ai commencé par dessiner une ligne avec l'outil Plume, cliquez, puis maintenez la touche Maj enfoncée, cliquez à nouveau pour obtenir une ligne droite. Ensuite, appuyez sur Entrée pour terminer la ligne. Puis je suis retourné en arrière et j'ai ajouté deux points d'ancrage sur ma ligne. Puis amené un vers le haut et un vers le bas avec l'outil de sélection directe. Ensuite, avec les coins ronds, je sélectionne simplement ceux dans les coins. Maintenant, j'ai une belle vague. Pour en faire une forme complète, je peux revenir à mon outil Plume, le curseur sur le point d'ancrage, je n'ai pas aimé cette barre oblique. Cliquez ensuite pour continuer mon chemin. Ensuite, pour finir le chemin, vous allez planer sur le dernier point d'ancrage et nous prenons cette icône de cercle et vous savez, vous fermez le mouton. 4. Illustrer des icônes - Partie 2: Si vous regardez mes icônes, vous pouvez voir qu'elles sont toutes composées de formes de base comme des cercles et des rectangles. J' utilise beaucoup l'outil Pathfinder pour découper différentes formes , puis j'arrondie les coins pour les rendre plus organiques. Jetons un oeil à la pipette. Pour obtenir cette couleur à l'intérieur du compte-gouttes, j'ai pris la forme de pipette, je vais vous montrer ça ici et ensuite j'ai pris un rectangle. Je vais le colorer comme à l'intérieur. Nous allons juste utiliser la pipette, l'outil de compte-gouttes pour ça et ensuite, je vais mettre ça à l'avant avec Shift Command et le support droit. Ensuite, je vais sélectionner les deux et pour aller dans le Pathfinder et choisir Intersect. Maintenant, je dois me souvenir de ça et nous y voilà. La pointe du crayon, le plomb du crayon, a également été faite de la même manière. Jetons un coup d'oeil à la façon dont j'ai fait cette forme dans les ciseaux. J' ai commencé avec le cercle et j'ai fait un autre cercle à l'intérieur de mon cercle, puis j'utilise le Pathfinder pour les découper. Ensuite, cette pièce est un rectangle. Tu le verras quand je bougerai mes formes. J' ai ces guides et ils mettent les choses en place. Pour obtenir ces guides si vous ne les avez pas déjà, allez dans Afficher et Smart Guides ou appuyez sur Commande U. Maintenant, je veux m'assurer que ce rectangle ne dépasse pas le cercle intérieur. Je vais aller à l'outil de sélection approprié, puis prendre ce point d'ancrage et le faire glisser pour qu'il ne soit pas au centre. Maintenant, je vais sélectionner ces deux formes et m'unir pour les fusionner. Puis je cours autour de ce coin intérieur, puis le bord. En sélectionnant cette ancre avec l'outil de sélection directe, je vais obtenir l'outil coins arrondis, puis je vais juste faire glisser cela pour l'arrondir, et même ici. Espérons que cela vous aide à voir comment je aborde icône illustrant en utilisant des formes de base comme blocs de construction. Maintenant amusez-vous à créer le vôtre. N' oubliez pas que si vous avez des questions ou que vous êtes coincé, répondez à la page de la communauté. 5. Se préparer à l'animation: Avant de commencer à animer, nous devrons séparer chaque icône dans son propre fichier. Je vais vous montrer comment préparer vos fichiers pour l'animation avec cette nuance de couleur. Je vais sélectionner le tout, copier, puis ouvrir un nouveau fichier. Je vais créer un nouveau document de x 300 pixels et maintenant je vais coller mon icône sur mon tableau d'art. Je veux m'assurer que c'est au centre exact de mon tableau d'art. Si mon icône est groupée, je peux aller à Aligner, vérifier qu'elle est définie sur Aligner sur le plan de travail, puis appuyer sur « Centre et centre ». Si mon icône n'a pas été groupée, voici un petit conseil. Mon icône est hors-centre. Je vais sélectionner le tout, puis je vais prendre la moitié de la largeur du tableau d'art, qui est de 300 pixels, donc ce sera 150, et je vais mettre cela dans la valeur x et y dans panneau Transformation et maintenant il est centré. Ensuite, je veux séparer chaque morceau de l'icône que je veux animer dans son propre calque. Si je devais importer ce fichier dans After Effects tel quel, je n'aurais aucun contrôle sur chacune de ces couches. Ce ne serait qu'un objet. Un moyen rapide de le faire est d'aller dans votre panneau Calques, de tout sélectionner, de cliquer sur le menu hamburger, puis de choisir Relâcher les calques à la séquence. Maintenant, j'ai la couche 1, puis tous les autres calques sont imbriqués à l'intérieur de la couche 1. Assurez-vous de prendre tous les calques de deux à six qui sont imbriqués dans le calque 1 et de les faire glisser vers le haut et vers l'extérieur de sorte que chaque calque soit à lui seul et que rien n'est imbriqué. Maintenant, cela aide vraiment lorsque vous animez si vous avez tous vos calques nommés. Je vais entrer et les nommer, et j'ai cette couche vide supplémentaire et je vais juste le sélectionner et appuyer sur la poubelle pour le supprimer. Maintenant, je vais enregistrer ceci et tout est prêt pour After Effects. organisation se poursuit lorsque vous travaillez avec des fichiers Illustrator dans After Effects. J' aime garder tous mes fichiers pour notre projet dans un dossier. J' ai mon dossier d'icônes animées facile, j'ai un dossier After Effects appelé AE et un dossier Illustrator appelé AI. J' ai chacune de mes icônes dans son propre fichier dans ce dossier. Lorsque vous importez des fichiers dans After Effects, il se souviendra de l'endroit où il a trouvé ces fichiers. Si vous déplacez un de ces fichiers, After Effects ne saura pas où vous l'avez placé et cela indiquera les séquences manquantes. Assurez-vous donc de rester organisé avec la structure de dossiers comme celle-ci, et ne déplacez pas de fichiers une fois que vous les avez importés dans After Effects. 6. Importer des fichiers AI dans After Effects: Maintenant, vous êtes prêt à commencer à animer. Démarrez après les effets, puis commencez un nouveau projet. Maintenant, nous avons besoin des fichiers Illustrator qu'on a faits. Nous allons aller dans Fichier, Importer, Fichier, puis localiser vos fichiers Illustrator. Le premier fichier que je vais importer est le crayon, donc je vais cliquer dessus. Ensuite, importez comme, Je veux choisir Composition, Conserver les tailles de calque. C' est vraiment important. Si vous ne voyez pas cette option, cliquez sur ce bouton d'option ici. Importer en tant que composition, conserver les tailles de calque et cliquez sur Ouvrir. Maintenant, vous verrez que dans votre panneau de projet, vous avez deux nouvelles choses. Le premier est le crayon et c'est une composition. Le second est un dossier. Maintenant, il y a toutes vos couches dedans. Si vous double-cliquez sur la composition pour l'ouvrir, vous verrez également qu'elle contient tous vos calques. Dans votre chronologie, qui est ici, vous avez chacun des calques que vous avez créés dans Illustrator. Qu' est-ce qu'une composition ? Vous pouvez penser à ça comme un clip vidéo. Il contient de nombreux calques, qui peuvent être des éléments tels que des graphiques, du texte ou des séquences vidéo. Vous pouvez placer des compositions à l'intérieur d'autres compositions, comme la façon dont un film est composé de plusieurs clips différents. Jetons un coup d'oeil à nos réglages de compositions. Pour y arriver, vous allez dans Composition, puis Paramètres de composition ou appuyez sur Commande K. Je peux renommer ma composition ici en haut si je le voulais. Lorsque vous importez un fichier à partir d'Illustrator, la largeur et la hauteur sont par défaut identiques à celles de votre tableau d'art. Moins 300 par 300 par fréquence d'images est de 30 images par seconde, et vous avez d'autres options ici. Typiquement, j'aime travailler en nombre entier quand je fais de l'animation, donc je choisis généralement 30. Mais si vous faites un gif et que vous avez besoin de la taille du fichier pour être gentil et petit, vous pouvez également choisir 15. Je vais rester avec 30. Votre durée est la durée de votre composition. La mienne va prendre quatre secondes. La dernière option ici est la couleur de fond. Je vais cliquer dessus. J'ai mon code hexadécimal de ma couleur d'arrière-plan copié, donc je vais juste le coller là-dedans. Une fois que vous avez choisi vos paramètres, cliquez sur « OK ». Vous pouvez toujours revenir à ces paramètres plus tard en accédant à Composition, Paramètres de composition ou en appuyant sur Commande K du clavier. 7. Tour d'After Effects: Si vous êtes nouveau à After Effects, je vous ferai une petite visite. Si vous êtes un habitué, n'hésitez pas à sauter cette vidéo. En haut, nous avons notre barre d'outils. Il y a des outils comme l'outil de sélection qui est très similaire à l'outil de sélection dans Illustrator. L' outil à main qui vous permet de saisir votre composition et de la déplacer. Si vous voulez remettre cela au centre, vous pouvez toujours aller ici et le régler pour qu'il s'adapte. Le suivant est l'outil de zoom. Vous pouvez cliquer pour effectuer un zoom avant. Une autre façon de le faire est d'utiliser les touches virgule et point de votre clavier. Toujours si vous voulez centrer quelque chose parfaitement, vous pouvez utiliser ce menu déroulant. Vous avez également vos outils de rotation, les outils de panoramique derrière, outil de forme, l'outil de stylo, outil de texte et les pinceaux. Ensuite, nous avons notre panel de projet. C' est là que tous vos actifs iront. Lorsque vous importez des fichiers depuis Illustrator ou même Photoshop ou des séquences vidéo, tout ce qui s'affiche ici. Si vous voulez faire une nouvelle composition, une composition vide, vous pouvez appuyer sur ce bouton « Composition » juste ici. Cela fera apparaître vos paramètres de composition. Définissez vos paramètres et appuyez sur « OK » et vous avez une nouvelle composition. Si vous voulez supprimer une comp, appuyez sur « Corbeille ». Ensuite, nous avons notre panneau de composition et c'est là que toute votre animation va jouer. Si vous êtes sur un ordinateur qui fonctionne lentement, vous pouvez définir votre résolution sur la moitié, troisième ou le quart, pour la rendre plus rapide. En bas de l'écran, vous avez votre chronologie. C' est là que vous faites la majeure partie de votre travail. Si vous cliquez sur le premier calque, vous pouvez basculer vers le bas et vous verrez transformer, basculer à nouveau vers le bas et vous avez quelques propriétés que vous pouvez animer. Nous en parlerons plus dans la prochaine vidéo. Si vous voulez masquer un calque, vous pouvez utiliser cette boule d'oeil Icône. Si vous voulez voir un seul calque, vous pouvez appuyer sur le bouton « Solo » ici. Cela vous montrera seulement le calque solo. Sur la droite, nous avons notre bouton « Aperçu ». Ce sont les boutons Lecture, Frame Suivant, Dernière Frame. Aussi, gardez à l'esprit que si vous ne voyez aucun des panneaux que j'ai, vous pouvez toujours les trouver sous Fenêtre. Mon espace de travail est maintenant standard, mais vous pouvez créer vos propres espaces de travail ou essayer n'importe lequel d'entre eux. Gardez également à l'esprit que vous pouvez déplacer ces panneaux comme dans Illustrator. Ensuite, j'ai mes Effets et Préréglages. Ici, vous pouvez obtenir toutes sortes d'effets différents. Nous n'en utiliserons aucun dans cette classe, mais si vous voulez les explorer, il y a beaucoup de ressources pour cela. Vous avez aussi des Bibliothèques. Dans Illustrator, j'ai configuré cette bibliothèque de couleurs avec les trois couleurs que j'utilise dans mes icônes et je peux y accéder ici dans After Effects. Voilà, l'interface utilisateur d'After Effects en moins de trois minutes. Dans les prochaines vidéos, nous allons plonger plus en profondeur sur l'utilisation de cette interface. 8. Configurer les images clés: Comment créer des animations et des effets après ? Tout est basé sur des images clés. Jetons un coup d'oeil. Si je bascule ce calque de crayon, j'ai toutes ces propriétés différentes que je peux animer. Si je frappe ce chronomètre juste ici sur la propriété de la balance, il va mettre un cadre clé qui dit diamant bleu juste ici. Ensuite, si je vais de l'avant dans le temps à environ une seconde, alors je vais définir une autre image clé. Il y a quelques façons de le faire. Je peux appuyer sur ce bouton d'image de clé d'annonce, et maintenant j'ai une autre image clé, mais cette image clé est exactement la même que la première, donc aucune animation ne se produit parce qu'aucune valeur ne change. Pour que je puisse entrer et mettre une valeur. Je peux soit taper une valeur, soit cliquer et faire glisser sur la valeur. Maintenant, j'ai une valeur de 190, et maintenant mon animation bien mis. Si je veux changer l'une des valeurs, je m'assure juste que mon indicateur de temps est sur cette image clé, puis change la valeur. Une autre partie amusante de After Effects est que vous pouvez réellement mettre en maths ici. Je pourrais faire 100 divisé par 30 et ça ferait les calculs pour moi. Si vous voulez vous débarrasser d'une animation, vous pouvez simplement supprimer les images clés. Lecture dans l'animation, vous pouvez frotter le long de la timeline, mais pour jouer en temps réel, vous allez vouloir utiliser le bouton d'aperçu, le bouton de lecture ou appuyer sur la barre d'espace de votre clavier. Gardez à l'esprit si vous avez beaucoup de choses dans votre composition, votre animation peut être lente au début. C' est parce qu'après les effets doit le rendre, cela signifie qu'il doit calculer à quoi ressemble chaque image avant de pouvoir vous le lire. Dans la fenêtre d'informations, il vous indiquera s'il est lu en temps réel ou non. Lorsque vous lisez une animation, elle ne joue que dans la zone de travail désignée c'est-à-dire cette zone située entre ces deux barres bleues. Si je fais glisser ma zone de travail sur une seconde et des intervalles temporels, puis que j'appuie sur le jeu, il continuera à jouer cette même zone encore et encore. Disons que je voulais animer la position de ce crayon. Je vais frapper le chronomètre pour démarrer une image clé. Je veux aller de l'avant dans le temps, puis je vais juste ramasser mon crayon sur ma composition et le faire glisser dessus. Maintenant, je tiens Shift pour m'assurer qu'il va en ligne droite. C' est une autre façon que vous pouvez définir une image clé. Maintenant, dites pour une raison quelconque que je voulais que cette ligne bouge aussi. Je peux en fait simplement copier et coller ces images clés sur ma ligne. Maintenant, vous ne pouvez pas voir les images clés, mais elles sont là. Si je bascule vers le bas, alors je les verrai, et maintenant si je lis l'animation, vous pouvez voir que ma ligne et mon crayon ont les mêmes images clés de position exacte. Il y a beaucoup de raccourcis clavier qui peuvent accélérer votre flux de travail ici. Si vous appuyez sur U, il va afficher uniquement les propriétés qui ont une trame clé définie. Si vous appuyez à nouveau sur U, il les fermera tous, donc c'est vraiment utile. Vous pouvez également appuyer sur P sur le clavier pour mettre en place la position ou sur S pour l'échelle, sur T pour l'opacité. et la liste continue et continue. Revenons à la position. Je vais juste supprimer la position sur la ligne parce que je ne veux pas cela, mais dis que je veux que mon crayon bouge dans un arc. Je vais cacher la ligne pour l'instant parce qu'on n'en a pas besoin. Vous pouvez également modifier la trajectoire de mouvement de la ligne. Si vous cliquez sur l'un des points d'ancrage, vous verrez que vous obtenez ces poignées pezi et vous pouvez les faire glisser comme vous le feriez avec les poignées pezi dans Illustrator. Maintenant, quand je lis l'animation, je peux voir que mon crayon va se déplacer de haut en bas. Je vais retourner sur ma ligne pour vous montrer une autre chose, et je vais supprimer ces images clés. Une façon de supprimer les images clés est de cliquer sur le chronomètre qui fera leur activation et l'image clé ou de désactiver toutes les images clés. En outre, si vous avez des images clés, vous pouvez simplement les sélectionner et appuyer sur Supprimer. Comme vous pouvez le voir, chacun de mes calques s'étend sur toute la ligne de temps. Si je voulais que ma couche de crayon se termine pour que mon crayon ne soit plus visible au bout de deux secondes, je peux simplement faire glisser ce calque. Où que se trouve cette barre, c'est là que vous verrez le calque dans la composition, mais lorsqu'il n'y a plus de barre, vous ne verrez plus ce calque dans la composition. En outre, l'ordre des couches compte. Comme vous pouvez le voir, le crayon couvre la ligne, mais vous pouvez simplement faire glisser les calques pour déplacer les uns sur les autres. N' oubliez pas d'enregistrer votre fichier en allant dans Fichier Enregistrer ou dans la commande S. Ensuite, enregistrez-le dans le même dossier principal que vos icônes, mais vous pouvez le mettre dans son propre dossier si vous le souhaitez. Si vous êtes un débutant d'After Effects et que vous vous sentez submergé, je comprends. Je t'ai donné beaucoup d'infos. C' est le bon moment pour faire une pause et jouer dans After Effects. Je pense que tu vas commencer à voir que ce n'est pas si mal. 9. Convertir les calques vectoriels en formes: Lorsque vous importez des graphiques à partir d'Illustrator, vos calques sont des calques vectoriels. Mais parfois, vous pouvez modifier les formes réelles que vous avez créées dans Illustrator. Pour ce faire, vous allez sélectionner le calque, cliquez avec le bouton droit de la souris, allez dans « Créer », puis Créer des formes à partir d'un calque vectoriel. Maintenant, After Affects a fait de moi un nouveau calque, et a ajouté le mot contours, pour que vous sachiez lequel il s'agit. Je vais cacher le crayon une seconde. Si je bascule sur ce nouveau calque de forme, je vais avoir une nouvelle chose appelée le contenu, et si j'y passe, je peux vraiment voir le chemin. C' est le même chemin que j'avais dans Illustrator. Je peux réellement entrer, et modifier le chemin, et si je l'annule, je peux définir des images clés et animer le chemin. Je n'ai plus besoin de la couche vectorielle, donc je vais juste la supprimer. Si pour une raison quelconque j'en avais besoin à nouveau, il sera toujours dans ce dossier de calques. 10. Animer des lignes en dessinant dans: Je veux animer ce dessin de chemin dans, donc je vais basculer vers le bas, aller sur le bouton Ajouter, puis appuyer sur « Couper les chemins ». Maintenant, j'ai une nouvelle option pour Trim Paths, donc je vais basculer vers le bas. J' ai trois propriétés que je peux animer. Début signifie le début de la ligne, donc ça va être juste ici, Fin signifie la fin de la ligne, donc ici. Je vais définir une image clé à une seconde, pour la fin à 100 pour cent, puis je vais revenir au début et ramener ça à zéro. Maintenant, vous pouvez voir que ma ligne s'anime. Et si votre ligne ne s'animait pas comme vous l'attendiez ? Eh bien, vous pouvez monter à Path et inverser la direction du chemin. Maintenant, il va s'animer de l'autre direction. Et si je voulais animer ma ligne venant du centre ? Je vais supprimer ces images clés, puis je vais définir le Début à 50 % et la fin à 50 %, et je vais définir les images clés. Ensuite, je vais aller de l'avant dans le temps et régler le Début à zéro et la Fin à 100. Maintenant, vous pouvez voir qu'il s'anime à partir du centre. Je vais supprimer ces images clés et vous montrer ce que signifie le décalage. Décalage va déplacer votre ligne le long de son chemin, juste comme ça. De mon animation au crayon, je veux que ma ligne s'anime comme ça. Permettez-moi de vous montrer un autre exemple de la façon dont vous pouvez utiliser cet effet. Je vais importer, Commandement I, mon pinceau. Assurez-vous toujours de choisir Composition Conserver les tailles de calque. Je vais double-cliquer pour ouvrir ça. J' ai ces gouttes qui sortent de mon pinceau. Ce sont en fait des traits que j'ai créés dans Illustrator, mais ici, ce ne sont que des formes vectorielles. Ils sont cachés en ce moment. Ce que vous voyez est une forme appelée peinture arrière et c'est juste une forme que j'ai fusionné mes traits ensemble dans cette forme. Tu verras pourquoi j'ai fait ça un peu. Mais pour l'instant, je vais juste cacher ce calque et ensuite montrer ces calques de traits. Mais ce ne sont pas des traits car ce ne sont que des calques vectoriels, donc je vais les sélectionner tous, clic droit, Créer, Créer des formes à partir d'un calque vectoriel. Maintenant, je peux supprimer les versions d'Illustrator parce que je n'en ai pas besoin. Ensuite, je vais basculer sur le premier. Cliquez sur « Ajouter », « Couper les chemins », et je vais définir une image clé à une seconde pour 100 sur la fin, puis remonter dans le temps et ramener cette image à zéro. Je veux que ça descende et s'égoutte. Maintenant, j'ai la peinture qui descend, mais j'ai besoin du haut de la ligne pour m'animer aussi. Vers le milieu, je vais faire une image clé sur le Start, puis aller de l'avant dans le temps, puis porter le Start à 100. Vous pouvez voir que maintenant ma ligne s'anime dans l'autre sens. Rejouons ça à zéro, une seconde. C' est à peu près ce que je voulais, ça ressemble à une goutte. Je peux prendre ces chemins de coupe, assurer que vous avez sélectionné les chemins de coupe, appuyez sur Commande C pour le copier, puis sur Commande V sur chacun de mes autres calques pour le coller. Maintenant, si j'appuie sur U sur le clavier pour afficher tous mes calques avec des propriétés, vous pouvez voir que ces images clés ont été collées sur chaque calque. Rejouons ça. Ils coulent tous en même temps. Ce n'est pas vraiment ce que je cherchais, alors décalons ces couches. Peut-être que je veux le milieu, donc le troisième aller en premier, puis le second, donc je vais juste mettre en évidence ces images clés et les faire glisser un peu vers l'avant dans le temps. Alors peut-être, je veux que la quatrième passe ensuite, donc je vais les faire glisser vers, voyons, que diriez-vous de 25 images. Puis le dernier, numéro un, je vais présenter ici. Voyons à quoi ça ressemble. Pas mal. Maintenant, je vais montrer ma couche de peinture, la couche arrière de peinture, c'est celle qui a une forme solide. Maintenant, vous pouvez voir que chaque couche se détache, mais maintenant comme j'ai cette couche arrière de peinture allumée, ça va fonctionner en boucle. J' ai ma peinture dégoulinant et vous pouvez voir qu'elle bouclait continuellement bien. 11. Animer le long d'un chemin: Je veux que mon crayon dessine cette ligne. Je veux que le crayon suit le chemin de la ligne. Pour ce faire, je vais aller dans ma couche de ligne. Je vais descendre sur le chemin, assurez-vous que vous sélectionnez le chemin inférieur. Appuyez sur « Commande C » pour copier ce chemin. Ensuite, allez à votre calque de crayon, appuyez sur P sur le clavier pour faire apparaître la position. Sélectionnez la position, puis appuyez sur « Commande V » pour coller. Maintenant, mon crayon va bouger dans cette forme. Mais la pointe du crayon n'est pas sur la ligne. Donc, avec toutes ces images clés de position sélectionnées, je vais prendre la ligne et positionner la pointe de mon crayon jusqu'à la fin de la ligne. Maintenant, je vais déplacer mes images clés au début parce que c'est là que la ligne commence à dessiner. Ma ligne se dessine plus vite que mon crayon ne bouge. C' est parce que ces images clés de fin ne sont pas en même temps. Donc ce que je vais faire, c'est que je vais prendre ce dernier cadre clé sur le crayon et le faire glisser pour qu'ils soient alignés. Maintenant, vous avez peut-être remarqué ces petits points, ils ont été ajustés quand j'ai déplacé la dernière image clé. Il s'agit d'un type spécial de cadre clé appelé rove à travers le temps. Pour y accéder, cliquez avec le bouton droit de la souris sur une image clé et sélectionnez ce calque grisé indiquant Rove dans le temps. Par défaut, lorsque vous copiez et collez un chemin dans une position, vos trames G roulent à travers le temps, ce qui est ce que je voulais parce que cela m'a rendu très facile d'ajuster cela, pour obtenir le temps que je voulais. Maintenant, si je joue ça, mon crayon dessine dans ma ligne comme je le voulais. Je veux faire en boucle toutes mes animations. Donc je dois ramener ce crayon au point de départ. Mais d'abord, je vais rendre ma composition un peu plus large pour que mon crayon ne soit jamais coupé. Je vais juste appuyer sur « Commande K » pour afficher les paramètres. Faisons ça 500 par 500. D' accord, donc ma ligne va s'attirer. Alors peut-être que je vais attendre cinq images. Alors je veux que mon crayon tourne. Donc, je vais définir un cadre clé pour la rotation. J' ai appuyé sur le clavier pour faire apparaître la propriété de rotation. Ensuite, je vais aller dire deux secondes, faire tourner ça à environ 180. Je veux également déplacer la position en même temps. Donc, je vais appuyer sur U sur mon clavier pour faire apparaître toutes les propriétés qui sont animées. Appuyez sur une image clé de position. Maintenant, quand mon crayon est tourné de sorte que la gomme est vers le bas. Je veux réanimer ce chemin pour que la ligne soit effacée. Je vais donc prendre ces images clés qui étaient le chemin d'animation, les copier et les coller là où se trouve mon indicateur de temps. Ils sont un peu décalés à cause de la rotation. Avec ces images clés de position sélectionnées, je vais juste ajuster un peu le chemin et maintenant il va se déplacer le long du chemin. Maintenant, j'ai juste besoin de définir cette ligne pour effacer. Laisse-moi cacher le crayon pour que tu puisses mieux voir ça. Je vais basculer vers le bas à mon jeu de passe de coupe d'image clé pour le début, parce que je veux que le début d'une ligne s'anime de 0 à 100, ce qui serait par ici. Ensuite, je vais aller de l'avant à trois secondes et animer la sous-image à 100 pour cent. Maintenant, la ligne est en train de s'animer. Rejouons tout le truc. Il y a juste une autre chose à faire et c'est de ramener le crayon au cadre de départ afin que ce soit une boucle transparente. Je vais aller environ cinq images après la fin de l'effacement, frapper la rotation et la position des images clés. Ensuite, allez à la fin de ma chronologie. Je vais mettre la rotation à zéro, et je veux que la position soit la même qu'au début. Donc, je vais juste sélectionner cette image-clé, copier et la coller. Jetons un coup d'oeil. 12. Orienter le long d'un chemin: Jetons un coup d'oeil à un autre exemple de quand vous pouvez souhaiter qu' un objet s'anime le long d'un chemin spécifique. Faisons une nouvelle comp. Je vais utiliser l'outil plume pour dessiner un chemin. Je ne veux pas le remplissage, donc je vais basculer dans ma forme et juste supprimer le remplissage. D'accord. Maintenant, je vais aller dans mon outil de forme, descendre à l'outil étoile juste pour le plaisir, et m'assurer que mon calque d'origine n'est pas sélectionné, donc j'obtiens un autre calque. Je peux faire une étoile. Maintenant, je veux que l'étoile se déplace sur ce chemin. Je vais entrer, assurez-vous de copier le chemin du bas, aller dans la position et coller. Vous pouvez voir que mon étoile est maintenant hors écran. C' est parce que le point d'ancrage de cette étoile était ici pendant que l'étoile est là. Le point d'ancrage est l'endroit où la forme tourne autour. Je dois réaligner mon point d'ancrage pour qu'il soit au centre de mon étoile. Je vais juste annuler cette position. Je vais juste les supprimer et ensuite ramener mon étoile à l'écran pour que vous puissiez la voir. À l'aide de l'outil Panoramique derrière, qui est ce type, ou vous pouvez appuyer sur Y dans le clavier, faites glisser le point d'ancrage vers le centre de la forme. Maintenant, il va tourner autour du centre de la forme. Maintenant, je vais copier à nouveau mon chemin et le coller en position. Maintenant, mon étoile va se déplacer le long du chemin. Mais si je voulais que l'étoile s'accroche bien le long du chemin ? Vous pouvez voir qu'il est toujours dans la même orientation. Il ne tourne pas du tout au fur et à mesure qu'il bouge, ce qui n'est pas naturel. Je vais faire un clic droit sur ma forme qui est l'étoile, aller à « Transformer », puis jusqu'à « Auto-Orient ». Ça va faire apparaître cette pop-up. Je vais choisir « Orient le long du chemin ». Maintenant, vous pouvez voir que l'étoile tourne au fur et à mesure qu'elle se déplace le long du chemin. 13. Ajustement des points d'ancrage: Animons ces nuances de couleur qui s'évanouissent. J' ai mon cercle où mes nuances de couleur tournent autour. Si je commence à faire pivoter ce calque, je vais appuyer sur le clavier pour faire apparaître la propriété de rotation. Vous verrez qu'il tourne autour de son point d'ancrage, qui est juste en son centre. Mais ce n'est pas ce que je veux. Je veux qu'il tourne autour de ce cercle. Ce que je vais faire est d'appuyer sur « Y » sur le clavier ou d'aller ici à l'outil Panoramique derrière. Ensuite, je vais prendre ce point d'ancrage et le déplacer vers le cercle. Si je détiens le commandement, il va se mettre en place. Je dois le faire sur chaque couche. Je vais voir toute la deuxième nuance et les cercles pour qu' il soit plus facile de voir et de faire la même chose, et encore sur ce calque et enfin mon dernier calque. Maintenant, je veux définir des images clés de rotation sur mes échantillons. Je vais sélectionner les trois échantillons ici sur le clavier pour afficher la propriété de rotation, cliquer sur le « Chronomètre » pour créer une image-clé, puis revenir au début. Alors je vais faire glisser ça pour qu'il soit derrière la couverture. Je sais que je les ai par incréments de 30 degrés, donc je peux juste taper les chiffres. Maintenant, ils s'estompent. Si je voulais décaler l'animation, je peux simplement faire glisser ces images clés vers l'avant dans le temps. Voyons voir à quoi ça ressemble. Maintenant, je dois les animer dans l'autre sens, pour que je puisse le faire boucler. Je vais juste définir une autre de ces images clés puis aller de l'avant dans le temps et copier l'image clé de début de chaque calque. Je veux aussi décaler cette animation, donc je vais les faire glisser un peu en arrière. Jetons un coup d'oeil. 14. Parentalité - Partie 1: À ce stade, vous en savez assez pour créer des animations simples sur vos icônes. La meilleure façon d'apprendre vraiment After Effects est de pratiquer. J' espère que vous avez mis quelques images clés à côté de moi. Vous voudrez peut-être prendre un peu de temps pour vous mettre à l'aise avec ce que nous avons parcouru jusqu'à présent parce que dans les vidéos suivantes, nous allons aller dans des techniques plus intermédiaires pour faire passer vos animations au niveau supérieur. Si vous êtes prêt, commençons. Parlons de la parentalité, pas du genre de couches pleurantes et sales, rôle parental et des effets post-secondaires signifie qu'un calque, le calque enfant, a la même animation qu'un autre calque, le calque parent. Pour un exemple de la façon dont le rôle parental fonctionne, je vais juste faire deux formes. Le premier sera un cercle, et le second sera un carré. Maintenant, je vais juste mettre les points d'ancrage au centre de ces formes et ensuite les colorer une petite différence afin que vous puissiez les voir plus facilement. Mon carré va être le calque parent, donc je vais juste sélectionner le calque, appuyer sur Entrée et puis je peux le renommer et mon cercle sera l'enfant. Je vais d'abord définir des images clés du médecin sur le calque parent. Maintenant, je vais prendre mon calque enfant, assurez-vous qu'il est sélectionné et puis passer à ce petit outil en spirale. Ça s'appelle le fouet de pick-whip, et je vais prendre le fouet et et le faire glisser sur mon calque parent. Maintenant, vous pouvez voir sous lien parent, cet enfant a un parent appelé parent, nommage très créatif. Lorsque je rejoue cette animation, vous pouvez voir que l'enfant suit le parent. Vous pouvez le faire pour toutes les différentes propriétés. Si je devais changer l'échelle du parent, l' enfant sera également à l'échelle. Pour dissocier le calque, allez simplement dans la liste déroulante et sélectionnez Aucun, et maintenant ils ne sont plus liés. 15. Parentalité - Partie 2: Revenons maintenant aux nuances de couleur et je vais vous montrer comment j'ai ajouté un peu plus intéressant animation en utilisant le rôle parental. J' ai pris mes trois couches de nuance et je les ai mis à ma couverture. Maintenant, vous pouvez sélectionner plusieurs choses à la fois, puis utiliser le fouet de prélèvement pour parent. Une autre façon de parent est évidemment d'aller dans la liste déroulante et de sélectionner une couche. Maintenant, ces trois couches d'échantillon sont parentées au calque de couverture. Maintenant, la couverture n'a pas d'animation dessus pour le moment, donc vous ne verrez rien changer à ce stade. Je vais faire tourner légèrement la couverture, donc cela motive l'ouverture et la fermeture du livret de l'échantillon. Je vais faire pivoter Rotation, puis définir une image-clé et aller de l'avant dans le temps, peut-être ici, et définir une autre image-clé. Maintenant, vous pouvez voir que lorsque je fais pivoter la couverture, les trois échantillons tournent aussi. Mais ils ont tous leurs propres animations individuelles. L' animation de la couverture s'ajoute à l'animation existante sur les nuanciers. Peu importe les images clés que vous définissez en premier. Voyons maintenant à quoi ça ressemble. Faisons ça pour qu'il bouclette. Je vais simplement copier cette dernière image clé, coller, puis copier l'image clé de début et la coller à la fin. Maintenant, ajoutons une certaine position à la couverture pour lui donner un peu plus de motivation pour l'ouverture. Je vais définir une image clé de position, puis je vais appuyer sur « U » sur le clavier pour afficher toutes les propriétés qui ont des images clés. Alors je vais aller de l'avant à temps. Peut-être que quand le livret n'est pas ouvert, je réduirai la position. Vous pouvez voir que j'ai oublié de mettre le cercle à la couverture. Si je devais m'en occuper maintenant, tu peux voir que ça va toujours être hors-centre, même si je bouge ça. Ce que je dois faire, c'est retourner à l'endroit où les positions étaient alignées, puis parfaire le cercle. Maintenant, je peux continuer à définir mon image-clé. Je voulais que celui-là soit debout et que celui-là soit en panne. Voyons à quoi ça ressemble. Il devrait revenir vers le bas lorsqu'il se ferme, copiez et collez cette image clé, copiez et collez le début jusqu'à la fin. Cela va assez lentement et je pense que je dois décaler un peu les images clés, sorte que la position et la rotation de la couverture motivent le livret à ouvrir. Je vais juste passer un peu de temps à ajuster mes images clés et à m'assurer que l'animation sort comme je le veux. C' est beaucoup d'essais et d'erreurs, donc vous aurez juste à déplacer vos images clés, voir ce qui fonctionne, voir ce que vous aimez. Cela prend du temps et beaucoup de pratique. Voici ce que j'ai trouvé pour l'instant. Nous allons revenir à l'animation des nuanciers de couleur dans la vidéo d'assouplissement. Alors restez à l'écoute pour ça. 16. Mise à l'échelle - Partie 1: Jusqu' à ce jour, nous avons animé des mouvements de boucle sur nos icônes, mais vous pouvez aussi animer une icône de rien dans l'icône ou de l'icône en rien. Faisons ça sur cette caméra ici. Je vais [inaudible] mon arrière-plan principal là-bas. Maintenant, si je devais tester les images clés à l'échelle sur cela et que je mettais cela à zéro pour qu'il s'adapte et vous pouvez voir que mon trait est également mis à l'échelle. C' est une ligne très mince ici, puis à mesure qu'elle augmente, le trait s'échelle aussi. C' est parce que c'est une couche. Ce n'est pas exactement l'effet que je veux obtenir. Je veux que le coup reste la même largeur tout le temps malgré sa mise à l'échelle. Voyons ce qui se passe si je convertit le calque Illustrator en calque de forme modifiable. C' est notre forme modifiable, mais la même chose arrive, mon trait est également mis à l'échelle. Si je passe sous Contenu, j'ai un groupe avec un chemin. Malheureusement, After Effects ne sait pas qu'il s'agit d'un rectangle avec des coins arrondis. Nous allons devoir recréer la forme et les effets après, mais ne vous inquiétez pas, ce n'est pas si difficile. Je vais juste fermer cela et ensuite aller à mon outil de forme, assurer de l'outil rectangle, puis juste tracer ceci. Je ne veux pas ce remplissage, donc je vais cliquer sur le mot remplissage et appuyer le bouton none et tous mes traits étaient de sept points. Vous pouvez maintenant voir que vous avez créé un nouveau calque de forme. Sous le contenu, vous avez le rectangle, puis vous avez le chemin du rectangle. vertu de cela, vous pouvez réellement ajuster la taille et le trait ne changera pas les largeurs. Ce sera toujours la même largeur. C' est l'astuce pour animer les formes, taille plutôt que l'échelle et votre trait restera toujours le même. Si vous vouliez animer le trait de plus en plus épais, il y a aussi une option pour cela. Je veux juste garder le mien à sept heures tout le temps et remettre ça en ligne avec mon calque original d'Illustrator. Maintenant, je vais ajouter des coins arrondis, et je vais juste supprimer ce calque. Je vais dimensionner ça et je vais mettre cette taille à zéro. Il va augmenter exactement comme je le voulais. Vous pouvez également le faire sur toutes vos autres couches. Vous pouvez supprimer vos calques Illustrator si vous n'en avez pas besoin parce que vous les avez recréés. Pour renommer un calque, sélectionnez simplement le calque, appuyez sur Entrée, puis vous pouvez renommer. Appuyez sur Entrée pour finaliser ce nom. Je vais faire la même chose pour toutes mes couches ici sur la caméra. Quand j'ai fait ce rectangle, il a des coins pointus, mais si vous remarquez que mon autre de l'Illustrator avait des coins arrondis. Comment résoudre cela est d'aller en trait, puis choisissez jointure ronde. Si vous avez un calque qui a besoin d'un échec mais qu'il n'en a pas, vous pouvez appuyer sur le bouton Ajouter, puis remplir. Assurez-vous de le faire glisser dans votre forme , puis vous pouvez aller changer la couleur sous la couleur. Pour créer ces deux lignes, je vais simplement utiliser l'outil Plume. Pour créer cette flare d'objectif, je vais juste créer un cercle complet, puis utiliser chemins de coupe pour obtenir juste la partie que je veux. Sur ce cercle, je vais ajouter des chemins de coupe alors je vais entrer et le mettre à environ 25 pour cent. Ensuite, je vais déplacer le décalage de sorte qu'il s'alignera là où je le veux. Je peux supprimer l'original. Maintenant, vous remarquez que cette ligne a des bouchons de cul, ils sont plats. Je vais juste aller dans la forme et le coup et où il est dit bout bout pour le bouchon de ligne, je vais choisir bouchon rond et même avec l'autre ligne. 17. Mise à l'échelle - Partie 2: À ce stade, il est probablement utile d' aligner tous mes points d'ancrage au centre de leurs lignes. Donc, en utilisant l'outil Pen Behind Tool ou « Y » dans le clavier, il suffit de faire glisser tous vos points d'ancrage en place. Rappelez-vous que maintenir « Commande » les accrochera au centre. Une fois que vous avez recréé les formes requises dans After Effects, vous pouvez utiliser les outils Aligner pour vous assurer qu'elles sont à nouveau alignées. Ensuite, pour mettre à l'échelle chaque partie de mon appareil photo, je vais utiliser la taille plutôt que l'échelle afin que mes traits maintiennent leur même largeur tout le temps. Donc, un moyen facile d'accéder à la propriété Size plutôt que de basculer vers le bas un tas de fois. Vous pouvez également aller dans la zone de recherche juste ici et taper « Taille ». Je vais définir la taille des cadres clés pour toutes mes couches. Ils vont donc passer de zéro à leur taille finale. Pour les deux lignes, la fente photo et cette ligne décorative, je vais animer les chemins de coupe pour animer ceux dans. Donc, ajoutez « Trim Paths » et puis je vais définir la fin et le début à 100 et zéro à une seconde, puis revenir en arrière et les mettre à 50, sorte qu'il s'anime de l'intérieur. Laisse-moi résoudre ça. Vous pouvez voir qu'il anime In to Out. Ensuite, je vais juste copier ces chemins de coupe sur la fente photo. Vous verrez que les images clés ont été copiées et collées et qu'elles s'animent de la même manière. Bon, donc maintenant, si je joue ce que j'ai, tout se met à l'échelle en même temps et ça ressemble à un gâchis. Je vais revenir en arrière et décaler mon cadre clé pour que les pièces entrent en une à la fois. D' abord, je vais travailler sur cette couche de caméra principale. En ce moment, c'est juste en train de s'étendre à partir du centre. Mais je vais rendre ça un peu plus intéressant. Donc d'abord, je vais supprimer la dernière image clé. Je vais le faire évoluer, puis de haut en haut, puis de nouveau. Je vais frapper cette « Proportions contraintes » pour déverrouiller les Proportions contraintes ici. Ensuite, je vais faire la valeur x 80 ; donc maintenant, il va passer de 0-80, donc il s'anime. Maintenant, je vais l'animer. Alors j'y vais peut-être, 140. Ensuite, je vais aller à « une seconde » et animer ça à 160. Maintenant, je l'ai sortir, monter et sortir encore. Maintenant, je vais ajouter Overshoot. Overshoot est l'endroit où vous allez au-delà la valeur initiale à laquelle vous voulez vous retrouver, puis revenir à elle. C' est la valeur que je veux finir à ; 160 par 140. Je vais en fait faire glisser celui-ci sur cinq images dans le futur et ensuite frapper ça pour être 170. Voyons à quoi ça ressemble. Vous pouvez voir qu'il s'étend un peu plus loin que nous avions besoin et remonte ensuite. Cela s'appelle Overshoot, et cela ajoute juste un peu d'intérêt à votre animation. Bon, donc maintenant je vais passer par chaque calque et décaler l'animation de sorte que chaque chose entre un à la fois ou légèrement se chevauche, juste pour le rendre un peu plus propre. Je vais aussi ajouter un Overshoot sur l'objectif extérieur. Alors allez de l'avant environ cinq images, définissez une image clé, puis revenez à la seconde à la dernière et faites simplement un peu plus grand. Ensuite, j'ajouterai mon objectif intérieur. La dernière fois, je vais animer l'éblouissement. En ce moment, j'ai l'éblouissement qui arrive et il doit être décalé juste un peu plus. Donc, mon éblouissement se met à l'échelle, mais je veux aussi animer les chemins de coupe. Je vais donc ajouter Trim Paths, et je vais faire baisser cela de sorte que j'ai environ 25 pour cent. Je vais animer le décalage. A la fin de l'animation, je veux qu'elle finisse par ici. Le début de l'animation, je veux qu'elle entre, peut-être qu'elle tourne. Voilà ce que j'ai jusqu'à présent. Nous reviendrons sur cette caméra dans la dernière vidéo sur l'assouplissement. 18. Créer des matières: Je vais créer une autre version de ma caméra et la faire tourner en boucle. Je vais simplement cliquer sur la composition de la caméra dans le panneau de projet et appuyer sur la commande ded pour la dupliquer. Ensuite, je peux appuyer sur Entrée pour le renommer. Ensuite, je vais simplement double-cliquer pour l'ouvrir. Ensuite, je vais simplement appuyer sur le clavier pour faire apparaître toutes les images clés , puis cliquer et faire glisser pour les sélectionner et supprimer toutes les images clés. De cette façon, je pars de zéro. Ce que je veux faire, c'est animer ces deux photos comme si elles sortaient de l'appareil photo Je veux juste qu'ils soient visibles dans cette partie inférieure de la composition. Pour cela, je vais utiliser un tapis. Je dois d'abord créer ce tapis. Je dois m'assurer que rien n' est sélectionné sur la chronologie. Il suffit de cliquer quelque part en dehors de n'importe quelle couche. Ensuite, je vais accéder à l' outil rectangle, puis cliquer et faire glisser le pointeur dans cette zone inférieure pour dessiner un rectangle. Et je m'assure qu'il s'étende jusqu' au fond de la tasse. Quelque chose comme ça. Ça a l'air bien. Ensuite, je vais simplement cliquer et appuyer sur Entrée pour renommer cette couche Et je vais juste l'appeler Matt. Peu importe le nom que vous lui donnez. Maintenant, je veux faire les photos, ce tapis comme tapis. abord, je vais simplement activer la visibilité pour la première photo. Ensuite, je dois voir mes options Matt ce que je n'ai pas sur ma chronologie pour le moment. Je vais simplement appuyer sur le bouton pour changer de mode. Si vous ne voyez toujours pas vos tapis, passez d'un bouton à l'autre pour voir si vous pouvez les obtenir. Vous recherchez l'option de tapis de course. Sur la première photo, je vais configurer le tapis de piste pour qu'il soit ce rectangle appelé carte. Vous pouvez maintenant voir que la photo n'est visible que dans ce tapis. J'ai toujours mon outil rectangulaire pour souris. Je vais juste appuyer sur V sur le clavier pour revenir à l'outil de sélection. Je peux maintenant régler la position des images-clés sur cette photo pour qu'elle donne l'impression qu'elle sort de l'appareil photo Je peux faire de même pour la deuxième photo. Je vais juste en activer la visibilité. Ensuite, je peux utiliser la même couche, la même couche de mat. Pour la photo 2, je vais simplement la sélectionner dans le menu déroulant. Une autre façon de le faire est d'utiliser ce fouet et de le faire glisser sur la couche que vous souhaitez utiliser pour le tapis Je pourrais même copier-coller cette animation sur la deuxième photo. En gros, les tapis ne sont qu'un moyen de rendre une couche visible uniquement dans une certaine zone. Et lorsque vous placez un tapis, il désactive automatiquement le globe oculaire situé sur la couche du tapis Mais cette couche est toujours là. Si, pour une raison ou une autre, vous vouliez également voir le tapis, vous suffit de vous assurer que l'ordre des couches est logique et que vous pouvez garder le œil ouvert Et tout fonctionnera toujours de la même manière. Mais dans ce cas, je ne veux pas que la couche de mat soit visible. Donc je vais juste fermer les yeux. L'ordre des couches ici. Ça n'a pas d'importance du tout. Si vous le souhaitez, vous pouvez le faire glisser vers le bas de vos couches pour le garder à l'écart ou le positionner à l' endroit qui vous convient le mieux. Le compte-gouttes est un autre exemple où j'utilise des tapis. Je l'avais déjà prévu lorsque je travaillais dans Illustrator. J'ai créé le fluide intérieur destiné à entrer dans la pipette sous la forme de ce rectangle, et je l'ai appelé intérieur Puis j'ai su que j'allais avoir besoin d' une couche de tapis que j'ai appelée masque. Mais techniquement, les tapis et les masques sont deux choses différentes. Excusez-moi pour le nom, mais j'ai créé cette couche avec la même forme que la pipette Maintenant, je peux prendre ce rectangle intérieur censé être le fluide, et choisir le tapis, ou le masque comme je l'ai appelé, pour le recadrer comme ceci. Maintenant, je peux simplement animer la propriété position sur cette couche interne Pour animer le fluide en donnant l' impression qu'il montait et descendait. 19. Donner de l'aisance: Jusqu' à présent, nous venons d'utiliser les cadres clés linéaires par défaut. Ce sont ceux qui ressemblent à des diamants, mais il y a en fait différents types de cadres clés. J' ai deux formes ici, un carré et un cercle. Ensuite, je vais juste utiliser pour montrer ce que signifie l'assouplissement. En ce moment, le carré et le cercle se déplacent travers l'écran à la même vitesse, tout le temps. C' est un mouvement linéaire. Voyons maintenant ce qui se passe si j'ajoute l'assouplissement au cercle. Je vais mettre en surbrillance leurs deux images-clés, cliquer avec le bouton droit sur l'une des images-clés, aller à l'assistant d'images-clés, puis Easy Easy. Maintenant, rejouons-le. Vous pouvez voir que le cercle commence lentement, puis il va plus vite, et puis il va se terminer lentement à nouveau. L' ajout d'une facilité à vos images clés rend l'animation un peu plus intéressante. Vous pouvez réellement ajuster le fonctionnement de l'assouplissement. Je vais mettre en évidence mes images clés linéaires et aller dans l'éditeur de graphiques. Maintenant, vous pouvez voir que la ligne rouge mappe la position x, et est juste une ligne droite qui augmente linéairement. La position y ne change pas, donc c'est juste cette ligne plate verte. Maintenant, pour mes images clés simplifiées, si je vais dans l'éditeur de graphiques, vous pouvez voir qu'il va plus dans un arc. Maintenant, cela vous montre la valeur dans le temps. Vous pouvez voir que la pente de cette ligne est la vitesse à laquelle la valeur augmente. Au milieu ici, il augmente plus vite parce que la pente de la ligne est la plus profonde ici. Ici, ça va lentement, puis accélère, puis lentement à nouveau. Vous pouvez modifier le type de graphique que vous voyez avec ce bouton ici. Je peux également montrer ce graphique de vitesse et cela montre peut-être encore plus clairement qu'il commence lentement, va vite parce que c'est le point le plus élevé du graphique, puis revient à ralentir. Vous pouvez également ajuster ce graphique pour modifier l'accélération de vos images clés. Maintenant, mon cercle va aller très lentement, puis très vite, puis redescendre pour ralentir à nouveau. Revenons dans notre icône de nuances de couleur et voyons comment nous pouvons rendre cette animation plus intéressante en ajoutant de l'accélération aux images clés. La première chose que je vais faire est juste de sélectionner toutes mes images clés, un assistant de vitesse avec le bouton droit de la souris, Easy Ease. Si vous voulez utiliser la touche de raccourci, c'est F9. Sur un Mac, assurez-vous d'appuyer sur la touche Fn, puis sur F9. Voyons maintenant à quoi ça ressemble. Ça a l'air un peu mieux. Si je veux être vraiment précis sur les mouvements de ces images clés, je peux aller dans l'éditeur de graphiques et éditer tous les graphiques. Maintenant, si vous avez une position, vous remarquerez que vous ne pouvez pas modifier ce graphique. Ce que vous devrez faire est de cliquer sur la position, puis cliquer avec le bouton droit et séparer les cotes. Cela fera en sorte que vous ayez une position y et une position x pour laquelle vous avez des images clés. Je n'ai pas de mouvement X, c'est juste monter et descendre. Je vais juste supprimer toutes ces images clés en cliquant sur le chronomètre. Maintenant, je peux aller dans mon éditeur de graphiques, alors assurez-vous de sélectionner d'abord les images clés, puis je peux ajuster les poignées pour ajuster le mouvement de mon animation. Maintenant, cela prendra beaucoup de bricolage pour obtenir exactement comment vous l'exécutez, mais juste jouer avec elle et amusez-vous. N' oubliez pas que vous pouvez voir la valeur de vos images clés au fil du temps ou que vous pouvez voir la vitesse dans le temps. J' ai trouvé beaucoup de fois plus facile d'utiliser le graphique de valeurs lorsque vous modifiez dans l'éditeur de graphiques. Cela peut prendre beaucoup de temps pour s'habituer à l'éditeur de graphiques. C' est assez complexe. Si vous ne voulez pas gérer cela maintenant, peut-être que vous êtes nouveau dans After Effects, peut-être que vous êtes nouveau dans After Effects, la meilleure chose que vous pouvez faire pour améliorer vos animations est de cliquer avec le bouton droit de la souris sur toutes les images clés qui ne sont que des images clés linéaires traditionnelles. Accédez à l'assistant de vélocité, une facilité d'allégement. Vous avez également d'autres options pour Easy Ease in et Easy Ease out. Voyons à quoi ils ressemblent. Easy Ease in va vous donner ce style d'image-clé. Si j'ai ouvert mon éditeur de graphiques, je peux voir qu'il va commencer assez linéaire, puis se terminer lentement. Ensuite, si je l'annule, je peux aussi faire Ease Ease out, ce qui fera le contraire, et cela commencera lentement et linéaire. Jouez avec l'accélération de vos images clés pour améliorer vos animations. 20. Finition: Une fois que vous avez toutes vos icônes animées comme vous le souhaitez, il est temps de les exporter. abord, je vais vous montrer comment vous pouvez mettre toutes vos icônes ensemble dans une composition à exporter. Donc, je vais appuyer sur ce bouton juste ici pour créer une nouvelle composition. Je vais juste faire ce 1920 d'ici 1080 parce que c'est une taille standard et je vais juste le nommer icônes. Bon, donc maintenant j'ai cette comp appelée icônes dans lesquelles je suis actuellement. Je vais aller dans le panneau du projet, puis faire glisser chacune de mes autres icônes sur cette comp. Vous pouvez voir qu'ils sont ajoutés en tant que calque dans la chronologie. Maintenant, j'ai les six icônes dans la même composition. Vous pouvez voir que j'ai ajouté du vernis à mon icône. J' ai donc fait ce petit squiggle un peu plus petit. Donc, il ne fait pas un mouvement aussi dramatique, et il correspond à mes autres icônes au niveau de la taille. J' ai ajouté un peu d'assouplissement à toutes les animations. J' ai en fait ajouté un faux effet 3D lorsque ma photo sort de l'appareil photo. Je vais vous donner un indice, j'utilise en fait des chemins pour le faire. Ce n'est pas en fait de la 3D mais c'est plutôt un sujet avancé que nous n'allons pas aborder ici, mais rester à l'écoute pour un cours à venir. Vous pouvez voir que mon pinceau et mes nuances de couleur, après que j'ai affiné l'animation a fini par avoir besoin de seulement deux secondes. Donc, je veux qu'ils bouclent plus de quatre secondes pour qu'ils ne disparaissent pas parce que mes autres animations sont quatre secondes. La façon la plus simple de le faire serait simplement de les dupliquer. Je vais sélectionner mon pinceau, appuyer sur Commande D pour dupliquer, puis faire glisser ceci de sorte que quand un pinceau se termine, le suivant commence. Ce sera assez transparent donc personne ne remarquera jamais et fera la même chose avec mes nuances de couleur. Maintenant, j'ai une boucle transparente de toutes mes icônes. 21. Rendu: Maintenant, je dois l'exporter ou, en termes d'After Effects, rendre pour qu'il puisse être lu sous forme de fichier vidéo. Le moyen le plus simple de le faire est d'accéder à Composition, Ajouter au rendu que. Maintenant, il ouvre ce rendu, qui n'est qu'un onglet à l'intérieur de la chronologie. J'ai ce nouveau à afficher, qui sont mes icônes. Je vais entrer, cliquer sur, vous verrez probablement la liste des pertes ici. Cliquez dessus, et ces paramètres apparaîtront. J'aime exporter le mien en tant qu' Apple Pro quatre ou deux parce que je suis sur un Mac. Et c'est le meilleur format que j'ai trouvé, il est vraiment de haute qualité. Vous pouvez également choisir l'un de ces autres modèles , selon vos besoins. Maintenant, cela va exporter le fichier MOV v. Si vous souhaitez exporter un MP quatre, je vais vous montrer une autre méthode. En fait, vous ne pouvez pas exporter MP 4 directement depuis After Effects. Les Mpfour sont excellents parce qu'ils sont un peu plus compressés et qu'ils ont des fonctionnalités plus étendues. Ils sont bons sur les iPhones et pour des choses comme Instagram et Facebook Maintenant, une fois que tous mes paramètres sont définis, je veux m'assurer que je les affiche au bon endroit. Je vais donc simplement cliquer dessus. Ensuite, je vais accéder à l'endroit où je souhaite l'exporter et cliquer sur Enregistrer. Ensuite, pour démarrer le processus d' exportation, je vais simplement appuyer sur Render. Quand vous entendez ce beau bruit, vous savez que c'est fait. Maintenant, je peux accéder à mon Finder, et maintenant je peux trouver mon fichier MOV dans le Finder, et je peux l' ouvrir rapidement. Si vous utilisez un Mac, c'est parti. Si vous souhaitez exporter un MP 4, il y a une étape supplémentaire. Je vais revenir à la composition de mes icônes, puis accéder au menu supérieur, cliquer sur Composition, puis sur Ajouter à Adobeamdia Et cela va ouvrir Adobe Media Encoder. encodeur multimédia est un programme qui ne fait qu' exporter des fichiers vidéo ou différents types de fichiers, comme même des cadeaux animés Une fois l'encodeur multimédia ouvert, vous verrez le projet prêt à être exporté ici Vous pouvez également simplement faire glisser un fichier MOV si vous l'avez déjà exporté. Les paramètres que j'utilise pour exporter un MP quatre sont le H 264. Et puis je l'ai simplement configuré pour qu'il corresponde à la source, qui est par défaut. Ensuite, vous verrez que cela va faire un MP quatre. Pour accéder à l'un de ces paramètres, il suffit de cliquer sur le format. J'ai choisi le H 264. Vous pouvez voir qu'il exporte un MP Four. Assurez-vous d'exporter la vidéo, puis si vous avez de l'audio, vous pouvez exporter de l'audio. Sinon, vous pouvez décocher cette case si vous souhaitez, puis appuyer sur OK. Cliquez ici pour accéder à l'endroit où vous souhaitez enregistrer la vidéo. Il suffit ensuite d'appuyer sur ce bouton vert de lecture pour démarrer le rendu. Lorsque le rendu est terminé, vous devriez trouver un tout nouveau fichier P quatre dans le menu du Finder. Maintenant, si vous souhaitez découvrir un cadeau, vous pouvez également le faire via un encodeur multimédia Je vais juste prendre mon fichier MOV et le faire glisser dans l'encodeur multimédia Vous pouvez également envoyer le fichier depuis After Effects vers Media Encoder, comme nous l'avons fait la première fois Cette fois, je vais cliquer sur 20064 pour changer le réglage en cadeau animé Je vais juste changer le nom icônes et cliquer sur Render. Maintenant, j'ai un cadeau animé et je peux ouvrir dans un navigateur Web. Je trouve que les cadeaux animés sont les meilleurs pour les sites Web où vous souhaitez que le cadeau soit diffusé en boucle encore et encore. Et je trouve que MP Four est une bonne idée pour les réseaux sociaux comme Instagram. Et ça bouclera automatiquement. 22. Merci !: Félicitations pour avoir terminé ce cours. J' aimerais voir ce que vous avez créé, alors assurez-vous de télécharger votre travail dans le projet de classe. Si vous avez posté sur les réseaux sociaux, s'il vous plaît tagez-moi @explanimated pour que je puisse le voir là-bas. Assurez-vous de me suivre sur Skillshare pour rester au courant des cours à venir. Si vous avez aimé ce cours, j'apprécierais vraiment que vous me laissiez un avis. Si vous avez des questions, n' hésitez pas à nous contacter sur la page de la communauté. Si vous avez d'autres sujets que vous aimeriez apprendre, faites-le moi savoir. Vous pouvez consulter mon travail @meganfriesth .com ou sur Instagram @explanimated. Merci beaucoup d'avoir regardé ce cours. Happy animation. [MUSIQUE]