Icônes animées faciles dans Adobe After Effects

1. Bienvenue: animation a le pouvoir de donner vie à vos idées, mais Adobe After Effects peut être intimidant Que vous soyez un illustrateur qui cherche à ajouter du mouvement à son travail, un graphiste qui cherche à élargir ses compétences ou un YouTuber qui souhaite intégrer des animations graphiques à ses vidéos, ce cours est un excellent point de départ Bienvenue sur Easy Animated Icones et Adobe After Effects. Je suis Megan Frias, et je suis explicatrice. J'écris, j'illustre et j'anime des animations pédagogiques, principalement axées sur des sujets liés à la santé et à l'environnement Dans ce cours adapté aux débutants, vous apprendrez à préparer des graphismes, à créer dans Illustrator pour les animations, importer des graphiques dans After Effects, à définir des images-clés pour créer des animations et à exporter un fichier vidéo pour présenter votre travail Vous pouvez vous lancer directement dans l'animation en téléchargeant mes icônes, ou vous pouvez utiliser les compétences que vous avez apprises pour animer votre propre ensemble d'icônes Si ce n'est pas déjà fait, vous pouvez regarder mon cours Illustrer avec des formes pour apprendre à illustrer votre propre ensemble d'icônes. Donc, si vous êtes prêt à apprendre ou pratiquer After Effects en créant un ensemble amusant d'icônes animées, alors commençons. 2. Projet de classe: Le projet de cette classe consiste à animer un ensemble d'icônes. Vous pouvez télécharger les fichiers Illustrator que j'ai fournis et animer ces icônes Vous pouvez également utiliser les compétences que vous avez acquises pour animer votre propre ensemble d'icônes, que vous les ayez illustrées vous-même ou que vous soyez autorisé à utiliser un ensemble d'icônes que vous n'avez pas créé Vous pouvez même faire les deux pour vous entraîner davantage. Avant de commencer à animer, il peut être utile de planifier l'animation en créant quelque chose comme ceci Essayez d'animer vos icônes de manière à améliorer leur signification plutôt que de simplement les déplacer pour le simple fait de les 3. Préparer des icônes pour l'animation: Avant de commencer à animer, vous devez préparer vos icônes pour l'animation C'est là que je m'étais arrêté dans le cours précédent, Illustrate With Shapes, où je vous ai montré comment illustrer ces icônes. C'est très bien si vous voulez vous lancer directement dans l'animation en regardant ce cours et non pas illustrer avec des formes. Si vous avez déjà créé vos propres icônes ou obtenu un ensemble d'icônes d'une manière ou d'une autre, vous devrez probablement suivre les étapes décrites dans cette vidéo pour préparer les icônes à être animées. Bien que votre point de départ soit légèrement différent du mien. Si vous utilisez les icônes que je vous ai fournies dans le cadre de ce cours, je vous les ai données déjà prêtes à être animées. Vous pouvez donc ignorer cette vidéo, mais ce que je vais aborder ici est très important si vous devez préparer des illustrations pour l'animation à partir d'Illustrator. Voici donc comment préparer une illustration pour l'animation. Lorsque vous importez un fichier Illustrator dans After Effects, After Effects ne reconnaît que le premier plan de travail. La première étape de préparation de ces icônes pour Illustration consiste donc à les séparer dans leurs propres fichiers avec une seule icône et un seul plan de travail dans chaque fichier Heureusement, il existe un moyen simple de séparer tous ces différents plans de travail dans leurs propres fichiers Illustrator Donc, pour ce faire, vous devez accéder à Fichier Enregistrer sous. Je l'enregistre dans un dossier Illustrator, qui se trouve dans un autre dossier contenant tout ce qui concerne ce projet. Je vous en montrerai plus sur l'organisation des fichiers plus tard. Mais pour l'instant, je dois enregistrer ceci et je ne veux pas remplacer ma copie originale simplement parce que je veux l' avoir comme sauvegarde Je vais changer le nom de cette icône, appelons-la simplement icône, puis appuyer sur Enregistrer. Ensuite, pour séparer chaque plan de travail dans un fichier distinct, vous devez cocher cette option ici, et je veux créer les six plans de travail. Je vais donc simplement tout laisser activé, puis appuyer sur Ensuite, plus précisément, vous pouvez voir qu'il a créé six nouveaux fichiers et que chacun n'a qu'une seule icône Il s'agit en fait d'une copie des échantillons de couleurs, supprimons simplement celui-ci Nous allons changer le nom de chacun de ces fichiers. Maintenant, je dois ouvrir chacun de ces fichiers et assurer que les icônes sont prêtes à être animées. Je vais juste les ouvrir tous les six. Je vais commencer par les échantillons de couleurs. Vous devez séparer chaque pièce que vous souhaitez animer dans sa propre couche. Vous allez avoir besoin du panneau des couches. Si vous ne le voyez pas déjà, assurez-vous de l' ouvrir sous la fenêtre. heure actuelle, dans le panneau Calques, j'ai juste le calque deux et un calque d'arrière-plan. Si j'ouvre le calque deux, vous pouvez voir qu'il y a en fait plus d' œuvres d'art derrière celui-ci Chacune de ces pages du livret d'échantillons de couleurs, je souhaite être animée Je dois créer de nouvelles couches pour eux. Je vais simplement descendre au bas du panneau Calques et cliquer sur le bouton Nouveau calque, puis je vais simplement prendre ce groupe et le faire glisser dans le nouveau calque. Ensuite, je vais le répéter. Maintenant , j'ai chacune de ces trois pages du livret d'échantillons de couleurs dans ses propres couches, puis j'ai également la couverture dans sa propre couche Mais maintenant, la couverture est en bas, donc je vais la mettre en haut. Dans After Effects, je vais faire pivoter chacune de ces couches pour qu' elles s'animent en sortant de ce livret d'échantillons de couleurs . C'est pourquoi je les laisse sans notation et je les ai toutes empilées derrière cette couche de couverture Une autre chose très utile lorsque vous animez est d'étiqueter toutes vos couches Dans After Effects, vous n'avez pas accès à un tel aperçu Il est donc très difficile de savoir de quelle couche il s'agit si elle s'appelle simplement couche un, deux, trois ou quatre. Pour renommer une couche, il suffit de double-cliquer sur le texte. Je vais juste passer en revue et renommer toutes ces couches Il y a en fait une autre chose que je dois séparer, et c'est cette petite reliure. Même si cette reliure fait en quelque sorte partie de la couverture et que je n'ai pas besoin d' animer la reliure elle-même, si je sépare cette reliure en une seule couche, je peux utiliser sa position pour facilement le point d'ancrage de toutes les autres couches à cette reliure afin qu'elles pivotent hors de la reliure Si cela n'a pas vraiment de sens, ce sera le cas quand j'aborderai After Effects. Je vais donc placer ce cercle qui représente la reliure du livre dans sa propre couche. Je vais donc simplement appuyer sur le bouton de la nouvelle couche. Je peux voir que le cercle de reliure est sélectionné dans la couche de couverture. Donc, un petit raccourci au lieu d'avoir à ouvrir cette couche de couverture est simplement que vous pouvez utiliser le champ indicateur de sélection ici et le faire glisser vers le haut dans le nouveau calque pour simplement déplacer ce qui a été sélectionné dans le nouveau calque. Maintenant, renommons-le. Maintenant que tout ce dont j'ai besoin est séparé dans sa propre couche, je vais simplement appuyer sur Enregistrer pour l'enregistrer et passons à l'icône suivante. Si j'ouvre le calque deux, vous pouvez voir toutes les différentes pièces de l'appareil photo et les photos qui sont groupées Toutes ces choses sont des sous-couches de la deuxième couche. Vous pouvez voir qu'elles sont en retrait sous la couche deux, elles sont donc imbriquées dans la couche deux ou, en d'autres termes, dans sous-couches de la couche After Effects ne reconnaît pas ces sous-couches, c'est pourquoi nous avons séparé les éléments dans leurs propres couches. Supposons donc que vous vouliez créer toutes ces sous-couches, leurs propres couches. Il existe un moyen simple et rapide de le faire. Ce que vous pouvez faire, c'est sélectionner la couche, puis accéder au menu à trois lignes du panneau des couches et choisir Libérer les couches pour les séquencer. Notez que toutes les sous-couches ont été renommées en couches, et que vous pouvez maintenant les ouvrir pour voir la forme réelle qu' elles contiennent. Mais cela n'en a pas fait leurs propres couches, car elles sont toujours imbriquées sous la couche deux La prochaine étape vraiment importante est donc que vous devez sélectionner toutes ces sous-couches et les faire glisser vers le haut et hors de cette couche 2 pour qu'elles forment désormais toutes leur propre couche. À partir de là, nous pouvons étiqueter les couches. Je vais éteindre l'œil sur les photos pendant une seconde, afin que nous puissions voir un peu mieux l' appareil photo Je dois étiqueter toutes ces couches. Mais d'abord, je pense qu' il y a certaines choses qui pourraient être combinées, car je ne vais pas les animer séparément. Donc ce petit détail, ce petit détail, cette ligne, ce détail et l'appareil photo principal, je pense que tout cela peut aller de pair. Vous pouvez voir qu'ils se trouvent tous sur des couches différentes, mais comme ils ne seront pas animés séparément, ils peuvent tous se trouver sur le même calque. Je pourrais cliquer et faire glisser pour les placer dans différentes couches. Une autre façon de le faire serait d' appuyer sur la commande G pour les regrouper toutes, ce qui placera ces formes dans la même couche. Alors je vais juste donner un nom à cet appareil photo. Maintenant, j'ai quelques couches vierges, je vais donc simplement les sélectionner et appuyer sur la corbeille pour les supprimer. Cette couche de caméra doit se trouver en bas, alors déplaçons-la et vérifions-nous que vous ne l'avez pas imbriquée accidentellement. Nous pouvons maintenant étiqueter le reste de ces couches. Ce sera l'objectif. Maintenant que tout est étiqueté, revenons à la visibilité des photos. Peu importe que les photos soient empilées sur le dessus de l'appareil photo, car ce sont des calques séparés, tous les calques seront importés dans After Effects et il sera facile d'animer la position des photos dans After N'oubliez pas que seules les illustrations présentes sur le plan de travail seront visibles lors de leur importation dans After fix Ainsi, par exemple, si je sortais cette photo du plan de travail de cette manière, elle ne serait pas visible lors de l'importation dans After Effects Même si la couche est visible dans la chronologie, l'illustration n'est pas visible. De plus, si elle était partiellement coupée, exemple si j'avais les photos ici et que je les importais dans After Effects comme celui-ci, seule la partie de la photo qui se trouvait sur le plan de travail sera visible n'y a aucun moyen de lui faire reconnaître tout ce qui ne figurait pas sur le plan de travail. Donc, ce que vous devez faire, c'est simplement vous assurer que votre œuvre est toujours entièrement sur le plan de travail. Même si cela signifie que votre fichier Illustrator n'est pas parfait pour le moment, nous allons animer tout cela, donc cela n'a pas d'importance Assurez-vous d' enregistrer ce fichier. L'icône Paint Fresh pose un problème car ces gouttes se trouvent sur le panneau et ne seront donc pas visibles lorsque je saisirai ce fichier dans After Pour résoudre ce problème, je vais passer à l'outil de plan de travail, puis simplement faire glisser le plan de travail pour qu'il soit plus grand et que ces gouttes apparaissent sur le plan de Si vous le souhaitez, vous pouvez également déverrouiller la couche d'arrière-plan et simplement faire glisser l'arrière-plan vers le bas. Je vais animer ces gouttes qui tombent du pinceau Donc, lorsque je les anime, la forme qui reste n'est pas très belle Créons donc une autre forme qui résoudra ce problème. Donc, d'abord, je vais simplement séparer certaines couches. Je vais donc sélectionner l' ensemble du pinceau et appuyer le bouton plus pour créer un nouveau calque, puis simplement faire glisser la sélection vers le haut dans le nouveau calque. Nommons ce pinceau. Et je vais le placer en dessous de l'autre couche. Ensuite, séparons chacune de ces gouttes en ses propres couches Très bien, maintenant si je cache toutes ces couches d'égouttement, cette forme sur la deuxième couche, nommons cette peinture C'est la forme que j'ai besoin de rendre un peu plus belle pour que, lorsque les gouttes s'égouttent, il ne reste pas cet étrange bord plat Pour ajouter à cette forme, je vais dupliquer ces gouttes, donc je vais réactiver la visibilité pour celles-ci Ensuite, je vais simplement les sélectionner en cliquant ici, puis en appuyant sur Commande C pour les copier, et désactivons-les à nouveau. Sélectionnez la couche de peinture, puis appuyez sur Command Shift V pour les coller en place, mais sur cette couche de peinture. Ajustons maintenant la longueur de ces lignes. Je vais donc passer à l'outil de sélection directe afin de pouvoir ajuster les points réels sur ces lignes, et je vais maintenir la touche Maj enfoncée et les faire simplement glisser pour m'assurer que je maintiens la position horizontale de la ligne. Ainsi, une fois que vous aurez obtenu les gouttes comme vous le souhaitez, ce groupe de peinture sera simplement statique Nous n'allons pas l' animer. Et puis ces goutte-à-goutte seront animées Mais lorsqu'elles s'égouttent dans After Effects, la forme qui reste est belle Donc, une fois que vous avez terminé, assurez-vous de réactiver les couches goutte-à-goutte que vous allez animer, puis enregistrez le fichier Les trois dernières icônes sont assez simples, mais laissez-moi vous montrer comment j'ai divisé les couches. Donc, pour le crayon, le crayon entier va se déplacer comme un seul objet, sorte que tout peut être dans sa propre couche. Ensuite, la ligne sera séparée. Je vais ajouter ce dessin, donc il doit absolument être dans sa propre couche. Pour les ciseaux, j'ai séparé les deux moitiés des ciseaux. Ensuite, j'ai également séparé cette charnière, car cela permettra de positionner plus facilement le point d'ancrage chaque moitié des ciseaux dans cette position exacte afin que les ciseaux puissent de chaque moitié des ciseaux dans cette position exacte afin que les ciseaux puissent pivoter par rapport à la charnière Pour le compte-gouttes, j'ai la forme principale du compte-gouttes, la gouttelette et le liquide En cas de doute, il est préférable de séparer plusieurs couches, même si vous ne pouvez pas animer chaque couche Une fois que vous avez importé votre fichier Illustrator dans After Effects, vous pouvez modifier certains éléments mineurs votre illustration, tels que les couleurs enregistrer le fichier, et ces modifications seront reconnues dans After Effects. Malheureusement, vous ne pouvez pas ajouter de nouvelles couches dans Illustrator une fois que vous les avez importées dans After Effects. After Effects ne reconnaîtra pas les nouvelles couches, vous devrez donc réimporter le fichier 4. Importer des fichiers Illustrator dans After Effects: Avant d'importer vos fichiers Illustrator dans After Effects, il est très important que vos fichiers soient organisés. Croyez-moi, cela vous évitera bien des maux de tête en cours de route. Je vous recommande donc de configurer votre structure de dossiers de la même manière que la mienne. J'ai un dossier parent appelé icônes animées, lequel tout le contenu de ce projet va être placé. Ensuite, j'ai un dossier dans lequel je vais enregistrer le fichier de projet After Effects, et il y placera également les versions enregistrées automatiquement du fichier de projet. Et puis j'ai ce dossier Illustrator avec toutes les différentes icônes de ce dossier. Lorsque vous importez un fichier dans After Effects, celui-ci est lié à l'emplacement de ce fichier sur votre ordinateur. Il est donc important de ne pas déplacer le fichier une fois qu'il est importé dans After Effects, sinon vous recevrez une alerte de fichier manquant. Il existe un moyen de rétablir les liens entre les fichiers, mais si vous restez organisé dès le départ, vous n'avez pas à déplacer les choses, à confondre After Effects et à gérer les fichiers manquants Ouvrons maintenant After Effects et lançons un nouveau projet. Sur l'écran d'accueil, cliquez sur le bouton Nouveau projet. Vous pouvez également démarrer un nouveau projet sous Enregistrer un nouveau projet. L'étape suivante consiste à importer les icônes. Je vais donc aller dans Fichier, Importer un fichier, ou vous pouvez utiliser le raccourci clavier Commande ou Contrôle I. Ensuite, vous devez accéder à l' endroit où vous avez enregistré vos icônes. Vous pouvez importer toutes vos icônes en une seule fois, ou si vous n'en avez pas fini avec vos icônes, vous pouvez toujours les importer ultérieurement. Je vais sélectionner toutes mes icônes. Avant de cliquer sur Ouvrir, vous devez vous assurer de modifier le paramètre Importer pour que la composition conserve la taille des couches. Si cette option ne s'affiche pas, cliquez sur le bouton Options. Si vous importez accidentellement vos icônes sous forme de métrage, les couches ne seront pas séparées. Et si vous les importez sous forme de compositions, chaque couche sera entourée d'une boîte invisible de la taille de votre composition, ce qui sera vraiment ennuyeux à utiliser. Assurez-vous que la composition conserve la taille des couches. Ensuite, vous pouvez appuyer sur Ouvrir. Dans le panneau du projet, vous devriez voir toutes vos icônes importées sous forme de composition et de dossier contenant toutes les couches qu'il contient. Si vous double-cliquez sur une composition, elle s'ouvre dans la chronologie et vous devriez voir tous les calques que vous avez séparés dans Illustrator ici et After Effects. Alors, qu'est-ce qu'une composition ? Une composition est similaire à une séquence en avant-première. C'est comme un dossier contenant toutes les couches de votre animation. Il peut s'agir d'illustrations importées depuis Illustrator ou Photoshop, calques de formes que vous créez dans After Effects, texte, de clips vidéo, de fichiers audio et même de fichiers d'images fixes. Vous pouvez également imbriquer des compositions afin d' avoir des compositions à l'intérieur des compositions. Je vous en montrerai plus à ce sujet à la fin du cours lorsque nous aurons assemblé toutes nos icônes. Lorsque vous avez terminé d'animer et que vous souhaitez exporter ou, en termes d' After Effects, rendre votre animation sous forme de fichier vidéo, vous allez exporter une composition Assurons-nous que les paramètres de composition sont tels que nous les voulons. Passez donc à la composition, puis aux paramètres de composition, ou le raccourci clavier est Commande ou Contrôle K. Et le nom, la largeur et la hauteur du plan de travail d'Illustrator ont été adoptés , et c'est ce que nous voulions J'utilise également toujours des pixels carrés. Ensuite, pour la fréquence d'images, j'aime utiliser un nombre entier pour l'animation. Si vous travaillez avec de la vidéo, vous voudrez probablement opter pour une fréquence d'images vidéo, qui est généralement de 29,97 Mais comme nous ne faisons que de l'animation ici, j'en préfère 30. Si vous voulez descendre à 15 images, cela vous donnera un look de dessin animé un peu plus agité, ou si vous voulez devenir hyperréaliste, vous pouvez en faire 60, mais cela peut également ralentir votre ordinateur Je pense donc que le point idéal est 30, donc je vais choisir. Et puis la résolution ici n'a pas vraiment d'importance. s'agit simplement d'un aperçu de ce que vous voyez dans votre visionneuse de compositions, qui se trouve juste derrière cet écran, celui-ci. Vous pouvez toujours modifier la résolution ici pendant que vous travaillez. Il est logique de commencer la chronologie à zéro. Pour la durée, je n'ai besoin que de 4 secondes. Cela va prendre des heures, minutes, des secondes, puis des images. Si vous entrez et que vous sélectionnez tout cela, vous pouvez simplement faire quatre points, et cela vous fera gagner 4 secondes. Si vous souhaitez modifier la durée de la composition ultérieurement, il vous suffit de revenir à ces paramètres de composition. Dans ce cas, la couleur d'arrière-plan n'a pas vraiment d'importance car j'ai déjà une couche d' arrière-plan Illustrator. Ensuite, je vais appuyer sur OK. C'est probablement une bonne idée de passer en revue toutes vos autres compositions d'icônes et de simplement vérifier les paramètres de composition pour vous assurer que le cadreur est de 30, puis de leur donner une durée totale de 4 secondes. Avant d'aller plus loin, sauvegardons ce fichier de projet. Je vais accéder à File Save ou le raccourci clavier est Command ou Control S, puis accéder au dossier du projet, puis au dossier After Effects qu'il contient. Donnons simplement ce nom et appuyons sur Enregistrer. 5. Visite sur After Effects: C'est la première fois que vous utilisez After Effects, alors voici une visite guidée pour vous orienter. Si vous avez déjà utilisé After Effects, n'hésitez pas à ignorer cette vidéo. abord, si votre espace de travail ne ressemble pas au mien, vous pouvez accéder à Window Workspace et le remplacer par l'espace de travail par défaut, ce que j'utilise. Ensuite, dans la barre d'outils supérieure, nous avons l'outil de sélection, qui est similaire aux outils de sélection et à d'autres programmes tels qu'Illustrator. C'est ce que vous utiliserez probablement la plupart du temps. Ensuite, il y a l'outil manuel, vous permet de déplacer votre composition dans cette visionneuse de composition. Ensuite, il y a l'outil Zoom. Si vous cliquez avec cet outil, il zoomera et si vous maintenez la touche Option enfoncée ou que vous cliquez sur tout , il zoomera en arrière. Vous pouvez également utiliser les découpes du clavier, qui sont le signe supérieur ou le point , puis le signe inférieur ou la virgule Le raccourci pour revenir à l'outil de sélection est V. Vous pouvez également ajuster la taille de votre composition dans le visualiseur situé bas, dans ce menu déroulant, afin de pouvoir la modifier pour l'adapter. Dans cette liste déroulante, vous pouvez modifier la résolution. Donc, si votre ordinateur a du mal à lire votre animation et qu'elle est vraiment lente, il peut être utile de la modifier pour une résolution inférieure, par exemple un quart. Cela lui donnera un aspect plus pixelisé, mais ce n'est que dans cette Lorsque vous allez sur Exporter votre animation, elle n'aura pas l'air pixélisée, elle sera toujours en pleine qualité Les trois outils suivants correspondent à trois D, puis l'outil de rotation permet faire pivoter des objets. Il s'agit de l'outil Pan Behind qui permet de déplacer le point d'ancrage sur un objet. Cette petite icône que je fais glisser s'appelle le point d'ancrage et c'est à partir de là que se produisent les transformations Si je reviens à l'outil de rotation, vous pouvez voir que maintenant cette photo tourne autour de ce point. Il suffit d'annuler cela en exécutant la commande Z. Ensuite, il y a l'outil de forme. Si vous cliquez et maintenez le bouton, il existe d'autres outils de forme, comme dans Illustrator Il existe également un outil de stylet similaire à Illustrator, puis un outil de texte dans lequel vous pouvez créer votre texte, écrire dans After Effects et quelques autres, mais je ne les utilise guère. Voici le panneau de projet, où tout ce que vous importez dans votre fichier de projet After Effects sera stocké. C'est également là que se trouvent toutes vos compositions. Nous avons déjà créé certaines compositions simplement en important des illustrations depuis Illustrator, mais vous pouvez également créer une nouvelle composition à l'aide de ce bouton, ce qui fera apparaître les paramètres de composition, puis voici la nouvelle composition. Si vous souhaitez supprimer une composition, il vous suffit de cliquer sur la corbeille. En bas de l'écran se trouve la chronologie dans laquelle vous pouvez ouvrir vos compositions et définir des images-clés pour créer des animations Ici, j'ai le panneau de prévisualisation, qui vous permet de contrôler les joueurs. Vous pouvez également simplement appuyer sur la barre d'espace pour reproduire votre animation Vient ensuite le panneau Propriétés, peut être très utile car, en fonction de ce qui est sélectionné, différentes propriétés seront affichées dans le panneau Propriétés. Vient ensuite le panneau Aligner, qui est assez simple et très similaire à Illustrator. Le panneau Effets et paramètres prédéfinis ressemble une bibliothèque d' effets et de préréglages différents, comme son nom l'indique, que vous pouvez appliquer à des calques pour créer différents styles et Nous n'en utiliserons aucune dans ce cours, mais il existe des tonnes de ressources qui vous permettront d'en savoir plus à ce sujet . J' en dirai plus sur les effets et les préréglages des autres classes 6. Définir des images clés: Les animations et les effets secondaires sont basés sur des images-clés. Si vous ouvrez une couche puis que vous activez la transformation, voici un ensemble de propriétés différentes que vous pouvez animer pour Pour commencer à animer une propriété, il suffit de cliquer sur l' icône du chronomètre à côté de cette Vous pouvez voir que cela créera une image-clé où que se trouve votre tête de lecture sur la chronologie Cette image-clé indique qu'au bout de 0 seconde, zéro image, le crayon aura une position de 250 pixels dans le sens X et de 250 pixels dans le sens Y. Ensuite, si je déplace ma tête de lecture en cliquant en haut de la chronologie, vous pouvez définir une autre image-clé Il existe plusieurs façons de le faire une fois que vous avez défini votre image-clé initiale. La première méthode consiste à manipuler le calque dans le visualiseur de composition. Je pourrais juste le prendre et le déplacer. Vous pouvez voir que cela a créé une autre image clé, et que cela a également créé cette trajectoire de mouvement dans le visualiseur de composition qui indique la position de départ et la position de fin. Si je replace ma tête de lecture au début de la chronologie, je peux appuyer sur la touche de la barre d'espace ou accéder au panneau d'aperçu et appuyer sur Play pour voir cette animation Vous pouvez à nouveau appuyer sur l' espace pour faire une pause. En gros, les images-clés indiquent à After Effects que vous voulez cette valeur pour cette propriété à ce stade, puis cette valeur pour cette propriété à ce stade Ensuite, After Effects découvre comment passer d'une image-clé à l'autre Il trouve donc comment aller d'ici à ici. Je vais à nouveau déplacer ma tête de lecture et vous montrer qu'une autre façon de configurer les images-clés consiste à cliquer et à faire glisser le pointeur sur ces chiffres Vous pouvez donc faire glisser le pointeur sur les chiffres X ou Y pour déplacer votre couche. Cela permet de définir automatiquement une autre image-clé, quel que soit l'endroit où se trouve votre tête de lecture Je vais à nouveau déplacer ma tête de lecture et vous montrer qu'une autre façon de définir les images-clés consiste à cliquer sur ces chiffres puis à saisir des valeurs exactes Si vous souhaitez passer d'une valeur à l'autre, vous pouvez appuyer sur la touche Tab. Vous pouvez appuyer sur Entrée ou cliquer dessus pour enregistrer la valeur. Je vais déplacer ma tête de lecture une fois de plus vers la fin de la chronologie et vous montrer qu'il existe une autre méthode pour créer une image-clé : copier-coller une autre image-clé Je veux copier et coller cette image-clé pour la sélectionner, vous pouvez cliquer dessus avec le bouton droit de la souris, ou comme il s' agit d'une petite cible sur laquelle cliquer, vous pouvez également simplement cliquer dessus et faire glisser le pointeur dessus pour sélectionner l'image-clé C'est également un bon moyen de sélectionner plusieurs images-clés à la fois Je veux juste sélectionner cette image-clé et appuyer sur Commande ou Contrôle C pour copier, puis sur Commande ou Contrôle V pour la coller là où se trouve ma tête de lecture Vous pouvez voir que vous copiez l'image-clé avec les valeurs exactes de cette image-clé Pour voir les valeurs d' une image-clé, il suffit de passer la souris dessus Maintenant, j'ai cette petite boucle. Si vous souhaitez modifier la valeur d'une image-clé, vous pouvez simplement placer votre tête de lecture au-dessus cette image-clé, puis utiliser l'une des méthodes que je viens de vous montrer pour définir une image-clé afin de modifier la valeur de cette image-clé Vous pouvez le déplacer dans le visualiseur de composition, ou vous pouvez entrer une valeur différente, ou vous pouvez copier et coller une autre image-clé, ou vous pouvez cliquer et faire glisser le pointeur sur la valeur Lorsque votre couche est sélectionnée, vous devriez voir cette trajectoire de mouvement. Si vous ne le voyez pas, assurez-vous que ce bouton est activé et montez également vers le haut pour afficher les commandes de couche et assurez-vous que cette case est cochée. Vous pouvez également sélectionner des images-clés et les faire glisser le long de la chronologie pour modifier leur chronométrage Donc, si je place ces deux images-clés très près l'une de l'autre, vous pouvez voir que l'animation entre ces deux images-clés est très rapide Alors que maintenant, entre les deux premières images-clés, l'animation est beaucoup plus lente Le positionnement des images-clés sur la chronologie influence donc le timing de votre animation Je vais juste annuler cela avec la commande Z. Si vous voulez supprimer des images-clés, il suffit de les sélectionner puis d'appuyer sur la touche de suppression Si vous souhaitez supprimer toutes les images-clés de la couche, appuyez à nouveau sur l'icône du chronomètre Vous pouvez également ajuster les propriétés sans qu'aucune animation ne se produise. En d'autres termes, sans définir d'images-clés. Si vous avez des images-clés sur une couche et que vous souhaitez créer une autre image-clé avec même valeur à un autre point de la couche, vous pouvez cliquer sur le bouton Nouvelle image-clé ici Cela peut être un moyen de faire une pause d'animation. Il convient également de noter que chaque fois que cette barre de la couche est visible sur la chronologie, c'est là que cette couche sera visible dans votre animation. Si vous passez votre souris sur le début ou la fin d'une couche, vous verrez ces flèches doubles, que vous pourrez ensuite utiliser pour découper la couche Alors maintenant, le crayon ne sera plus visible jusqu'à présent. Si vous sélectionnez quelque part au milieu de la couche, vous pouvez faire glisser la couche sur la chronologie. 7. Point d'ancrage et rotation : échantillons de couleurs: Ce livret d'échantillons de couleurs comporte trois pages cachées derrière la page de couverture et je veux faire pivoter chaque page par rapport à l'arrière de la couverture Je vais sélectionner ces trois pages, puis appuyer sur R sur le clavier pour afficher la propriété de rotation. Si je fais pivoter l'une de ces couches en cliquant et en faisant glisser le pointeur sur la valeur de rotation, vous pouvez voir qu'elle tourne à partir de ce point, appelé point d'ancrage Mais je ne veux pas qu'il change à partir d'ici. Je veux qu'il pivote à partir de la reliure. Ce que je dois faire, c'est d'abord déplacer le point d'ancrage de cette couche. Je vais annuler la rotation. Pour déplacer le point d'ancrage, accédez à la barre d'outils supérieure et saisissez l'outil panoramique situé derrière. L'horca du clavier est Y. Ensuite, avec cet outil, vous pouvez cliquer et faire glisser le pointeur pour déplacer ce point d'ancrage Si vous maintenez la touche Commande ou Ctrl enfoncée, elle s'enclenchera sur les autres couches. Je vais donc l'accrocher à cette couche de reliure, que j'ai créée séparément dans Illustrator afin de pouvoir l'accrocher facilement à cette couche. Ensuite, je vais cliquer sur la page 2 et faire de même. Et pareil pour la page 3. Pour revenir à l'outil de sélection, vous pouvez soit accéder à celui-ci dans la barre d'outils supérieure, soit utiliser la découpe du graphique du clavier, qui est V. Ensuite, je souhaite faire pivoter chacune de ces pages. Je veux qu'ils aient tous une image-clé de zéro au début de la chronologie Je vais donc appuyer sur ces trois chronomètres, et cela définira trois nouvelles Ensuite, je vais déplacer ma tête de jeu. Essayons 15 images. Faisons ensuite pivoter la première page de 30 degrés en moins. La deuxième page, faisons le négatif 60 et la troisième , le négatif 90. Alors maintenant, si je rejoue ça, voici l'animation. Maintenant, animons les pages qui se trouvent derrière la couverture pour que cette animation se déroule en boucle Passons à la chronologie jusqu'à 315, puis je voudrais définir une image-clé ici pour que les valeurs soient ces valeurs ici Vous pouvez le faire en cliquant sur ce nouveau bouton d'image-clé. Maintenant, entre cet ensemble d' images-clés et cet ensemble d'images-clés, aucune animation ne se produit car ces images-clés ont les Ensuite, je vais passer à la fin de la chronologie, et je vais remettre ces images-clés à zéro Vous pouvez soit taper zéro soit sélectionner ces images-clés, appuyer sur la commande C pour copier et sur la commande B pour coller Si, pour une raison ou une autre, vous utilisez une ancienne version d'After Effex et la copie de plusieurs images-clés sur différentes couches a dupliqué vos couches, vous devrez simplement utiliser une méthode différente, comme copier et coller une par une Cela a été mis à jour dans une version récente d'Afterefix. Maintenant, si je le rejoue, vous pouvez voir que l' animation va tourner en boucle. Pour rendre cela un peu plus intéressant, nous pouvons échelonner les images-clés Je vais cliquer et faire glisser pour sélectionner les images-clés des pages 2 et 3, puis les faire glisser vers l' avant dans le temps Passons à cinq images. Ensuite, je vais sélectionner les images-clés de la page trois, les faire glisser sur dix images Et cela rendra cette animation un peu plus intéressante. Faisons de même pour les images-clés pour la sortie de l'animation. Et cette fois, je vais commencer par page 3 en commençant par l'animation. Voici ce que j'ai pour le moment. Je vais revenir sur cette icône pour améliorer l'animation ultérieurement en utilisant la parentalité et l'assouplissement. 8. Point d'ancrage et rotation : ciseaux: étapes de création de l'animation des ciseaux seront très similaires à celles des échantillons de couleurs Tout d'abord, je vais déplacer le point d'ancrage en utilisant le plateau situé derrière l'outil jusqu'à la charnière des deux moitiés des ciseaux Ensuite, je vais revenir à l'outil de sélection et appuyer sur R sur le clavier pour afficher la propriété de rotation. Ensuite, je vais simplement les faire pivoter à cinq et à moins cinq pour que la position de départ des ciseaux ressemble un peu plus à ce qui serait possible. Ils ne se chevauchent pas autant. Ensuite, je vais cliquer sur le chronomètre pour créer des images-clés au début de la Ensuite, je vais déplacer ma tête de lecture le long de la chronologie jusqu'à 15 images, puis régler la rotation 25 et moins 25 pour que les ciseaux soient ouverts Ensuite, je garderai les ciseaux ouverts pendant cinq images seulement. Je fais glisser une image-clé pour obtenir les mêmes valeurs de rotation, puis je déplace la tête de lecture sur 1 seconde et je copie et colle les premières images-clés pour Voici ce que j'ai jusqu'à présent. Maintenant, je voudrais répéter ces images-clés pour donner l'impression que les ciseaux continuent à être coupés Je vais passer à une seconde, cinq images sur la chronologie, puis simplement copier et coller toutes ces images-clés en appuyant sur Commande ou Contrôle C, puis sur Commande ou Contrôle V. Encore une fois, si cela copie et colle l'intégralité de vos couches, vous aurez donc une copie des couches, il vous suffira d' aller couche par couche copier les images-clés puis de les coller Ensuite, je vais passer à 210 et coller à nouveau. Si je rejoue ça, c'est prévisible et robotique, car ils coupent à la même vitesse tout le temps. Ce que je vais faire, c'est ajuster ces images clés de manière à ce qu' elles soient coupées parfois un peu plus vite et parfois un peu plus lentement. Ici, je vais peut-être accélérer ces images-clés en les faisant glisser vers la gauche, pour qu'elles s'ouvrent un peu plus vite Ensuite, au lieu de faire une pause lorsqu'elles sont ouvertes, je vais simplement les faire commencer à se fermer immédiatement en supprimant le deuxième ensemble d'images-clés Déplaçons ensuite ces cadres clés qui ferment les ciseaux vers la gauche. Il va donc simplement être ouvert puis fermé. Ensuite, ouvrons-les immédiatement au lieu de les arrêter en position fermée Je vais donc supprimer ces images-clés. Déplaçons ensuite toutes ces images-clés vers le haut. Maintenant, ils vont se fermer, s'ouvrir, rester ouverts, puis se fermer. Ensuite, nous avons un peu plus d'espace sur la chronologie Il suffit donc de copier-coller la première séquence d'ouverture et de fermeture. Et voyons ce que nous avons obtenu jusqu'à présent. Le réglage de la synchronisation des images-clés a apporté un peu plus de variété, mais je reviendrai sur cette animation plus tard pour la rendre encore meilleure 9. Ajuster le mouvement: Maintenant, l'animation de rotation ces pages est ennuyeuse et mécanique, car elles sont linéaires, ce qui signifie qu'elles conservent la même vitesse tout le temps. Dans cette démonstration très simple, le carré supérieur se déplace linéairement, sorte qu'il conserve la même vitesse d'un point A à un point B, tandis que ce que l'on appelle Easy Ease est appliqué au carré inférieur ce que l'on appelle Easy Ease est appliqué au Ce carré va commencer un peu plus lentement, accélérer au milieu, puis ralentir avant de s'arrêter. Le carré inférieur est une animation un peu plus intéressante car il change de vitesse. De plus, lorsque vous animez des objets réels tels que ces icônes, il est plus logique que l'animation ne soit pas linéaire, car dans la vraie vie, les choses démarrent généralement un peu plus lentement dans leur mouvement, puis s'accélèrent puis ralentissent avant de s'arrêter Cela peut rendre vos animations plus naturelles ou plus réalistes. Pour simplifier vos images-clés, la première étape consiste à les sélectionner. Vous pouvez cliquer et faire glisser le pointeur sur images-clés pour en sélectionner plusieurs à la fois, ou vous pouvez également sélectionner le nom de la propriété pour sélectionner toutes les images-clés associées à cette propriété sur la couche , puis maintenir la touche Commande enfoncée et faire de même pour sélectionner plusieurs Une fois que vous avez sélectionné les images-clés auxquelles vous souhaitez ajouter des EZ Es, vous devez cliquer avec le bouton droit sur l'une d'entre elles, puis accéder à Keyframe Assistant, puis à EZ Es Remarquez comment cela transforme vos images-clés en forme de losange en forme de sablier Ensuite, si je le rejoue, vous verrez que cela semble beaucoup plus fluide et réaliste. Je vais également assouplir les images-clés pour l'animation en ciseaux Pour ce faire, je vais simplement sélectionner toutes ces images-clés, puis cliquer avec le bouton droit sur l'une d'elles, accéder à Keyframe Assistant, puis à Easy Vous pouvez également utiliser le raccourci clavier, qui est F neuf. Maintenant, ce sont toutes des images-clés allégées, alors rejouons l'animation Bien que l'ajout d'EZ puisse améliorer votre animation, vous pouvez aller beaucoup plus loin Cela dépasse le cadre de ce cours, mais si vous voulez vraiment faire passer vos animations au niveau supérieur, vous devez absolument apprendre à personnaliser le mouvement de vos images-clés à l' aide de l'éditeur de graphes Mon cours Smooth Moves couvre tout ce que vous devez savoir. 10. Calques parents : échantillons de couleurs: Une autre chose que je pourrais faire pour améliorer cette animation serait de déplacer légèrement l'ensemble du livret au moment de son ouverture. Je veux que toutes ces couches se déplacent, mais au lieu d'animer toutes les propriétés de position des couches, il existe un moyen plus simple de le faire Je vais utiliser la couche de liaison comme ce que l'on appelle le parent. Ce sera la couche qui se déplacera, puis je veux que toutes ces autres couches, en plus de l'arrière-plan , suivent le parent. Ce seront donc des enfants. Je vais sélectionner la couverture et les trois pages. Ensuite, je vais passer aux options parent et lien, prendre l'un des fouets à côté de l'un des calques sélectionnés et le faire simplement glisser vers le calque de liaison Maintenant, dans le menu déroulant, il est indiqué que le parent de ces couches est la liaison. Cela signifie que lorsque je déplace la reliure, vous pouvez voir que toutes les autres couches vont avec. La parentalité est donc une façon d'avoir des couches enfantines qui suivent toutes une couche parent, qui est celle-ci. Ainsi, comme vous venez de le voir, pour créer des couches parentes, vous pouvez utiliser ce fouet pour faire glisser le pointeur vers la couche que vous souhaitez associer, ou vous pouvez également sélectionner la couche dans ce menu déroulant Définissons maintenant quelques images-clés sur la reliure. Je vais donc passer au début de la chronologie et définir une image clé de position pour la reliure et donc pour que le livret complet soit là au début Passons ensuite à 1 seconde et déplaçons cela vers le haut. Je vais juste déplacer la position Y. Quelque chose comme ça. Ensuite, faisons-le redescendre au fur et à mesure que les livrets se referment Mais en réalité, l'animation de ce livret prend beaucoup de temps. Je vais juste apporter ces images-clés. Faisons en sorte que l'ensemble de l'animation ne dure que 2 secondes au lieu de quatre. Je vais copier la première image-clé sur la position de la reliure et la coller ici au bout de 2 secondes. Voyons à quoi cela ressemble. Honnêtement, pas très bien. C'est parce que ces images-clés sont linéaires et qu'elles seraient plus belles si elles étaient faciles à utiliser Je vais utiliser F nine, le raccourci pour ajouter Easy Ease à ces images-clés Essayons encore une fois. Cela semble un peu mieux, mais je pense que nous pourrions ajuster un peu plus les images-clés pour le rendre encore plus beau Mais d'abord, je souhaite également faire pivoter l'ensemble du livret. Je voudrais passer au début de la chronologie et donner cette rotation, peut-être plus six, puis je définirai une image-clé pour cela Ensuite, lorsqu'il est déplacé vers le haut, faisons-le pivoter pour qu'il pivote encore plus vers la gauche Alors peut-être moins six. Ensuite, au bout de 2 secondes, je vais le faire revenir à plus de six, puis j'atténuerai facilement ces images-clés Voyons à quoi cela ressemble. Cela s'améliore, mais je pense que si j'ajuste ces images-clés, cela peut être encore plus beau Ce que je vais faire, c'est prendre ces images-clés et les déplacer pour qu'elles soient toutes alignées Cela signifie que toutes les pages vont se terminer en même temps. Peut-être allons-nous accélérer un peu cette animation et l' échelonner de manière à ce que le livret entier commence d'abord à bouger, puis que les pages commencent à s'ouvrir Je vais déplacer ces trois images-clés un peu , peut-être 25 images Voyons à quoi cela ressemble. Oui, je préfère ça, et peut-être qu'ils commenceront à fermer tous en même temps. Je vais donc les aligner. Ensuite, nous les ferons revenir ensemble par Peut-être déplaçons-nous un peu toutes ces images-clés Voyons à quoi cela ressemble. Cette animation est bien meilleure que celle que nous avions avant, mais nous n'avons pas besoin de tout ce temps supplémentaire. Si vous passez à la composition puis aux paramètres de composition, nous pouvons ajuster la durée pour qu'elle soit juste de 2 secondes. 11. Couches parents : ciseaux: Les deux moitiés des ciseaux pivotent, ce qui donne l' impression que les ciseaux se déplacent vers la gauche. Mais si une main tenait le manche des ciseaux, resterait probablement en place Les ciseaux devraient donc se déplacer vers la droite elle resterait probablement en place. Les ciseaux devraient donc se déplacer vers la droite pour contrebalancer le mouvement apparent vers la gauche Pour résoudre ce problème, nous pouvons utiliser la parentalité, et pendant que nous y sommes, nous pouvons également rendre l' animation un peu plus réaliste et intéressante. Je vais donc sélectionner le haut et le bas des ciseaux, puis choisir le parent qui servira de charnière Maintenant, si j'ajuste la couche de charnière, vous pouvez voir que le reste des ciseaux ira avec Gardez à l'esprit que la parentalité vaut pour tous les biens. Si je redimensionne la charnière, elle redimensionnera également les ciseaux Ou si je fais pivoter la charnière, elle fait également pivoter les ciseaux Je veux animer la position, donc je vais appuyer sur P sur le clavier et définir une image-clé de position ici Ensuite, lorsque les ciseaux s'ouvrent, je veux les déplacer vers la droite, mais il est difficile de savoir où ils se trouvaient. Donc, ce que je vais faire, c'est appuyer commande R sur le clavier pour faire apparaître les règles. Ensuite, au début de la chronologie, je vais passer à cette règle verticale et tracer une ligne directrice. Je vais le placer juste sur le côté droit des poignées des ciseaux. Maintenant, je peux voir la position de départ des ciseaux. Je vais maintenant passer à la chronologie , puis aligner à nouveau le bord des poignées sur la ligne directrice. Je vais ajuster la position. Et je pourrais également ajuster la position Y pour rendre cette animation plus intéressante et réaliste car si une main tenait les ciseaux, ne seraient probablement pas parfaitement immobiles à la verticale. Je déménagerais probablement un peu aussi. Je vais donc simplement l'ajuster pour déplacer légèrement les ciseaux vers le haut lorsqu'ils s'ouvrent. Ensuite, il va faire une pause dans cette position, donc je vais copier et coller cette image-clé. Ensuite, lorsque les ciseaux se referment, je peux copier-coller l'image-clé de départ. Ensuite, je peux simplement passer en revue et faire la même chose pour toutes les autres images-clés Vous pouvez également copier et coller ces images-clés là où cela a du sens, mais je veux que cela semble un peu imparfait, encore une fois, pour le rendre plus réaliste Je vais y aller et ajuster la position pour qu'elle soit légèrement différente à chaque fois. S'il est difficile de sélectionner cette charnière parce qu'elle est petite, vous pouvez zoomer avec ce menu déroulant, ou si vous avez une souris magique comme moi, vous pouvez simplement faire glisser votre souris pour zoomer Pour la dernière image-clé, je vais m' assurer qu'elle est exactement la même que la première image-clé afin qu'elle fonctionne parfaitement. Je vais atténuer ces images-clés en sélectionnant la propriété position pour sélectionner toutes les images-clés , puis je vais utiliser le raccourci clavier, qui est F neuf pour atténuer facilement ces Voyons ce que nous avons. 12. Animer les lignes : pinceau: Pour l' icône du pinceau anti-douleur, je vais animer ces gouttes avec Mais pour le moment, ce ne sont que des couches de formes, donc ce n'est pas une ligne que je pourrais animer avec trimpass La première étape consiste à sélectionner toutes les gouttes, à cliquer avec le bouton droit de la souris, à créer puis à créer des formes à partir d'une couche vectorielle Je vais supprimer les calques originaux d'Illustrator. Vous pouvez donc voir que chacune d'entre elles est une ligne que je peux maintenant animer avec des trimpats Passons à la première ligne et passons à ajouter puis à découper des chemins. Ensuite, je vais l'ouvrir. Je vais animer les propriétés de fin et de début de cette goutte de peinture Mais d'abord, n'oubliez pas qu' il y a une couche de peinture ici. Donc, si je réduis simplement cette couche en solo en cliquant sur ce petit bouton ici, vous pouvez voir qu'il y a cette forme de peinture ici et ces gouttes se chevauchent partiellement avec cette Je vais le lancer. Je vais ajuster la valeur finale, manière à ce qu'elle se chevauche simplement avec cette forme de peinture sans la dépasser Je trouve que 27 % semblent plutôt bons. Je vais définir une image-clé ici au début de la chronologie, puis passer à 20 images et porter ce nombre à 100 Mais comme cela coule, je veux qu'il se détache réellement reste de la peinture sur le pinceau Pour cela, je peux animer la propriété start. Je vais aller à mi-chemin entre ces deux images-clés et le faire commencer à se détacher Je vais définir une image-clé pour le départ à zéro, puis passer à 20 images et faire sorte que cette image soit animée à 100 % Cela animera le goutte-à-goutte à fond. Voyons à quoi cela ressemble. Ajoutons Easy Es à cela pour le rendre un peu plus beau. Cool. Nous avons le premier drip et nous pouvons copier et coller l'intégralité de cette animation de trimpath sur les Je vais sélectionner l' endroit où il est écrit Trimpas, m'assurer que ma tête de lecture se trouve au début de la chronologie et simplement la coller sur les drips deux, trois Ensuite, si vous appuyez sur U sur le clavier, toutes les images-clés seront affichées sur la couche sélectionnée Maintenant, je peux voir ces images-clés et revenons sur vous pour ne voir que les images-clés vous pour ne voir que les images-clés de cette couche afin de la condenser un Ensuite, je peux ajuster les images-clés pour échelonner ces animations Peut-être que nous ferons le goutte-à-goutte trois premier puisque c'est le plus bas, puis peut-être que le goutte-à-goutte deux se produira ensuite Je vais juste faire glisser ces images-clés pour les décaler. Après ça, on va peut-être en prendre au goutte-à-goutte. Je vais sélectionner ces images-clés et les échelonner. Et puis faisons du drip une dernière fois. Et rejouons-le. Cela semble plutôt bien, mais l'ensemble de l'animation ne dure que 2 secondes, et il nous reste 2 secondes supplémentaires sur la chronologie. Vous pouvez donc changer cela de deux manières. Vous pouvez soit placer votre tête de lecture sur 2 secondes, puis appuyer sur la touche de fin, qui réduira cette barre grise en haut de la chronologie, appelée zone de travail de votre tête de lecture Ensuite, vous pouvez cliquer avec le bouton droit sur cette barre grise, la zone de travail, et choisir Trim Comp to work area. L'autre méthode consiste à accéder aux paramètres de composition ou à exécuter la commande K, puis à ajuster la durée ici. Voici donc le résultat final. Il convient de noter que j'ai défini des images clés pour la valeur finale commence à 27 %, fonction de l'endroit où le goutte-à-goutte recouvrait cette couche de peinture En fonction de l' apparence de votre couche de peinture et de la longueur des gouttes, vous devrez peut-être ajuster la valeur finale pour les différentes gouttes de peinture Mais pour moi, ça a marché parce que le goutte-à-goutte était le plus court Vous pouvez également ajuster le timing des images-clés si vous souhaitez varier un peu plus la façon dont les gouttes 13. Animer des lignes : un crayon: L'animation au crayon, je veux faire pivoter le crayon pour qu' il soit incliné. Ensuite, je veux que la ligne soit dessinée et le crayon ait l'air de tracer cette ligne. Pour dessiner cette ligne, nous allons devoir la convertir en couche de forme. Pour ce faire, cliquez avec le bouton droit sur cette couche linéaire, puis créez des formes à partir de la couche vectorielle. Cela va créer un nouveau calque et vous pouvez voir qu'il s'agit d'un calque de forme car il a cette petite icône en forme d'étoile à côté, alors que nos calques vectoriels ont la petite icône Illustrator à côté d'eux. Cette couche est une couche de forme modifiable. Si je l'ouvre, vous pouvez voir qu'il possède toutes les propriétés de transformation que vous connaissez probablement maintenant et qu'il contient également un contenu, qui contient un groupe puis un chemin J'ai même des propriétés de trait, ce qui vous permet de modifier la largeur du trait ou la couleur de ce trait ou d'autres éléments tels que des tirets, des effilés ou les capuchons aux extrémités Ensuite, sous le chemin, vous pouvez réellement déplacer ce chemin. Si vous sélectionnez le tracé de la couche supérieure, vous pouvez sélectionner les points individuels de ce chemin et le modifier. Vous pouvez même appuyer sur la montre supérieure et encadrer cette propriété Je vais annuler tout ça. Je ne veux pas animer le tracé de cette ligne. Je veux l'animer en dessinant. ce faire ce bouton publicitaire ici et choisissez des chemins de découpe. Cela va ajouter une nouvelle propriété de trajectoires de découpage, et si vous l'activez, nous pouvons animer les valeurs de début et de fin pour animer ou désactiver la ligne Je vais avancer ma chronologie à 1 seconde et définir une image-clé pour la valeur finale soit de 100 % Cela signifie que la ligne sera tracée à 100 %. Ensuite, je vais revenir au début de la chronologie et ramener cette valeur finale à zéro. Maintenant, si je rejoue l'animation, la ligne va s'animer Si votre ligne s' anime à l'envers, donc dans le sens inverse de ce que vous souhaitez, appuyez simplement sur ce bouton ici et le sens de la ligne sera inversé La direction de la ligne est déterminée par la façon dont vous l'avez dessinée dans Illustrator. Ensuite, je vais sélectionner la couche de lignes et la déplacer vers le bas pour que le crayon puisse tracer la ligne. Je vais fermer la ligne et la placer sous le crayon, puis je vais supprimer cette version Illustrator de la ligne. Si vous avez besoin de le récupérer pour une raison ou une autre, vous pouvez toujours le trouver dans ce dossier de calques Illustrator pour le crayon. Maintenant, faisons en sorte que le crayon trace la ligne. Je vais appuyer sur P sur le clavier pour afficher la propriété position. Vous pouvez essayer de créer une image-clé, afin d'avoir des images-clés tout au long cette trajectoire pour donner l'impression qu'elle se déplace dans la même forme que cette Mais il existe un moyen bien plus simple. Mais avant cela, je voudrais déplacer le point d'ancrage sur le bout du crayon. Avant de réaliser une animation de position, il est toujours conseillé de vérifier où vous souhaitez placer votre point d'ancrage. Je vais vous montrer pourquoi c'est important. Donc, si je devais animer la position de ce crayon, je ferais quelque chose de très simple comme celui-ci Il se déplace donc sur l'écran comme ça. Mais je me rends compte que je veux changer le point d'ancrage. Si je saisis le plateau situé derrière l'outil et que je déplace le point d'ancrage, vous pouvez voir que cela a réellement modifié la trajectoire du mouvement. Maintenant, l'animation va être bien différente. Je vais donc annuler tout cela. Tout cela pour dire, pensez à déplacer votre point d'ancrage avant animer la propriété position Si vous souhaitez en savoir plus sur les points d'ancrage et sur la manière de résoudre ce problème dans certains cas, consultez ces didacticiels. Très bien, je vais donc déplacer le point d'ancrage sur le bout du crayon. Puis revenez à l'outil de sélection. Ensuite, je vais aller dans cette couche de lignes et trouver le chemin, et je veux celui à côté du chronomètre Je vais sélectionner l' endroit où il est indiqué le chemin ici et appuyer sur Commande ou Contrôle C pour copier ce chemin. Ensuite, je vais déplacer ma tête de lecture au début de la chronologie lorsque je veux que cette animation commence, et je vais suivre cette trajectoire jusqu'à la propriété position Maintenant, ce n'est pas exactement au bon endroit, car lorsque vous voyez que la ligne s'anime, ce chemin n'est pas aligné avec cette ligne Mais une fois toutes ces images-clés sélectionnées et la tête de lecture au-dessus de l'une des images-clés, vous pouvez facilement saisir et déplacer l'intégralité de cette trajectoire de mouvement Il s'agit donc essentiellement de déplacer tous les cadres clés de position. Et je vais juste l' aligner sur la ligne. Maintenant, si je le rejoue, le crayon a presque l'air de dessiner dans la ligne, mais les images-clés de position ne sont pas alignées sur les images-clés de l'animation du trimpath Ce que je vais faire, c'est sélectionner cette dernière image-clé pour l'animation de position et simplement la faire glisser dessus pour qu'elle s'aligne au bout d'une seconde avec l'animation du trimpath Vous pouvez voir que cette image-clé, qui n'est représentée que par un petit cercle, s'est automatiquement ajustée pour moi C'est l'image-clé ici. Ce type d'image-clé est appelé rove across time, et son fonctionnement est qu'il est toujours intercalé entre un ensemble Si vous réglez l'image-clé de fin ou l'image-clé de début, les images-clés A OVCrosst situées au milieu ajusteront automatiquement leur chronométrage afin que l'animation se déroule correctement entre la première et la Lorsque j'ai copié ce chemin et collé à la position du crayon, il a automatiquement configuré ces images-clés pour qu'elles aient le temps de croisement. Mais si vous devez le définir sur un ensemble d'images-clés, il vous suffit de sélectionner les images-clés, de cliquer avec le bouton droit de la souris et de choisir Ensuite, je vais sélectionner toutes ces images-clés et appuyer sur F neuf pour les atténuer facilement Rejouons ce que nous avons. Comme le crayon est à l'extérieur de la composition, je vais l' agrandir. Je vais donc accéder aux paramètres de composition en appuyant sur la commande K, et augmentons ce chiffre à 1 000 par 1 000. Et nous pouvons également augmenter l'arrière-plan simplement en l'agrandissant. J'appuie donc sur S pour faire apparaître la propriété d'échelle , puis je fais simplement glisser l' échelle pour l'agrandir. Vous pouvez également verrouiller la couche d'arrière-plan. Ainsi, vous ne pouvez pas le sélectionner accidentellement. Animons maintenant le crayon en le retournant et en effaçant la ligne Je vais ouvrir les propriétés de transformation du crayon et définir une image-clé à 2 secondes pour la position et la rotation Ensuite, je vais avancer de 15 images, et je veux que le crayon se déplace selon la forme de cette ligne. Si je copie ces images-clés, le crayon revient au point de départ, mais je dois également le faire pivoter pour que la gomme touche la ligne Je vais le faire pivoter à l'envers. Prenez ensuite toutes ces images-clés de position en les sélectionnant toutes les trois et déplacez le tout vers le haut de manière à ce que la gomme touche la ligne Cela déplacera tout ce segment de la trajectoire de mouvement. Si je parcourt la chronologie, vous pouvez voir ici cette animation semble un peu étrange parce que cette partie de la trajectoire du mouvement est tellement droite lorsque le crayon se retourne Si vous ne voyez pas la trajectoire de mouvement, assurez-vous qu'elle est activée et que les commandes Afficher les couches sont cochées sous la vue inférieure commandes Afficher les couches sont cochées sous la Je veux incurver ce segment de ligne. Pour ce faire, j'ai besoin de poignées, comme vous pouvez le voir ici pour ce segment de courbe de la ligne. Comme je n'ai pas encore de poignées sur cette partie de la ligne, vous pouvez accéder à l'outil Stylo, cliquer et maintenir, puis saisir l'outil de conversion des sommets Vous pouvez ensuite cliquer sur une image-clé, qui est représentée par des carrés pour créer des poignées. J'ai juste cliqué une fois et le handle a été supprimé. Je vais cliquer à nouveau pour ajouter des poignées arrières des deux côtés. Ensuite, je vais faire glisser cette poignée vers extérieur pour créer une courbe, puis la faire glisser vers intérieur pour, espérons-le maintenir cette ligne de courbe autant que possible. Voyons donc à quoi cela ressemble. Je pense que ça a l'air mieux. Ajoutons maintenant un peu de facilité à ces images clés de rotation. Animons maintenant la ligne qui s'anime. Donc, sous la ligne située sous la passe de découpage, je vais animer la valeur de départ Je vais donc définir une image-clé ici à 2:15, puis je vais passer à 315 et porter la valeur de départ à 100 Et simplifions-nous facilement ces images-clés. Voyons ce que nous avons jusqu'à présent. Maintenant, pour faire cette boucle, je dois faire revenir le crayon. Ici, lorsque cette animation est terminée, j'ai besoin d'une image-clé de rotation. Ensuite, je vais passer à la fin de la chronologie et copier et coller l'image-clé de première position pour qu'elle recommence au début de la ligne, ainsi que la première image-clé de rotation pour retourner le crayon à Lorsque le crayon revient en arrière, cette ligne située juste là pour la trajectoire du mouvement est vraiment droite, et elle aurait l'air plus naturelle si elle avait une petite courbe Pour ce faire, je vais revenir à l'outil de conversion de vertex, puis cliquer sur cette image-clé ici, ajouter des poignées, puis je peux faire glisser cette poignée vers l'extérieur, et ramenons celle-ci Vous pouvez maintenir la touche Option ou Alt enfoncée pour régler l'une des poignées et pas l'autre. Je vais donc ramener celui-ci. Assurez-vous que cette ligne ressemble toujours à la forme de la ligne qui entre et sort. Et voyons ce que nous avons obtenu jusqu'à présent. Faisons une pause du crayon pendant une durée égale au début et à la fin de la ligne. Pour ce faire et pour voir toutes mes images-clés sur la chronologie en même temps, je ne vais sélectionner aucune couche et appuyer sur la touche Ensuite, je vais prendre toutes ces images-clés et les déplacer de 15 images vers l'arrière Une autre chose que je veux faire est de faire pivoter légèrement le crayon pendant qu'il trace la ligne. Je vais donc définir une image clé de rotation au début de la chronologie, puis une fois cette animation terminée, les deux images sont de 35 degrés. Et puis au milieu, faisons pivoter le crayon un peu plus de cette façon. Alors peut-être 40. Voici à quoi cela ressemble. Vous avez peut-être remarqué que lorsque le crayon se retourne, vous pouvez voir la ligne à travers le crayon pendant un certain temps pouvez voir la ligne à travers le , car cette forme que j'ai créée dans Illustrator est une forme ouverte sans remplissage Parfois, vous pouvez corriger ce type de problème en retournant dans le fichier Illustrator. Et dans ce cas, comme il ne s'agit que d'un simple changement de couleur, il est facile de réparer un Illustrator. Donc, ce que je vais faire, c'est accéder à mon fichier Illustrator. L'ensemble de ce crayon est un groupe Je vais donc double-cliquer sur la forme à laquelle je souhaite ajouter une couleur de remplissage, puis ajouter cette couleur de remplissage. Et pendant qu'on y est, autant les remplir pour des raisons de sécurité. Et ça a l'air plutôt bien. Je vais donc quitter le groupe en cliquant sur cette barre, puis en enregistrant le fichier, puis je vais retourner dans After Effects. Et examinons simplement la chronologie et voyons si cela a résolu le problème Oui, vous pouvez maintenant voir qu'il s'agit d'une forme remplie car mon fichier Illustrator a été mis à jour dans After Effects 14. Animer l'échelle : Eyedropper: Je vais créer ce rectangle, le liquide qui se trouve à l'intérieur de la pipette Mais d'abord, animons cette petite gouttelette de liquide qui sort de la pipette Je vais juste masquer cette couche fluide rectangulaire pour le moment. Mettons ensuite la gouttelette en place. Puisque cela est en train d'être supprimé, agrandissons également la composition. Je vais utiliser la commande ou le contrôle K pour accéder aux paramètres de composition. Faisons en sorte que cela fasse 700 x 700 pixels. Ensuite, je vais agrandir l'arrière-plan. Je vais sélectionner l'arrière-plan, appuyer sur S sur le clavier pour accéder à la propriété d'échelle, puis l'agrandir. ce qui concerne la gouttelette, je souhaite également animer la balance de manière à ce qu'elle donne l'impression elle sort du compte-gouttes Mais d'abord, je veux déplacer le point d'ancrage vers le haut. Je vais accéder à l'outil panoramique situé dans la barre d'outils supérieure, puis zoomer. Vous pouvez maintenir la barre d'espace enfoncée pour ce petit outil manuel déplace votre composition Ensuite, je vais faire glisser le point d'ancrage vers le haut Si vous maintenez la touche Commande ou Ctrl enfoncée, il s'enclenchera dans un coin ou un bord, puis je vais revenir à l'outil de sélection avec V sur le clavier. Ouvrons ensuite la gouttelette en haut et animons la position et l'échelle La position devrait commencer ici, peut-être un peu plus haut. Passons ensuite à 15 images et animons la position en descendant. Ensuite, à 15 permanentes, je fixerai également l' échelle à 100 %, puis au début de la chronologie, fixons-la à une échelle de zéro Alors maintenant, la gouttelette va s' agrandir et se déplacer vers le bas. Mais je pense que ça va un peu trop vite. Déplaçons donc simplement ces images-clés sur 1 seconde et 15 images Je veux aussi créer cette animation en boucle, j'ai donc besoin d'un moyen de me débarrasser de cette gouttelette Animons donc l'opacité. Donc, à partir d'une seconde, animons l'opacité à partir de 100, puis en l'alignant avec ces deux autres images-clés, animons-la Alors simplifions-nous facilement toutes ces images-clés. Voici donc ce que j'ai jusqu'à présent. 15. Dimensions de l'animation : caméra: Cette icône d'appareil photo, je veux que l'objectif redimensionné comme s'il ajustait sa mise au point. Cachons ces deux photos pour le moment. Je veux que la lentille intérieure soit redimensionnée, mais si j'utilise la propriété scale, vous pouvez voir que le poids du trait de ce cercle varie également. Je n'aime pas ce à quoi ça ressemble. J'aime que tous les poids du trait soient constants, même s'il s'agit d'une mise à l'échelle. Permettez-moi de vous montrer comment vous pouvez modifier la taille du cercle sans affecter le poids du trait. Ce que je vais faire, c'est désélectionner cette couche intérieure de l'objectif en cliquant dessus, puis je vais la recréer à l'aide des outils de mise en forme et d'After Si vous accédez à l' outil rectangle et que vous cliquez et maintenez le bouton enfoncé, il existe d'autres options pour les outils ici Je vais donc utiliser l'outil ellipse Ensuite, je vais simplement faire glisser une ellipse et je vais maintenir la touche Shift enfoncée pour m' assurer d'obtenir un cercle parfait Si vous n'êtes pas précis, ce n'est pas grave, car vous pouvez ajuster. Je vais revenir à l'outil de sélection , puis le mettre en place. Passons simplement en solo cette couche, cette couche de forme et la couche de lentille pour qu'il soit plus facile de voir ce que je fais. Je vais zoomer. Ensuite, pour recolorer son trait, je vais cliquer sur cette case ici et utiliser cette pipette pour échantillonner couleur du trait sur le calque original d' Et puis je sais aussi que le poids du trait doit être de 14 parce que c'est ce que j' utilisais dans Illustrator. Ensuite, il faut que ce soit un peu plus grand. Je vais donc ouvrir où il est écrit ellipse, puis trajectoire de l'ellipse, puis ajuster Je pense donc que ça a l'air bien. Cachons cette couche d'objectif. C'est assez proche. La couche en forme de cercle que j'ai créée n'a couleur de remplissage car le globe oculaire est désactivé. Je vais donc l'activer Ensuite, désactivons-le pour que je puisse cliquer sur cette case de remplissage ici , puis utiliser le compte-gouttes pour prélever la couleur de remplissage par rapport à l'original Ensuite, remettons cela en place. Ensuite, il suffit de faire glisser cette couche de forme juste au-dessus de l'objectif, puis de dissocier ces deux couches Et puis je peux simplement supprimer la couche d'origine de l'objectif. Et renommons cette couche de forme. Pour ce faire, sélectionnez-le, puis appuyez sur Retour ou Entrée, puis vous pouvez commencer à taper. Très bien, nous avons maintenant cette toute nouvelle couche qui possède cette propriété de taille, et si vous animez la propriété de taille, vous pouvez voir que l'épaisseur du trait reste la même, même si je l' agrandis ou la réduis Vous vous demandez peut-être pourquoi je n'ai pas simplement cliqué avec le bouton droit sur la couche en disant «  créer des formes à partir d'une couche vectorielle ». Si je ne l'ai pas fait, c'est parce que cela crée simplement un chemin et non un tracé en ellipse Et un chemin n'a pas la propriété de taille. Pour animer l'objectif, définissons une image-clé au début de la chronologie de la taille suivante Ensuite, à partir de dix images, je vais le réduire un peu. Passons ensuite à 25 images et copiez-collez simplement la première image-clé. Simplifiez ces images-clés. Donc ça ressemble à ça. Animons également cette mise à l'échelle de la couche d'objectif, mais encore une fois, je vais devoir utiliser la propriété size pour conserver l'épaisseur du trait Donc, ce que je vais faire, c'est dupliquer cette couche interne de l'objectif en appuyant sur Commande ou Contrôle D, et renommons-la Ensuite, activons l'éblouissement et trouvons la propriété de taille Je vais placer la tête de lecture au-dessus de la première image-clé. Comme ces trois images-clés sont sélectionnées, si je fais glisser le pointeur sur les chiffres de la propriété size, cela ajustera la taille des trois images-clés tout en conservant leurs valeurs relatives Je vais l'aligner sur l'éblouissement d' objectif original d'Illustrator Alors maintenant, vous pouvez voir que cet éblouissement intérieur s'intensifie. Supprimons simplement le calque d'origine. Bien sûr, il s'agit d'un cercle complet, nous devons donc en faire un quart de cercle seulement. Pour ce faire, je vais appuyer sur ce bouton publicitaire et choisir des tracés de découpe, et je vais simplement définir la valeur finale à 25 % pour ne laisser qu'un quart du cercle à cet endroit. Ensuite, pour le déplacer ici, je vais modifier la valeur de décalage. Faisons donc ce chiffre négatif 90. Ensuite, je veux aussi que les capuchons soient arrondis. Je vais entrer dans le trait, ou vous pouvez également le faire dans le panneau des propriétés, qui est un peu plus facile à trouver. Il suffit d'appuyer sur les capuchons ronds. Vous pouvez également le trouver en dessous du trait. Je vais juste vous appuyer pour voir toutes les images-clés et voici ce que j'ai pour le moment. 16. Créer un matte : appareil photo: Animons ces photos qui sortent de l'appareil photo. Je vais juste cacher les fleurs et travailler avec une par une. Je vais d'abord animer la position, puis je vais créer un tapis pour que la photo ne soit visible que dans cette zone inférieure , puis je vais donner l'impression qu'elle sort de l'appareil photo Je vais donc appuyer sur P sur le clavier pour afficher la propriété de position et définir une image-clé au début de la chronologie, et je vais faire glisser la valeur Y vers le haut pour qu' elle se trouve au-dessus de cette ligne où la photo sort de l'appareil photo Ensuite, je vais passer à 1 seconde et l'animer manière à ce qu'il soit complètement hors de la caméra Créons maintenant le tapis. Pour ce faire, je vais utiliser une couche de forme et simplement dessiner un rectangle commençant par le haut de cette fente et se prolongeant jusqu'au bas de la composition. Renommons cette couche MT, alors appuyez sur Entrée ou Retour, puis de nouveau sur Entrée ou Retour. Ensuite, sur cette couche photo, je dois définir le tapis pour qu'il soit cette couche de forme. Pour voir les options MT, appuyez sur ce bouton pour changer de mode et vous devriez voir Track Mat ici Si vous ne voyez pas les options Track Mat, parcourez ces boutons jusqu'à ce que vous les voyiez ou cliquez avec le bouton droit sur cette barre supérieure ici, accédez aux colonnes et assurez-vous que les modes sont cochés Ensuite, dans ce menu déroulant, vous pouvez choisir la couche de tapis qui sera le MT. Vous pouvez également utiliser ce fouet pour faire glisser le pointeur vers le calque. Maintenant, la photo ne sera visible qu' à l'intérieur de ce tapis, et je dois revenir à mon outil de sélection avec V. Maintenant, si je la rejoue, vous pouvez voir que la photo semble sortir de l'appareil photo. Mais ce serait mieux si le tapis était légèrement abaissé. Je vais donc simplement sélectionner cette couche de tapis et la démonter comme ça. Et peut-être que cette photo disparaisse complètement de l'écran. Je viens donc de mettre à jour cette image-clé. Je peux également facilement atténuer ces images-clés. Je veux que l'animation du réglage de l'objectif se fasse d'abord, puis il serait peut-être bon l'ensemble de l'appareil photo bouge un peu comme si quelqu'un appuyait sur le déclencheur pour que la photo sorte. Je vais juste fermer toutes les couches. Afin d'animer l'ensemble de la caméra, je souhaite que toutes les couches soient associées à cette couche de caméra Je vais donc sélectionner toutes les couches et les associer à la caméra. Voyons maintenant où se trouvent les images-clés de l'objectif. Commençons avec environ 15 images et faisons descendre l'appareil photo vers le bas. Je vais appuyer sur Pee sur le clavier pour afficher la propriété de position de la caméra et définir une image-clé ici, puis passer à la fin de l'animation de réglage de l'objectif et déplacer légèrement la caméra vers le bas Ensuite, avancez de dix autres images et faites tourner l'animation en boucle en copiant et en collant la première image-clé Et je vais facilement atténuer ces images-clés. Ensuite, le traitement de la photo devrait probablement prendre un peu de temps, puis je la ferai sortir. Faisons donc glisser cette couche vers l'arrière et faisons-la ressortir au bout de 2 secondes. Voici donc ce que j'ai jusqu'à présent. Je pourrais également ajouter un peu de rotation lorsque la caméra se déplace vers le bas. Donc, sur cette image-clé, je vais définir la rotation des images-clés. Donc, pour voir la position images-clés et activer la propriété de rotation, je vais appuyer sur Shift R, puis je vais définir une image clé de rotation, puis ici je vais définir une image-clé de rotation pour. Faisons quelque chose de vraiment subtil, comme peut-être juste moins un, puis revenons je vais appuyer sur Shift R, puis je vais définir une image clé de rotation, puis ici je vais définir une image-clé de rotation pour Faisons quelque chose de vraiment subtil, comme peut-être juste moins un, à zéro Et Easy Ease crée des keyframes. Ensuite, vous pouvez répéter toutes ces images-clés , puis animer la fleur photo qui sort de l'appareil photo et vous assurer de placer le tapis sur cette couche de tapis 17. Créer un mat : Eyedropper: Pour obtenir ce rectangle qu'est le fluide, juste à l'intérieur de cette forme de pipette, nous devons installer un mont Pour voir les options du tapis, allez au bas de la chronologie et cliquez sur ce bouton qui indique « Toggle Switches » en mode barre oblique Je veux donc que cette forme de pipette soit idéale pour ce fluide Donc, sur la couche fluide, vous devez sélectionner le tapis ici. Vous pouvez soit utiliser le menu déroulant et sélectionner le calque, soit utiliser cette petite spirale, le fouet et le faire glisser vers le calque que vous souhaitez utiliser comme tapis Par défaut, cela désactivera le globe oculaire sur la couche que vous avez choisie comme tapis, à savoir la pipette Mais si vous regardez ici, cela ne fonctionne pas comme nous le souhaitons. Cette pipette a une forme qui ne se remplit pas en un seul trait Le tapis apparaît donc simplement sur ce contour. Réglons ce problème en donnant une couleur de remplissage à la pipette. Et je vais le faire dans Illustrator. Si ce fichier n'est pas encore ouvert dans Illustrator, il est facile de le retrouver rapidement en cliquant avec le bouton droit de la souris sur le calque, allant sur Afficher, puis sur Reveal et Finder. Ensuite, vous pouvez l' ouvrir dans Illustrator. Cette forme de pipette doit donc avoir une couleur de fond Je vais donc la sélectionner et colorier de la même couleur que l'arrière-plan Ensuite, je vais appuyer sur Enregistrer. Ensuite, si je reviens à After Effects, vous constaterez que ce tapis a déjà été mis à jour car j'ai donné une couleur de fond à cette pipette. Certaines choses, comme le simple fait d'ajouter une couleur de remplissage à une forme, vous pouvez le faire dans Illustrator, enregistrer le fichier et le mettre à jour dans After Effects. D'autres éléments, tels que l' ajout de calques à votre fichier Illustrator, ne seront pas actualisés dans After Effects. Si vous souhaitez en savoir plus sur ce que vous pouvez et ne pouvez pas faire dans Illustrator et avoir mis à jour votre fichier Illustrator déjà importé dans After Effects, j'ai un didacticiel qui explique plus en détail ce sujet. Mais pour l'instant, je vais juste le lancer et éteindre le globe oculaire. Vous verrez que le liquide de remplissage est maintenant en forme de compte-gouttes, mais j'ai besoin de retrouver la forme du compte-gouttes mais j'ai besoin de retrouver la forme du j'allume le globe oculaire, vous pouvez voir que cela ne fonctionne toujours pas, car une fois que la couche compte-gouttes est réactivée, la couleur de remplissage masque le liquide . Pour résoudre ce problème, je vais placer le liquide au-dessus du compte-gouttes, mais ce n'est toujours pas parfait car maintenant je ne vois pas le contour de l' ensemble du compte-gouttes parce que je vois le liquide sur le Pour résoudre ce problème, je vais prendre la forme d'une pipette, puis cliquer avec le bouton droit de la souris et créer des formes à partir d'une couche vectorielle Ensuite, je vais placer cette couche en haut et cette couche a toujours ce remplissage, mais je vais passer à la couche En dessous du contenu, il y a quelques groupes différents. Il suffit de cliquer pour trouver celui que nous recherchons. Ce sera donc le groupe trois, puis je l'ouvrirai, et ce sera le remplissage que je veux masquer Je vais donc simplement le supprimer ou éteindre le globe oculaire. Alors maintenant, nous avons enfin le look que nous voulons. Je peux donc fermer ça. Je sais qu'il y a eu plusieurs étapes pour régler un problème que j' aurais pu prévoir. Dans Illustrator, je venais créer une autre copie de ce calque et que celui-ci soit rempli , puis je l'ai simplement appelé Matt ou quelque chose comme ça, puis sur le compte-gouttes d'origine, j' ai fait en sorte que celui-ci n'ait puis je l'ai simplement appelé Matt ou quelque chose comme ça, pas de couleur de remplissage, puis je l'ai simplement importé comme ça Cela aurait résolu toutes les étapes que j'ai dû effectuer entre After Effects et Illustrator. Mais je ne l'ai pas fait exprès. Je me suis dit que si vous créiez vos propres icônes, vous risqueriez de vous retrouver accidentellement dans une situation où vous n'auriez pas prévu couche de tapis dont vous auriez besoin Je voulais donc vous montrer comment résoudre le problème. N'oubliez pas non plus que l'ajout d'une couche dans Illustrator une fois que vous aurez importé le projet fonctionnera pas une fois que vous aurez importé le projet dans After Effects. Il ne reconnaîtra pas cette nouvelle couche. Animons maintenant le liquide contenu dans la pipette Je vais donc appuyer sur P sur le clavier pour afficher la propriété de position et définir une image-clé au début de la chronologie Passons ensuite à 1 seconde et animons ce fluide jusqu'à la sortie de la pipette Puisque je veux que cette animation soit en boucle, je souhaite également réanimer le fluide Je vais juste le faire remonter dans 15 images et je vais simplement copier et coller cette première image-clé Simplifiez facilement ces images-clés et voyons ce que nous avons. Cette animation ne dure que 2 secondes. Je vais donc découper la zone de travail, puis cliquer avec le bouton droit de la souris et choisir Trim Comp to work area Il y a encore une chose que nous pourrions faire pour rendre cette animation un peu plus intéressante, c'est de faire bouger légèrement l'ensemble de la pipette. C'est un peu comme si quelqu'un la pressait et utilisait la pipette Donc, pour animer la position de l'ensemble de la pipette, je dois associer certaines couches afin de pouvoir simplement animer la position d'une Je vais donc prendre le liquide, le compte-gouttes et les appliquer à la couche de contour du compte-gouttes. Ensuite, pour cette couche, je vais appuyer sur P sur le clavier pour afficher la propriété position et définir une image-clé au début de la chronologie Avançons ensuite dans le temps jusqu'à 1 seconde, et ce sera à ce moment-là qu'il descendra. Ensuite, je veux que ce goutte-à-goutte disparaisse complètement avant qu'il ne remonte , afin qu'il ne remonte pas parce que cela n' aurait aucun sens Attendons donc qu'il disparaisse, puis je remonterai ce mouvement Nous allons donc copier-coller cette dernière image-clé. Ensuite, à la fin de la chronologie, je copierai et collerai la première image-clé, et cela créera une boucle parfaite Et puis simplifierons facilement ces images-clés. Je pense qu'il serait préférable que le liquide remonte alors que le compte-gouttes remonte Donc, ce que je vais faire, c'est déplacer cette image-clé pour qu'elle se trouve à la fin de la chronologie, puis ici je vais copier et coller cette dernière image-clé pour que le fluide ne soit pas visible Ainsi, dans cet espace, la gouttelette disparaîtra , puis tout se remettra en Il s'agit de l'animation finale. 18. BONUS : Animer la propriété du chemin: ai peut-être remarqué que dans mon animation avec caméra, J'ai peut-être remarqué que dans mon animation avec caméra, la photo se transforme légèrement pour donner l' impression qu'il s'agit de trois D. Si vous voulez apprendre à faire cela, je vais vous montrer comment faire dans cette vidéo, mais elle est un peu plus avancée que ce que nous avons fait jusqu'à présent en classe La première chose que je vais faire est agrandir ma composition en accédant aux paramètres de composition. Faisons donc 700 pixels pour la hauteur. Et puis je vais aussi avancer pour faire en sorte que la hauteur soit ajoutée en bas. Je vais cliquer sur le bouton supérieur ici, puis appuyer sur OK, puis agrandir l'arrière-plan. L'étape suivante consiste à sélectionner la photo et à la convertir en couche de forme. Alors, cliquez avec le bouton droit de la souris pour créer des formes à partir d'une couche vectorielle. Ensuite, sous la version calque de forme de la photo, je vais l'ouvrir, sélectionner ces couches pour déterminer ce qu'elles sont, puis les renommer pour faciliter l'ensemble du processus Ce sera le soleil. Nous devons également régler le tapis. Cette couche en forme de photo contient cette couche de tapis que nous avons créée. Ensuite, pendant que la photo sort de l'appareil photo, faisons-la peut-être une pause ici même. Je vais vous appuyer sur le clavier pour faire apparaître ces images-clés de position et simplement définir une image-clé de position ici Faisons une pause de cinq images seulement. Je vais copier-coller cette image-clé. Donc, ça va sortir, faire une petite pause, puis faisons-le sortir davantage et commencer à se transformer. Mais pour le moment, vous pouvez voir qu'il y a déjà un problème. Cette couche de tapis est en train de découper le bas de la photo. Je vais entrer dans le tableau sous le contenu, Rectangle un, Rectangle un chemin , puis la propriété size Je vais supprimer les proportions et simplement augmenter la valeur Y. Déplaçons-le ensuite vers le bas pour que le haut de ce rectangle soit toujours aligné avec la fente. Mais maintenant, nous avons suffisamment de place ici pour que la photo ne soit pas coupée. Passons à cette couche photo. Dans la couche principale, je vais animer cette propriété de chemin Je vais donc cliquer sur le chronomètre pour la propriété du chemin ici Avançons ensuite dans le temps, et on dirait que la photo sort encore complètement de la composition. Alors allons-le un peu vers le haut. Je vais donc augmenter la valeur Y qu'elle se termine ici. Et faisons en sorte que cette animation prenne un peu plus Je vais donc faire glisser cette image-clé jusqu'à 310 Ensuite, au bout de 3 secondes, je vais commencer à animer la propriété path sur la couche photo principale pour qu'elle commence à se transformer Je vais sélectionner l' endroit où il est indiqué le chemin 1, et de cette façon, je peux réellement sélectionner les points individuels du chemin. Cela peut être source de confusion, car si vous sélectionnez endroit où il est indiqué le chemin à côté du chronomètre, tous les points de ce chemin sont sélectionnés Donc, si vous essayez d'en déplacer un, vous finissez par tout déplacer. Au lieu de cela, si vous sélectionnez « hors de la couche », puis que vous sélectionnez uniquement l'endroit où le chemin est indiqué, mais que vous ne sélectionnez pas l'endroit où il est indiqué « chemin » à côté du chronomètre, vous pouvez saisir les points individuels et les déplacer. Donc, pour ces points inférieurs, je vais les faire glisser vers l'extérieur et je Maj enfoncée pour maintenir la position verticale. Cela donnera l' impression que la photo arrive vers le spectateur. J'ai également besoin que la photo soit légèrement courbée pour qu'elle soit plus réaliste. Je vais accéder à l'outil Stylo, cliquer et maintenir l'outil de conversion des sommets puis cliquer sur ces deux points pour ajouter des courbes Ensuite, je vais revenir à l' outil de sélection, saisir ces poignées et simplement introduire celles qui se trouvent à l'intérieur que la ligne inférieure soit droite , puis pour que la ligne inférieure soit droite , puis je vais saisir les poignées la partie verticale de la ligne et les placer de manière à créer une ligne courbe. Quelque chose comme ça. Maintenant, sur cet Inter Photoayer, je dois faire quelque chose de très similaire Je vais revenir au début de cette animation de trajectoire et cliquer sur le chronomètre correspondant à la propriété interne de Photos Path, puis passer à autre chose pour propriété interne de Photos Path, puis passer m'aligner sur cette image-clé et animer Encore une fois, passez à l'outil de conversion Vertex et il peut être utile de zoomer à ce stade et d'obtenir ces poignées Ensuite, je dois animer le chemin sur la couche de montagnes. Je vais donc faire la même chose, aligner sur ces images-clés, démarrer les images-clés pour la propriété path, puis passer à autre chose, puis sélectionner uniquement le premier chemin pour que je puisse sélectionner ces points Très bien, ce que nous avons maintenant c'est que la photo va sortir et qu'elle va commencer à se pencher vers le spectateur Je dois aussi réduire ces points, comme si la photo commençait à tomber à plat. Je vais cliquer et faire glisser le pointeur sur tous ces points pour les faire tous apparaître en même temps. Et puis abattons également les montagnes. Ensuite, abaissons la couche de soleil. Pour cela, je vais ouvrir le soleil, passer à transformer le soleil, passer à transformer le soleil, et il existe un tout autre ensemble de propriétés de transformation différentes des propriétés de transformation de l' ensemble de cette couche Ces propriétés de transformation ne concernent que ce petit cercle solaire ici. Je vais passer au début de cette animation de trajectoire et définir images-clés de position pour que le soleil soit là et qu'il ait une échelle de 100 à 100 ici Et puis au bout de 3 secondes, déplaçons la couche solaire vers le bas. Ensuite, déverrouillez les proportions limitées sur la propriété d'échelle et réduisez la valeur Y de l'échelle Voici donc à quoi cela ressemble jusqu'à présent. Je dois baisser un peu le tapis. Ça a l'air mieux. D'accord, la photo se déplace vers le bas, puis je veux qu'elle repose complètement à plat Je vais donc avancer de dix images supplémentaires , puis animer à nouveau les propriétés du chemin Donc, en commençant par la photo principale, je vais faire en sorte que ces deux points supérieurs se replient complètement vers le bas de la photo, puis j' ajusterai ces poignées pour former une ligne plate. Et puis la même chose sur la photo intérieure. Et si je clique et fais glisser, les points situés en bas de la couche montagneuse seront également sélectionnés , puis je les ferai simplement glisser vers le bas. Ensuite, je sélectionnerai ces points les plus élevés, y compris les montagnes, mais en m'assurant de ne pas sélectionner le soleil, et je commencerai à les faire glisser vers le bas pour former une ligne plate Voyons donc à quoi cela ressemble jusqu'à présent. OK, le dernier élément est juste de faire baisser le soleil. Animons donc la position en descendant, puis l'échelle allant à zéro et l'axe y. Voici donc ce que nous avons jusqu'à présent. Vous pouvez revenir dans les images-clés pour ajuster légèrement le tracé ou simplement le timing pour le rendre un peu plus beau, mais voici l'idée de base de la façon dont vous animeriez avec la propriété path 19. Compositions de nid: Dans cette vidéo, je vais vous montrer comment assembler vos icônes dans une seule composition afin de créer un fichier vidéo avec toutes vos icônes côte à côte. La première étape sera de passer à ce nouveau bouton de composition, et de nommer ces icônes. Assurez-vous de définir votre largeur et votre hauteur, puis je veux que ce soit 4 secondes car c'est la durée de l'animation d'icônes la plus longue, et j'ai défini la couleur d' arrière-plan sur la même couleur d'arrière-plan que les icônes. Ensuite, vous pouvez faire glisser toutes les compositions d'icônes. Si la couleur d'arrière-plan est différente de la couleur d'arrière-plan de la composition principale, passez à Afficher puis décochez la case Utiliser la gestion des couleurs d'affichage Cela devrait régler ce problème. Je vais juste apporter toutes les autres compositions d'icônes. Redimensionnons-les de manière à ce qu' ils ne se chevauchent pas tous. Je vais appuyer sur la touche S pour faire apparaître la propriété de l'échelle, puis je vais simplement les sélectionner toutes en appuyant sur commande A et réglons l'échelle à 50 %. La prochaine étape consistera simplement à réorganiser l'icône pour que cette composition soit belle Vous pouvez utiliser les outils d'alignement ou, si cela est utile, vous pouvez voir le centre de la composition en choisissant le titre, l'action en toute sécurité ici ou le caractère du clavier est la touche entre guillemets Certaines icônes ne durent que 2 secondes, puis elles disparaissent. Le moyen le plus simple de résoudre ce problème est de sélectionner les compositions qui ne durent que 2 secondes appuyer sur la commande D pour les dupliquer et de faire glisser la copie dans l'espace vide. Maintenant, si je rejoue ça, je devrais tout faire tourner en boucle 20. Rendre un fichier vidéo: Voici comment exporter cette composition sous forme de fichier vidéo. C'est ce qu'on appelle les termes « rendu » et « After Effects ». Assurez-vous que cette composition est sélectionnée dans la chronologie et que la chronologie est sélectionnée avec ce contour bleu ou assurez-vous que la composition d'icônes est sélectionnée dans le panneau du projet. Passez ensuite à la composition, ajoutez au rendu Q. Cela fera apparaître la file d'attente de rendu et la chronologie. Ensuite, à côté du module de sortie, vous pouvez choisir les paramètres de ce fichier vidéo. Je vais juste utiliser le fichier par défaut, qui est un fichier MP 4. Mais si vous souhaitez modifier les paramètres, vous pouvez soit utiliser un modèle que vous trouverez ici soit cliquer sur le texte bleu pour afficher toutes les options de configuration. À côté de la sortie deux, si vous cliquez sur ce texte bleu, vous pouvez choisir où enregistrer ce fichier. La dernière étape consiste à appuyer sur le bouton de rendu. Voici le fichier vidéo que je viens d'exporter. 21. Prochaines étapes: Félicitations pour avoir terminé ce cours. J'espère que tu te sens plus à l'aise dans After Effects. J'adorerais voir ce que vous avez animé, alors publiez votre travail sous forme de projet de classe. Et si vous avez posté sur Instagram, taguez-moi sur Animation Explained. Si vous avez tiré quelque chose de ce cours, cela m' aiderait vraiment si vous laissiez un avis. Pour continuer à apprendre, consultez mes autres cours et assurez-vous de me suivre sur Skillshare ou inscrivez-vous à ma newsletter gratuite pour savoir quand j'ai un nouveau cours pour Merci beaucoup d'avoir regardé jusqu'à la prochaine fois Happy Animating.