Animer facilement dans Adobe After Effects (V1)

1. Arrêtez-vous là !: Hey, c'est Jake et je veux juste t'arrêter là et dire, ne regarde plus ce cours parce que je l'ai mis à jour. Il y a maintenant une version d'animation avec facilité et un lien vers cela et dans les notes de la vidéo en ce moment. Fondamentalement depuis que j'ai fait la première version de cette classe, je suis devenu un meilleur concepteur de mouvement. J' ai appris de meilleures techniques, et celle-ci est devenue obsolète. Maintenant, je ne voulais pas supprimer cette classe au cas où vous l'avez déjà prise dans votre projet de classe est ici, il y a beaucoup de projets de classe et de discussion sur l'onglet communauté. Donc, je veux juste garder tout cela actif, mais la nouvelle classe a tellement meilleures techniques, le contenu est deux fois plus long. Je vous promets que même si vous avez suivi ce cours avant de regarder la nouvelle version, vous en profiterez absolument et apprendrez de meilleures techniques. Alors, allez là-bas et je vous verrai dans cette classe. 2. Bande-annonce du cours: Hey, je suis Jake Bartlett et dans ce cours, on va s'animer avec facilité dans les effets après. Je vais vous apprendre à utiliser l'éditeur de graphiques, afin que vous puissiez prendre le contrôle du mouvement dans vos animations. Que vous utilisiez d'après effets professionnels depuis 10 ans ou que vous veniez d'ouvrir le logiciel pour la première fois hier. Si vous n'utilisez pas l'éditeur de graphique, vous n'avez pas le contrôle total de votre mouvement. Dans ce cours, vous aurez une compréhension complète des graphiques de vitesse et de valeur et de la façon de les utiliser à votre avantage. Pour le projet de classe, vous allez concevoir et animer une maison à partir de zéro. cours de route, je vais partager certains de mes trucs et astuces de flux de travail ainsi que des raccourcis clavier pour travailler efficacement dans les effets d'après-effets. À la fin de ce cours, vous animerez facilement. Je te verrai en classe 3. Pour commencer: abord, je veux juste dire merci beaucoup d'être inscrit à ma classe. Je suis super excité d'enseigner sur ce sujet. Je crois vraiment que l'éditeur de graphiques est la connaissance la plus précieuse que je puisse vous transmettre. C' est incroyable ce qu'il peut faire à vos animations. Maintenant, si à tout moment vous vous sentez confus ou que vous avez l'impression que je n'ai pas expliqué quelque chose assez clairement, s'il vous plaît allez à la page Discussions et laissez un commentaire sur le fil Demandez-moi quoi que ce soit, et je serai plus qu'heureux de travailler à travers quelque chose avec vous et certainement revenir arrière et réviser ces vidéos pour faciliter les expériences d'apprentissage des futurs élèves. Allons dans ce projet. Je vais vous expliquer comment j'ai fait cette animation maison. Cela peut sembler assez compliqué, mais c'est vraiment simple, il y a juste beaucoup de couches. peu près toute l'animation utilise l'éditeur de graphique d'une manière ou d'une autre pour lisser le mouvement. Allons-y. La première chose que j'ai faite a été de concevoir ma maison à l'intérieur d'Illustrator. En règle générale, j'aime concevoir mes illustrations à l'intérieur d' illustrator, puis les intégrer dans After Effects et les recréer là. Je préfère juste concevoir à l'intérieur d'Illustrator parce que j'ai l'impression que je peux faire des choses plus rapidement. Vous pouvez voir ici que c'est mon image de référence. C' est la maison dans laquelle j'ai grandi. Je viens de l'utiliser comme référence visuelle et de concevoir ma maison le plus près possible. C' est très simple, pas beaucoup de détails, juste quelques rectangles, quelques triangles, puis quelques formes personnalisées ici pour les buissons. Si vous êtes nouveau dans After Effects, je tiens à vous encourager à garder votre design aussi simple que possible. Tu ne veux pas t'accabler. Maintenant, si vous utilisez After Effects depuis un moment et que vous voulez faire quelque chose d'un peu plus compliqué par tous les moyens, allez-y. n'y a pas de limite à la quantité de détails que vous pouvez mettre. Cela dépend de la quantité d'animation que vous voulez avoir dedans, plus il vous faudra de temps pour faire. Mais je vais vous laisser cette décision. Pour le projet de classe, je vais m'en tenir à ça. Avant d'y aller, je veux juste expliquer un peu ma mise en page dans After Effects. Je n'ai ouvert que les panneaux dont je pense avoir besoin pour ce projet. C' est correct si votre mise en page ne ressemble pas à ceci, mais sachez simplement que si vous voyez un panneau que j'ai ouvert et qui n'est pas ouvert sur le vôtre, allez simplement dans la fenêtre, le menu déroulant et vous pouvez voir tous les différents panneaux d'After Effects. Apportons d'abord nos œuvres d'art. Je reviendrai sur le panneau Projet, cliquez avec le bouton droit à l'intérieur et accédez à Importer le fichier. Je vais chercher mon dossier chez Illustrator et appuyer sur « Ouvrir ». Maintenant, nous l'avons dans After Effects. Ensuite, je veux faire une composition en descendant le bouton Nouvelle composition et en cliquant dessus. Je veux que mon entreprise soit 800 par 600 pixels. J' ai choisi le 800 par 600 parce que je veux qu'il ait un rapport quatre par trois, et je sais que je n'ai pas besoin d'une résolution plus élevée que ça. Si vous voulez que ce soit HD, n'hésitez pas à changer la résolution à ce que vous voulez, mais pour ce projet, je vais le laisser à 800 par 600. Je veux que ma fréquence d'images soit de 30 et que la durée de ma composition soit d'environ 20 secondes. Je ne pense pas que mon animation sera aussi longue, mais je veux juste me donner suffisamment d'espace de travail au cas où j'en aurais besoin. Je vais appuyer sur « OK » pour créer ma composition. Ensuite, j'apporterai mon illustration dans la composition en cliquant et en faisant glisser sur le fichier jusqu'à ce qu'il accroche le centre de la composition et lâche prise. Ensuite, je veux convertir mon illustration en un calque de forme pour pouvoir l'animer dans After Effects, c'est un peu plus facile. Pour ce faire, je vais cliquer avec le bouton droit sur le fichier, défiler vers le bas dans ce menu jusqu'à ce que j'arrive à Créer des formes à partir d'un calque vectoriel. Vous verrez que cela a caché mon illustration originale et créé un calque de forme qui ressemble exactement au même. Le problème est que tout est sur une seule couche. Si j'ouvre ce calque et que je passe dans le contenu, vous pouvez voir que nous avons tout un tas de groupes qui représentent tous chaque forme individuelle dans mon illustration. Nous devons séparer les différents groupes de formes en différents calques afin de pouvoir les animer plus facilement. Pour ce faire, je vais faire un peu plus d'espace en déplaçant ma souris entre le panneau Montage et le panneau Composition jusqu'à ce que ma souris se tourne vers cette petite flèche double. Je vais cliquer et faire glisser mon panneau pour agrandir un peu le panneau afin que je puisse voir plus de ma chronologie. Ensuite, je vais faire défiler jusqu'à ce que j'arrive au groupe un, je vais cliquer sur le premier groupe et voir que nous avons sélectionné une partie de cette lumière. Si je fais un zoom avant en appuyant sur la touche point du clavier , puis maintenez la barre d'espace pour passer temporairement à l'outil manuel, je vais cliquer et faire glisser pour repositionner. On voit que le groupe 1 n'est qu'une partie de cette lampe. groupes un à quatre sont la lampe sur le côté droit. Donc, si je clique sur le groupe quatre, puis que je clique sur le groupe 1, j'ai les quatre groupes élus. Si j'appuie sur Apple ou contrôle sur un PC plus G, cela regroupera les quatre groupes ensemble. Maintenant, avec le nouveau groupe sélectionné, je peux appuyer sur Entrée sur le clavier et renommer le calque, lampe droite et appuyez à nouveau sur Entrée pour confirmer le renommage. Maintenant, nous répétons simplement ce processus pour chaque objet que je veux séparer en un calque différent. Ensuite, je veux faire la lampe gauche, qui devrait être les quatre prochains groupes. Voilà, je vais le regrouper en appuyant sur Apple G ou le contrôle G sur un PC, le renommer en appuyant sur Entrée, lampe gauche, Entrée à nouveau, et je vais le faire pour toute la pièce. Je vais effectuer un zoom arrière sur ma composition en appuyant sur la touche virgule du clavier, puis repositionner à nouveau en maintenant la barre d'espace pour faire apparaître l'outil à main. Je veux parler un peu de la façon dont je vais animer ça. Je veux diviser toutes ces fenêtres en couches individuelles, mais je sais aussi que je veux les animer toutes exactement de la même manière. Donc vraiment j'ai juste besoin d'une des fenêtres et ensuite je peux en faire cinq doublons après l'avoir animé. Si je fais défiler mon groupe et que je trouve où se trouve l'une de ces fenêtres, on y va. Les groupes 35 et 36 sont cette fenêtre. Si je regroupe ces deux ensemble et le renomme, fenêtre supérieure, alors je peux juste utiliser ce seul groupe pour faire les cinq doublons. Je ne vais même pas m'inquiéter pour ces quatre autres fenêtres en ce moment. Ensuite, je ferai la même chose pour les fenêtres inférieures, je saurai où est l'une d'elles. Donc, les groupes 30-32, sont l'une des fenêtres inférieures. Alors regroupez-les ensemble, renommez-les, alors je n'ai pas à m'inquiéter des trois autres fenêtres inférieures. Pour tout ce qui a plusieurs copies de la même animation, je n'aurai besoin qu'd'une seule instance de. Si je découvre où est l'un de mes buissons, on y va, puisque c'est une forme unique, je n'ai même pas à le regrouper, je vais juste le renommer en bush. Alors, allons trouver la porte. Les groupes 19 à 26, les regrouper, renommer la porte. Pour m'assurer que j'ai tous les objets pour la porte, je vais juste éteindre le globe oculaire pour ce groupe. Bien sûr, tous ces objets sont dans ce groupe, donc nous avons l'air bien. Ensuite, il y a cette porte et la base de la maison. Ensuite, le dernier groupe est le bardage, et la garniture, et le toit. Je pense que c'est tout ce dont nous avons besoin. Maintenant, nous pouvons nous débarrasser de tous les groupes qui ne sont pas renommés. Donc, je vais sélectionner tous ces groupes et appuyer sur « Supprimer » jusqu'à ce que je reste avec les groupes que j'ai renommés. Maintenant, j'ai tous les différents éléments dont j'ai besoin séparés en différents groupes afin que je puisse plus facilement diviser cela en plusieurs couches. Je vais renommer cette couche en l'ayant sélectionnée et en appuyant sur Entrée , puis en l'appelant maître des éléments maison. Je veux le nommer pour ne pas le modifier accidentellement plus tard. Je vais toujours en faire un double avant de changer quoi que ce soit à l'intérieur. De cette façon, je peux toujours revenir à mes éléments originaux si j'en ai besoin. La prochaine chose que je devrais mentionner, c'est que vous devriez avoir l'habitude de sauver tout le temps. Je n'ai pas encore sauvé mon projet et c'est vraiment mauvais. Alors allons-y et faisons-le. Je vais nommer ma maison remplie et frapper « Safe ». Après avoir enregistré votre projet initialement, tout ce que vous avez à faire pour enregistrer à nouveau est de cliquer sur « Apple » ou « Control S ». Alors n'oubliez pas de sauvegarder vos progrès tout le temps. 4. Des groupes aux calques: La prochaine chose que nous devons faire est de séparer tous nos groupes en différentes couches. Commençons par la fenêtre supérieure. Pour ce faire, je dupliquerai mon calque maître et le renommerai « Fenêtre supérieure », puis j'ouvrirai ce calque et j'irai dans le « Contenu », puis je veux supprimer tout sur le groupe de fenêtres supérieures. Je vais sélectionner tous mes groupes en cliquant sur le premier, maintenant « Maj » sur le clavier et en cliquant sur le dernier, puis « Commande » en cliquant ou « Contrôle » en cliquant sur un PC sur la couche que je veux garder pour désélectionner et puis appuyez sur « Supprimer ». Maintenant, ce calque est juste ma fenêtre supérieure et si je solo le calque en cliquant sur le « Solo Switch », vous pouvez voir que c'est la seule chose dans ce calque. Ensuite, je vais faire la même chose pour la fenêtre inférieure, je vais dupliquer mon calque maître, le renommer « Fenêtre inférieure », ouvrir le contenu, sélectionner tout, désélectionner Fenêtre inférieure et appuyer sur « Supprimer ». Cette couche confirme que c'est juste notre fenêtre inférieure et que nous avons l'air bien. Maintenant quelque chose que je viens de remarquer, j'ai les deux lampes, mais elles vont être animées de la même manière. J' ai vraiment besoin d'un seul d'entre eux. Je vais supprimer ma lampe gauche de ma couche principale parce que je sais que je n'en ai pas besoin et ensuite renommer cette couche en lampe. Ensuite, je continue simplement à décomposer ce calque dans tous ses éléments individuels jusqu'à ce que j'aie un calque pour chaque groupe de formes. Maintenant, au lieu de vous faire regarder tout ça, je vais utiliser la magie de l'édition et juste couper à quand c'est fait. Voilà, j'ai tous mes groupes séparés en différentes couches. La dernière chose dont je veux parler très rapidement avant entrer dans l'animation, c'est l'organisation. C' est extrêmement important lorsque vous avez des animations complexes avec beaucoup de couches différentes que vous restez organisé et c'est pourquoi j'ai spécifiquement nommé chacune de ces couches pour refléter ce qu'elles contiennent. Si j'avais laissé tout ce que sont ces numéros de groupe, il aurait fallu tellement de temps pour savoir où se trouve la couche de base ou où se trouve la couche de buisson. Donc, croyez-moi sur celui-ci, l'organisation est très importante pour avoir un flux de travail efficace. Assurez-vous que tout est nommé clairement. Maintenant que nous avons tout divisé en couches, appelées a correctement, nous pouvons commencer à tout configurer pour l'animation. À ce stade, il y a deux choses que vous pouvez faire pour votre projet de classe avant de poursuivre. Le premier est juste de concevoir votre maison. C' est peut-être la maison dans laquelle vous avez grandi, une dans laquelle vous vivez maintenant, ou même un bâtiment fantastique comme un château. Une fois que vous n'avez pas conçu, créez un projet de classe et publiez une capture d'écran de votre maison là-bas. Ensuite, amenez votre maison dans des effets d'illustration et décomposez-la comme nous l'avons fait dans cette vidéo. Si vous avez des questions, n' hésitez pas à poser une question dans un fil de discussion « Ask Me Anything ». 5. Préparation pour l'animation: À ce stade, vous auriez dû concevoir votre maison, introduire dans After Effects et commencer à la décomposer. Maintenant, nous allons commencer à le préparer pour l'animation. Certains de ces objets vont être un peu plus compliqués à animer que d'autres. Par exemple, le revêtement va être beaucoup plus simple à animer que la porte, parce que le bardage est juste un grand rectangle, et la porte a un tas de petites fonctionnalités dessus. Donc, même si nous avons divisé tous ces objets séparés en calques, nous allons décomposer certains objets encore plus pour les rendre encore plus faciles à animer. Pour garder ma composition aussi propre que possible, tout objet qui aura plusieurs couches nécessaires à l'animation, je serai probablement pré-composé. La précomposition est quelque chose que nous allons traiter beaucoup dans ce projet. Vous pouvez y penser simplement comme un moyen de regrouper plusieurs couches ensemble. Si je clique sur la fenêtre supérieure, je veux pré-composer ce calque, en allant dans « Calque », tout en bas, cliquez sur « Pré-composer ». Cela ouvrira une fenêtre qui me permettra de renommer la nouvelle composition que nous créons. Donc je vais nommer cette fenêtre supérieure pré comp. Ensuite, il y a d'autres options dont vous n'avez pas vraiment à vous soucier à ce stade. Assurez-vous simplement que déplacer tous les attributs dans une nouvelle composition est sélectionné et appuyez sur OK. Maintenant, vous verrez que notre calque de forme a changé en composition. Si je développe cela un peu afin que vous puissiez voir le nom complet du calque. Nous voyons que nous avons PreComp fenêtre supérieure comme nous l'avions nommé. Si nous regardons dans notre projet, nous avons une nouvelle composition qui s'appelle Upper Window PreComp. Si je double-clique sur cette composition, vous voyez notre nouvelle composition qui a juste notre couche de fenêtre supérieure, exactement comme elle était à l'intérieur de notre première composition. Vous remarquerez également que la nouvelle taille de la composition est exactement la même que notre composition originale. Je vais revenir dans mon Upper Window PreComp, et maintenant nous pouvons diviser ce calque de forme en plusieurs calques. Je vais me donner un peu plus de place pour travailler. Ensuite, je veux changer mon point d'ancrage pour qu' au lieu d'être au centre de la composition, soit au centre de mon calque. La façon la plus simple de le faire est d'utiliser un raccourci clavier. Sa commande « Option » « Accueil » ou « Alt » « Contrôle » « Accueil » sur un PC. Maintenant, si vous travaillez sur un ordinateur portable, vous n'avez probablement pas de clé « Accueil ». Je vais annuler en appuyant sur « Commande » ou « Contrôle Z » sur un PC. Vous pouvez faire la même commande en cliquant avec le bouton droit sur le « Calque », en allant transformer, puis en cliquant sur le point d'ancrage central dans le contenu du calque. Cela repositionne simplement le point d'ancrage au centre du contenu des calques. C' est l'un des raccourcis clavier les plus pratiques que j'ai jamais appris. Ensuite, je veux centrer ma fenêtre à l'intérieur de la composition. Pour ce faire, je vais passer à la palette alignée. N' oubliez pas que si vous n'avez pas la palette alignée ouverte, vous pouvez la trouver en allant dans la fenêtre et en cliquant sur une ligne. Cela a désactivé ma fenêtre, donc je vais cliquer sur « Window Aligner » à nouveau pour le ramener. Si vous avez déjà utilisé la palette alignée dans Illustrator, cela fonctionne exactement de la même manière. Vous pouvez aligner ce que vous avez sélectionné sur différents points de la composition, ou si plusieurs objets sont sélectionnés, vous pouvez le modifier pour l'aligner sur la sélection. Je veux centrer ça dans la comp. Donc, je vais venir à ce bouton juste ici et cliquer pour le centrer horizontalement, puis je vais venir à ce bouton et cliquer pour le centrer verticalement. Maintenant, comme le point d'ancrage était centré à l'intérieur du calque, je sais que le calque est parfaitement centré dans ma composition. Maintenant, la taille de la composition détermine ce qu'est la boîte de délimitation, à l'intérieur de notre composition principale. Même si la fenêtre ne prend que autant d'espace à l'intérieur de la couche, nous avons tout cet espace vide supplémentaire qui est toujours représenté par ce PreComp. Donc, je vais revenir dans mon PreComp, et je veux changer la taille pour correspondre un peu plus à la fenêtre. Je vais aller à la composition, aux paramètres de composition, puis je peux déplacer ma fenêtre et puis juste réduire la largeur et la hauteur, jusqu'à ce qu'elle corresponde un peu mieux à la fenêtre. Ça n'a pas besoin d'être parfait. Les chiffres n'ont pas besoin d'être arrondis. J' essaie juste de l'obtenir aussi près que possible de la taille de la fenêtre. Je vais déverrouiller la largeur et la hauteur pour pouvoir les changer indépendamment et mettre à l'échelle la largeur un peu plus, puis je vais me donner un peu plus de hauteur juste pour avoir un peu plus de place pour animer. Une fois que c'est à peu près la taille de la fenêtre, j'appuie sur « OK ». Ensuite, je retourne dans ma comp 1, et maintenant vous pouvez voir que le cadre de sélection est mis à jour à la nouvelle taille du PreComp. Cela va juste rendre les choses un peu plus faciles à déplacer. Nous n'avons pas à nous soucier du positionnement pour l'instant, nous reviendrons à cela dans un petit peu. Maintenant, si on retourne dans ce PreComp, je vais zoomer. Si vous utilisez une souris avec une molette de défilement, vous pouvez déplacer la molette vers l'intérieur et vers l'extérieur pour faire défiler la composition. Je vais juste zoomer jusqu'à ce que j'arrive ici. On fait un zoom sur 200 pour cent à ce stade. C' est pour ça que les bords ont l'air un peu flous, mais c'est bon. Maintenant, je veux juste briser ces trois rectangles en trois formes différentes. n'y a pas de mauvaise façon de le faire. Si vous préférez utiliser des calques solides plutôt que des calques de forme, n'hésitez pas. Par exemple, si je voulais faire un nouveau calque solide, j'irais à la couche, nouveau, solide, s'assure qu'il est blanc, appuyez sur « OK », appuyez à nouveau sur « OK ». Maintenant, j'ai un nouveau solide de la taille de mon comp. Je pourrais venir à l'outil de masque et dessiner un masque, maintenir « Spacebar » enfoncée pour le repositionner, et en faire la taille de ma fenêtre, et c'est une façon d'avoir la forme de ma fenêtre. Rien de mal à le faire de cette façon, si c' est comme ça que vous vous sentez à l'aise. Si je me débarrasse de mon masque, j'aurais aussi pu réduire ce masque pour être à peu près la taille de ma fenêtre. C' est une autre façon parfaitement acceptable de le faire. Je préfère travailler avec des calques de forme, c'est ainsi que je vais recréer cette fenêtre. Je vais supprimer ce clic solide sur mon « Shape Layer » et comme avant, je vais dupliquer la fenêtre, ouvrir le contenu, ouvrir la fenêtre supérieure, et sélectionner les deux premiers objets et appuyer sur « Supprimer ». Je suis juste avec le plus grand rectangle extérieur. Je vais réduire ce calque et le renommer Frame. Je dupliquerai à nouveau ce calque, apportant sur le dessus, ouvrez le contenu, supprimez les deux secondes, renommez ce calque Lower Glass. Ensuite, je vais le dupliquer encore une fois, faire apparaître, ouvrir le contenu, supprimer le premier et le dernier, et renommer ce verre supérieur. Maintenant, si je désactive mon calque d'origine, j'ai les trois rectangles séparés dans des calques différents. Maintenant, cette fenêtre est configurée pour l'animation. Si je reviens à ma composition originale, faisons la même chose pour la fenêtre inférieure. Je vais recommencer en précomposant ce calque, en allant au calque, pré-composer, renommer ce PreComp de fenêtre inférieure. Assurez-vous de déplacer tous les attributs de la nouvelle composition que vous avez sélectionnée et appuyez sur « OK ». Avant d'entrer dans cette nouvelle composition, je tiens à noter que chaque fois que nous faisons une nouvelle composition, notre structure de projet devient un peu plus inquiétante. À ce stade, je vais commencer à organiser mes fichiers. Si vous descendez à cette icône, vous pouvez créer un nouveau dossier dans votre projet. Je vais nommer ce précomps. Ensuite, je vais sélectionner mes deux PreComps, et les amener dans ce dossier. Je vais également profiter de cette occasion pour renommer ma composition comp 1 en House-Build. De cette façon, quand j'ai beaucoup de compositions différentes, je ne serai pas confus quant à ce qui est quoi. Maintenant, si nous allons dans notre Lower Window PreComp, encore une fois, je veux centrer le point d'ancrage avec la couche, donc je vais le faire en maintenant « Option » commande « Home » ou « Alt' « Control » « Home » sur un PC. Ensuite, je vais dans la palette Aligner, cliquez sur l'alignement horizontal et l'alignement vertical. Ensuite, je vais changer les paramètres de mes compositions, sorte que je puisse l'adapter à la taille de la fenêtre à nouveau. Une fois que je suis satisfait de ça, j'appuie sur « OK » et ensuite je vais décomposer cette couche de la même manière. Maintenant, j'ai tous mes différents éléments séparés en plusieurs couches. Ensuite, je vais faire la porte. Nous allons calquer, pré-composer, renommer Door PreComp, appuyez sur « OK ». Aller dans cette composition, centrer le point d'ancrage, aligner au centre de la composition et changer la taille de la composition appuyez sur « OK ». Alors, parce que cela a un peu plus de détails, je vais zoomer sur la porte. Je veux commencer par me concentrer sur cette fenêtre, car elle a un tas de petits morceaux. Je vais dupliquer le calque d'origine et le désactiver, aller dans le contenu, et trouver cet ensemble de groupes, c'est juste cette fenêtre, puis je vais les regrouper, et supprimer tous les autres groupes donc je peux me concentrer uniquement sur ces éléments. Maintenant, la façon dont j'ai construit cela était en faisant un demi-cercle ici pour cette partie de base, faisant trois lignes différentes pour les séparations de verre, et un autre demi-cercle pour le cadre extérieur plus le verre. Si je désactive les autres groupes, vous pouvez voir que c'est juste un demi-cercle avec la couleur de remplissage, puis un trait pour le cadre. Maintenant, la façon dont je veux animer cela, je n'ai besoin que de le diviser en deux couches distinctes. Je vais renommer mon calque pour être Fenêtre, le dupliquer, aller dans le contenu et supprimer tout sauf ce petit demi-cercle. Renommez ensuite cette fenêtre Reveal, puis supprimez ce demi-cercle de ce premier calque, donc maintenant j'ai deux calques distincts. Un pour le demi-cercle plus petit et un pour le reste de la fenêtre. On va entrer dans la façon dont je l'anime un peu plus tard. Mais pour l'instant, c'est tout ce que j'ai à faire. Ensuite, je peux tourner le dos d'origine, et casser le reste de la porte. Maintenant, ma porte est séparée en couches individuelles. Maintenant, le dernier objet pour lequel nous devons le faire est la lampe. Je vais sélectionner ma lampe, calque, pré-composer, renommer la lampe PreComp, déplacer tous les attributs, appuyez sur « OK », aller dans le calque, cliquez sur « Lampe », « Option » commande « Accueil », « Centre Horizontal », « Centre vertical », puis changer mes paramètres de composition, changer la taille, appuyez sur « OK ». Ensuite, je vais zoomer et commencer à décomposer ça, et c'est ça. 6. Disposez vos objets: J' ai tous les éléments complexes séparés en leurs propres couches à l'intérieur des précompositions, donc je peux tout animer très facilement. Évidemment, cela ne ressemble pas à l'œuvre, et c'est parce que nous n'avons qu'une seule copie de chaque objet et qu'ils ne sont pas placés là où ils doivent être. Pour ce faire, je veux activer mon calque d'illustration d'origine, si je fais défiler vers le bas de ma composition et activer mon calque maison d'origine, je désactive tout sauf ma couche de fenêtre supérieure. Si je clique sur ce premier calque, faites défiler vers le haut et maj cliquez jusqu'à ce que ce calque, puis maintenez « Commande » ou « Contrôle » sur un PC et cliquez sur ce dernier calque, alors je peux désactiver le globe oculaire pour tous ces calques tout à la fois, donc je reste avec juste ma fenêtre supérieure [inaudible]. Maintenant, je vais utiliser mon œuvre originale comme référence, je ne vais pas être pris avec tout aligner parfaitement, je vais juste l'utiliser comme référence. Donc, je vais zoomer un peu, puis avec l'outil de sélection, je vais cliquer et faire glisser sur ce calque jusqu'à ce qu'il soit à peu près où je le veux, puis je dupliquerai ce calque en allant éditer, dupliquer. Maintenant, avant de cliquer dessus, je veux souligner, que si vous regardez sur le côté droit d'une commande de menu qui a un raccourci clavier, il répertorie ce qu'est le raccourci clavier, juste là. raccourcis clavier sont essentiels pour accélérer votre flux de travail, je les utilise constamment et ils me font gagner beaucoup de temps. Je veux donc vous encourager à commencer à apprendre ces raccourcis clavier pour les commandes que vous utilisez beaucoup. duplication de la couche se produit tout le temps à l'intérieur d'After Effects, donc je vais appuyer sur « Command D » ou « Control D » sur le PC pour dupliquer mon calque. Maintenant, nous avons deux copies différentes, avec la seconde sélectionnée, je vais cliquer et faire glisser pour placer ma fenêtre à peu près là où je veux. Maintenant, je sais que je veux que toute ma fenêtre soit centrée horizontalement, donc pour m'assurer que je ne bouge que ma fenêtre vers la gauche et la droite, je vais maintenir le décalage sur le clavier pour que je puisse seulement la déplacer vers la gauche ou la droite ou vers le haut et vers le bas et ensuite je vais l'amener à sur l'endroit où je le veux et lâche. Ensuite, je vais faire ce processus à nouveau, appuyez sur « Commande » ou « Contrôle D » sur un PC, cliquez sur, « Maintenez le décalage, repositionnez » qui semble assez bon. Ensuite, je vais cliquer sur cette fenêtre centrée à nouveau, dupliquer, cliquer, « Maintenir, déplacer, repositionner » de cette façon, dupliquer une fois de plus, cliquer, « Maintenir le décalage, glisser », et laisser aller. Maintenant, nous allons utiliser la palette d'alignement une fois de plus pour nous assurer qu'il y a un espacement égal entre chacune de ces fenêtres, donc je vais sélectionner toutes mes fenêtres en maintenant la touche Maj et en cliquant sur les autres, puis j'arriverai à ma palette d'alignement et de voir que l'alignement sur les calques est défini sur la sélection, cela devrait se produire automatiquement lorsque vous cliquez sur plusieurs objets. Si elle est toujours définie sur composition pour vous, assurez-vous simplement qu'elle est modifiée en sélection puis je veux revenir à la section de calque de distribution. Ce bouton va répartir tous mes calques de manière égale sur un axe horizontal, donc si je clique sur ce bouton, tous mes calques ont été repositionnés de façon aussi légèrement qu'il y a une distance égale entre chaque couche, Je vais annuler une fois de plus. Si vous avez regardé les calques, pendant que je clique sur ce bouton, vous pouvez voir qu'ils ont tous juste bougé un peu. Maintenant, je sais qu'ils sont tous aussi espacés, mais je ne pense plus qu'il soit parfaitement centré dans la composition. Comme je l'ai dit, vous n'avez pas à rendre ça parfait, mais je vais vous montrer comment juste au cas où vous en auriez besoin. Je sais que cette couche est ma fenêtre centrale, donc ce que je veux faire est de lier toutes ces autres couches à cette couche. Pour ce faire avec tous mes calques sélectionnés, je vais descendre à l'un des calques sélectionnés, choisir des fouets, cliquer sur « Faire glisser vers le bas » vers le premier calque, qui est ma fenêtre centrale, et lâcher. Cette fonction parent tous les calques sélectionnés vers le calque que vous avez sélectionné, qui dans ce cas est la fenêtre centrale, parentalité lie les propriétés de transformation des couches enfants au calque parent. Si je clique et que je fais glisser sur ma fenêtre, vous pouvez voir que la position affecte tous les calques, et si je devais faire pivoter cela, la rotation change également, de sorte qu'il lie tous ces calques à un calque maître. Je vais me défaire pour revenir où on était. Maintenant, si je viens à ma palette d'alignement et m'assure que alignement des calques deux est défini sur la composition, je peux cliquer sur l'alignement central horizontal, et maintenant mes fenêtres sont centrées horizontalement avec un espacement égal entre chaque fenêtre. Maintenant, faisons la même chose avec la fenêtre inférieure, je vais allumer ce calque, le repositionner à peu près où je le veux, dupliquer en appuyant sur « Commande » ou « Contrôle D » sur un PC, maj clic et glisser, dupliquer à nouveau, Maj clic et faites glisser, dupliquez une fois de plus, cliquez sur Maj et faites glisser. Maintenant, parce qu'il n'y a pas de fenêtre au centre distribue verticalement ces couches ne fonctionnera pas de la même façon, si je devais le faire, ça les étend d'une manière que je n'aime pas. Pour contourner cela, je vais annuler, je vais faire un double supplémentaire de ma fenêtre inférieure et le mettre au centre juste temporairement, puis je vais sélectionner mes autres fenêtres horizontalement, les distribuer, les parent à cela , cliquez sur l'alignement de la fenêtre centrale au centre, puis supprimez cette couche. Maintenant, j'ai mes quatre fenêtres aussi espacées centrées horizontalement, puis je vais allumer la porte, le faire glisser jusqu'à ce qu'il soit à peu près où je le veux, puis centrées horizontalement. Je vais allumer ma lampe, cliquer et faire glisser jusqu'à ce qu'il soit à peu près où je le veux, la dupliquer, cliquer sur Maj et faire glisser jusqu'à ce qu'il soit à peu près à l'endroit où je le veux, puis je vais faire la même astuce à nouveau. Je vais dupliquer cette lampe une troisième fois temporairement positionner à peu près au centre, cliquer sur les deux autres entités, les répartir horizontalement, les parent à ce calque centré, sélectionner ce calque, puis horizontalement centrez-le sur la composition, puis supprimez ce calque centré temporaire. Maintenant, vous pouvez voir que les choses ne s'alignent pas parfaitement sur l'œuvre originale, et c'est peut-être parce que mon œuvre originale n'était pas parfaitement centrée, mais parce que nous le faisons de cette façon avec la palette alignée, nous pouvons savoir que tout est parfaitement aligné. Ensuite, faisons le buisson, je vais sélectionner ce calque, puis cliquez et faites-le glisser vers le haut de la palette des calques. Maintenant, je vais vraiment vouloir précomposer ce buisson aussi, non pas parce qu'il y a plusieurs objets, mais parce que je vais utiliser la même animation pour les quatre buissons, et si c'est précomposé, je n'ai que doivent l'animer une fois. Je vais précomposer le calque en allant à précomposer le calque, le renommer, bush precomp, appuyez sur « Ok », allez dans ce précomp, cliquez sur l'option de calque « Accueil de commande » ou « Alt Control home » sur un centre PC il dans le composition changer la taille de la composition, puis revenir sur ma composition originale. Ensuite, je vais cliquer et faire glisser ce calque vers l'endroit où je le souhaite, dupliquer, cliquer sur Maj et faire glisser, dupliquer, cliquer sur Maj et faire glisser, dupliquer, cliquer sur Maj et faire glisser. Ensuite, je vais créer un calque centré, répartir tous ces calques horizontalement, les parent vers le calque central, les centrer sur la composition, puis supprimer l'objet temporaire. Ensuite, faisons le pas de porte, celui-ci n'a pas besoin d'être précomposé, donc je vais accrocher le point d'ancrage au centre en maintenant l'option « Accueil de commande » ou « Control Alt home » sur un PC, puis assurez-vous que c'est centré horizontalement sur la composition et que l'on est bon d'aller. Ensuite, nous allons faire la même chose pour la plinthe, régler le point d'ancrage au milieu, le centrer horizontalement, et ensuite nous ferons la même chose pour le toit. Réglez le point d'ancrage au milieu, au centre horizontalement, je vais prendre la garniture, faire la même chose, le bardage, et c'est tout. Si je désactive mon calque d'illustration d'origine, nous pouvons voir que tous nos éléments individuels sont séparés dans les calques, bien centrés et que nous pouvons passer à l'animation. L' étape suivante pour votre projet de classe consiste à revenir dans After Effects et à décomposer votre illustration en plusieurs calques pour chaque objet que vous souhaitez animer. Une fois que vous avez terminé, publiez une capture d'écran de votre composition me montrant que vous avez des calques divisés en objets individuels ou en précompositions, et vous obtiendrez des points bonus si vous avez gardé votre projet organisé. 7. graph editor: C' est l'unité la plus importante de ce cours. Si vous ne l'avez pas déjà fait, c'est le moment de commencer à faire attention. Je vais faire une petite pré-visite du projet de classe et vous montrer exactement comment utiliser l'éditeur de graphiques à l'intérieur d'After Effects. Alors commençons. Maintenant, nous allons parler de ce qu'est vraiment cette classe, lisser vos animations. J' ai mis en place une petite démo pour expliquer un peu comment After Effects gère le mouvement entre ses images clés. J' ai animé cette position de points à travers l'écran avec seulement deux images clés. Cette piste qu'elle laisse derrière elle est une représentation de chaque cadre de son mouvement. Si je recule une image à la fois. Vous pouvez voir que ces contours sont exactement à l'endroit où se trouvait ce point sur chaque image entre ces deux images clés. heure actuelle, ce n'est qu'un mouvement linéaire du point A au point B. Le point se déplace à une vitesse constante. C' est assez ennuyeux. L'un des moyens les plus courants de lisser les animations dans After Effects consiste à utiliser le préréglage Easy Ease intégré. Si vous êtes familier avec l'animation à l'intérieur d'After Effects, vous l'avez probablement utilisé auparavant. Jetons donc un coup d'oeil à ce que cela fait à notre animation. Je vais sélectionner mes deux images clés en cliquant et en faisant glisser une boîte autour d'elles. Ensuite, je vais cliquer avec le bouton droit de la souris sur l'une des images clés, aller dans l'Assistant d'images clés et choisir Easy Ease et immédiatement vous pouvez voir que notre piste est mise à jour. Maintenant, il y a plus de contours regroupés à l'avant et l'extrémité arrière de l'animation et plus étalés au milieu. Si je joue cela en arrière, vous pouvez voir que le point prend un peu plus de temps pour accélérer son mouvement et ralentit ensuite plus progressivement à la fin. Pour de nombreux utilisateurs d'After Effects, c'est là qu'ils s'arrêtent. Il suffit d'appliquer le préréglage Easy Ease, l' appeler bon, et de passer à la prochaine chose. Mais vous suivez ce cours pour apprendre à ne pas être comme tous les autres artistes d'After Effects et à prendre le contrôle de votre mouvement. Je vais donc vous montrer comment personnaliser complètement ce mouvement à l' aide de l'éditeur de graphique After Effects. Pour ouvrir l'éditeur de graphiques, vous descendez à la chronologie et cliquez sur ce bouton ici. Quelle que soit la propriété que vous avez sélectionnée dans votre timeline apparaîtra dans l'éditeur de graphiques. Je vais donc cliquer sur ma valeur de position et une courbe apparaît dans mon éditeur de graphique. Je vais me donner un peu plus de place pour qu'on puisse voir ce qui se passe ici. Il existe deux types de graphiques différents à l'intérieur d'After Effects. Par défaut, After Effects va choisir celle qu'il pense utiliser en fonction du type de propriété que vous modifiez. C' est ce qu'on appelle le graphe de vitesse, et il affiche la vitesse de ce point au fil du temps. Donc, au début de notre animation, un point ne bouge pas. Donc, la valeur de vitesse du point est zéro et vous pouvez voir zéro pixels par seconde en bas de cette petite fenêtre. Si nous faisons défiler jusqu'au milieu de l'animation, notre courbe est tournée vers le haut et en haut de la courbe, elle se déplace à environ 1 530 pixels par seconde. Ensuite, si nous faisons défiler vers le haut jusqu'à la fin, il revient à arrêter à zéro pixels par seconde. Ces deux points à chaque extrémité de l'animation sont les images clés que nous reculons dans notre chronologie originale. Vous pouvez manipuler ces images clés pour ajuster la vitesse des heures supplémentaires de point. Ces poignées vous permettent d'ajuster l'influence que chaque image clé a sur la courbe de vitesse. Donc, si je devais cliquer et faire glisser sur cette poignée et la tirer vers la gauche, vous pouvez voir que le pourcentage d'influence augmente. même temps, si vous regardez vers le haut dans la fenêtre de comp, vous pouvez voir que les contours de chaque image sont regroupés vers la fin de l'animation. C' est parce que nous modifions leur courbe de vitesse. Je laisse aller ici, nous pouvons réellement prédire la vitesse du point en fonction de la courbe. Juste autour de sept images est l'endroit où le point va voyager le plus rapidement avec environ 3 100 pixels par seconde. Donc, si je joue ça en arrière, vous voyez maintenant que le point prend beaucoup moins de temps pour décoller et ralentit beaucoup plus progressivement. C' est une sensation complètement différente. Si je devais saisir cette poignée aussi et faire glisser ça jusqu'au bout. Maintenant, il y a un moment dans notre animation où les contours ne se chevauchent même pas. Si je prévisualise cette animation, vous pouvez voir que le point se déplace extrêmement vite au milieu de notre animation et prend un certain temps pour démarrer et ralentir. Disons maintenant que je ne voulais pas que mon animation commence à une position de repos. Je vais rétablir mes images clés sur Easy Easy en dessinant une boîte autour d'elles pour les sélectionner, puis en cliquant sur ce bouton pour Easy Ease. Ensuite, j'augmenterai la vitesse de ma première image clé en cliquant et en la faisant glisser vers le haut. Si j'ai commencé à environ 1 500 pixels par seconde, nous pouvons voir que notre courbe fait un arc constant vers le bas jusqu'à une position de repos, mais commence assez rapidement. Si je prévisualise ceci, notre animation reflète cette courbe. Vous pouvez voir qu'il démarre rapidement et qu'il décélère constamment jusqu'à une position de repos. Si je prends cette influence de vitesse d'image clé, je peux exagérer encore plus. Mais puisque j'augmente l'influence de cette poignée de vitesse, la vitesse au départ n'est plus le point le plus rapide. Pour m'assurer que ma courbe décélère constamment je vais saisir cette poignée d'influence et la retourner jusqu'au bas. Le point le plus élevé de la courbe sera toujours la première image. Présentons cela et maintenant nous avons un point extrêmement rapide qui ralentit jusqu'à un point de repos. Maintenant, comme je l'ai déjà dit, il y a deux types de graphiques différents à l'intérieur d'After Effects. J' ai entendu des gens parler du graphe de vitesse, comme si c'était la pire chose au monde et j'ai entendu exactement la même chose à propos de l'autre type de graphique. Neuf fois sur 10, j'utilise personnellement le graphique de vitesse la plupart du temps, il fait exactement ce dont j'avais besoin et j'ai autant de contrôle sur mon mouvement qu'il me faut. Mais je vais aller de l'avant et vous montrer l'autre type de graphique parce qu'il est un peu plus polyvalent et vous permet de faire la même chose, mais d'une manière juste un peu différente. Donc, d'abord, je vais remettre mes images clés en linéaire en les sélectionnant à fois en maintenant l'option ou alt sur un PC et en cliquant sur l'une des images clés. Maintenant, nous avons notre mouvement linéaire représenté par une ligne droite sur notre graphique de vitesse. Si je descends à cette petite icône ici et que je clique dessus. Je peux choisir d'éditer mon graphique de valeurs au lieu de mon graphique de vitesse, qui est maintenant réglé sur la sélection automatique. Si je choisis le graphique de valeur, notre graphique est un peu différent maintenant. La plus grande différence est que nous avons deux lignes différentes au lieu d'une. Ces deux lignes représentent les deux axes différents de la valeur de position. Maintenant, comme nous avons notre configuration de la valeur de position maintenant, je ne peux pas modifier ces graphiques influence poignées. Je dois séparer mes valeurs de position X et Y dans leurs propres propriétés. Pour ce faire, je vais cliquer avec le bouton droit de la souris sur la position et dire des dimensions séparées. Maintenant, je peux sélectionner les deux axes différents indépendamment l'un de l'autre. Mon animation de ce point ne se déplace que sur l'axe X. Donc, je peux réellement me débarrasser des images clés de position Y en cliquant sur le chronomètre. De cette façon, nous pouvons juste nous soucier de la valeur de position X. Donc si on regarde ce graphique, maintenant on a une ligne droite qui va à un angle. Au lieu de représenter la vitesse, cette ligne représente une valeur. Donc, ce qu'il dit est à l'image zéro, notre position X de ce calque est définie 130 pixels parce que c'est là qu'il se trouve dans la composition. Maintenant, la largeur de ma composition est définie sur 1 280 pixels. Donc, le côté gauche de mon comp serait une valeur de 0 et mon côté extrême droit serait de 1,280. Donc, cette ligne dit qu'à l'image 0, position X est définie sur 130 pixels. À la fin de l'animation, cette position X des calques est définie sur 1 150 pixels. Parce que les images clés sont définies sur linéaire, notre graphique est une ligne droite qui sépare proportionnellement chaque encadré de manière égale. Donc, dans notre graphique de vitesse, cela est représenté par une ligne horizontale droite, et sur notre graphique de valeur est représenté par une ligne angulaire. Maintenant, si je devais inverser ces deux images clés en les sélectionnant, cliquant avec le bouton droit de la souris, en allant à l'Assistant d'images clés inversées et en disant les images clés inversées. Maintenant, notre point se déplace dans la direction opposée et si je retourne dans mon éditeur de graphique et regarde seulement la position X, notre angle de graphique est maintenant changé pour être dans la direction opposée. C' est parce qu'au début de l'animation, nous sommes maintenant sur le côté droit et à la fin de l'animation, nous sommes sur le côté gauche. Je vais annuler ça pour revenir à notre animation originale. Voyons maintenant ce qui arrive à cette courbe si nous appliquons l'Easy Ease en descendant sur ce bouton. Donc, comme avant, l'animation est mise à jour pour avoir plus d'images au début et à la fin de l'animation et moins au milieu. Au lieu d'avoir une courbe arquée comme notre courbe de vitesse l'a fait, nous avons maintenant une courbe en forme de S. Maintenant que j'ai des poignées sur chacune de mes images clés, je peux ajuster ma courbe. Juste de la même manière que j'ai ajusté ma courbe de vitesse, l' augmentation de la longueur de cette poignée va regrouper plus d'images vers la fin de l'animation. Si nous lisons cette courbe, nous pouvons voir que cela a du sens. Au début de l'animation, la valeur est assez faible et pas trop loin dedans. Il commence à prendre pour être une valeur plus élevée et il commence à niveler juste autour de l'image 15, qui est à mi-chemin de l'animation. Le reste de l'animation a des valeurs assez similaires. Donc, le point s'arrête progressivement. Si je prévois ceci, vous pouvez voir ce qui se passe. Si je mets cette poignée à gauche, nous exagérerons encore une fois cette motion. Donc, à ce stade, il ne semble pas vraiment qu'il y ait un avantage à utiliser le graphique de valeurs sur le graphique de vitesse. Mais voici ce que le graphe de valeurs peut faire, que le graphique de vitesse ne peut pas. Je vais remettre mes deux images clés à Easy Ease et disons que je veux animer cela pour être un peu plus de bande dessinée. Je vais sauvegarder autour de l'image 25 et définir une nouvelle image clé à ce stade en passant à l'outil Stylet ici, ou en appuyant sur G sur le clavier. Ensuite, je vais cliquer sur ce point pour ajouter une nouvelle image-clé. Parce que nous avons une nouvelle image-clé, nous avons de nouvelles poignées que nous pouvons ajuster. Je vais revenir à l'outil de sélection en cliquant ici ou en appuyant sur V sur le clavier. Maintenant, je peux ajuster les poignées de cette image-clé pour modifier ma courbe de valeur. Donc, si je deviens un peu fou et que je l'ajuste pour être une forme bizarre, essayons de lire cette courbe avant de rejouer l'animation. À ce stade, notre point sera sur le côté gauche de l'écran. Il va se calmer dans son mouvement et atteindre un point d'environ 1 100 pixels. Tellement loin sur le côté droit de l'écran. Mais alors vous pouvez voir que notre courbe descend maintenant à une valeur inférieure d'environ 1 045 pixels, puis elle revient à un point de repos de 1 150. Donc, ce que nous devrions voir, c'est que notre point se déplace à un certain point, revient un peu et finalement il arrive à son point de repos. Présentons cette animation et bien sûr, la voilà, à la fin, vous pouvez voir qu'il fait ce petit mouvement de torsion avant qu'il ne vienne à la dernière image. Maintenant, je n'aurais pas pu le faire presque aussi facilement à l'intérieur du graphique de vitesse. Si je retourne à mon graphique de vitesse, vous pouvez voir à quoi ça ressemble. La raison pour laquelle il est plus facile de faire ce type de mouvement à l'intérieur du graphique de valeurs, parce que je peux simplement saisir les poignées du graphique de valeurs et les ajuster à ce que je veux. A l'intérieur du graphique de vitesse. Il devient un peu plus délicat parce que vous ne pouvez pas ajuster l'angle d'une poignée, juste la hauteur et l'influence. Je peux en fait regarder les deux graphiques à la fois. Si je clique sur Afficher le graphique de référence. Maintenant, nous pouvons voir le mouvement de notre point étant représenté par les deux graphiques en même temps. Donc, la ligne de base de notre graphique de référence serait de 0 pixels par seconde. Vous pouvez voir qu'il accélère, ralentit tout un tas jusqu'à ce qu'il arrive à une vitesse négative, qui est l'endroit où le point se déplace vers l'arrière, puis accélère assez rapidement à nouveau et descend à son point de repos de 0. Dans notre graphique de valeurs, nous pouvons voir la même chose juste représentée d'une manière différente, facilite son mouvement, atteint un point de 1,130 pixels, backtracks vers le bas à environ 1,035 puis se relâche dans son point de repos de 1,150. Si je clique et fais glisser sur cette image clé, vous pouvez voir que les deux courbes sont mises à jour en même temps. Donc, si vous avez du mal à comprendre ce qui se passe entre les deux graphiques différents, je veux vous encourager à jouer avec et essayer d'activer les graphiques de référence. Ainsi, vous pouvez voir les deux types de graphiques en même temps pour avoir vraiment une idée de ce qui se passe lorsque vous réglez ces poignées. Comme je l'ai déjà dit, neuf fois sur dix, le graphique de vitesse fait exactement ce que j'ai besoin, et je n'ai pas besoin de ce contrôle supplémentaire. Ce n'est que lorsque je fais des types d'animation très spécifiques qui ont besoin d'un peu plus de finesse que j'utiliserai le graphique de valeurs. Alors, entrez ici, gâchez-vous avec ça. Essayez d'avoir une idée des deux éditeurs de graphiques et posez des questions si vous rencontrez des problèmes. Je ne peux pas insister assez sur l'importance de cette unité, l'utilisation de l'éditeur de graphiques est la clé pour contrôler votre mouvement à l'intérieur d'After Effects. À ce stade, vous devez entrer dans le programme et commencer à jouer avec l'éditeur de graphiques. Configurez certaines formes et animez-les sur les valeurs de position, d'échelle et de rotation pour voir comment l'éditeur de graphique affecte chacune de ces propriétés. Basculez également entre les graphiques de vitesse et de valeur pour voir comment ceux-ci sont différents. Si vous avez des questions, s'il vous plaît laisser un commentaire sur la discussion posez-moi quelque chose et reregardez cette vidéo si vous avez besoin. Ensuite, publiez l'une des expériences que vous avez inventées en jouant avec l'éditeur de graphiques. 8. Les points d'ancrage sont importants !: Maintenant que nous avons un petit aperçu de l'éditeur de graphiques, commençons à animer la maison et utilisons l'éditeur de graphiques pour personnaliser notre mouvement. Mais avant d'aller plus loin, nettoyons un peu notre projet parce qu'il semble que j'ai des PreComps dans la zone principale de notre projet. Je vais juste les déplacer dans notre dossier PreComps et nous sommes prêts à partir. Je sais que je veux animer la plupart, sinon tous ces objets en utilisant la propriété scale. Je n'ai pas vraiment besoin des positions des objets pour se déplacer et je ne pense pas que je vais faire tourner quoi que ce soit, donc nous devrions être capables de faire tout ce dont nous avons besoin juste en mettant à l'échelle. Commençons par la fenêtre supérieure. Je vais juste passer sur une des copies, puis double-cliquer dessus pour aller dans le PreComp, et maintenant nous pouvons nous concentrer sur cet objet. Maintenant, pour chaque objet, je veux animer de l'arrière vers l'avant parce que si j'animais les panneaux de verre d'abord, ils flottaient là et on dirait que rien ne les retenait. Je veux commencer par le cadre, puis animer les deux morceaux de verre. Je sais que je veux que cette animation commence avec rien de visible. Puisque je vais animer l'échelle, cela signifie que vous avez juste besoin d'échelle de 0 à 100 pour cent. Si je sélectionne les trois couches en cliquant sur le premier, maintenant Maj et en cliquant sur le troisième, j'ai tous les trois sélectionnés. Maintenant, je pourrais faire tourner cette flèche vers le bas, aller dans ma Transform, puis définir une image clé pour l'échelle, mais un raccourci rapide pour arriver à l'échelle quand vous avez n'importe quel calque sélectionné est juste d'appuyer sur S sur le clavier. Vous pouvez voir que cela affiche la propriété scale pour chaque couche. À ce stade, je pourrais simplement cliquer sur le chronomètre pour ajouter un cadre clé pour chaque calque. Mais une autre façon que je peux ajouter une image clé est de maintenir Option ou Alt sur un PC et appuyer sur S. Cela définira un cadre clé pour la propriété scale de quelle que soit votre sélection. Ce ne sont que des raccourcis rapides que vous n'avez pas nécessairement à connaître, mais si vous commencez à les mémoriser, cela accélérera considérablement votre flux de travail. Maintenant que nous avons des images clés à l'échelle de 100 % définies sur chaque couche, nous devons les faire avancer dans le temps. Une façon de déplacer les images clés est de cliquer et de les faire glisser. Ou un autre raccourci clavier maintient la touche Option ou Alt enfoncée sur un PC et appuie sur la flèche droite. Chaque fois que vous appuyez dessus, il déplace l'image clé vers l'avant d'une image. Si vous appuyez sur la flèche gauche, elle va dans l'autre sens, et si vous maintenez la touche Maj enfoncée en même temps, elle déplacera vos images clés vers l'avant dix images à la fois. C' est un moyen très rapide et facile de déplacer les distances spécifiques de vos images clés. Avec mes images clés à zéro, je veux les faire avancer 30 images. Je maintiens Option ou Alt sur un PC, Maj et appuyez trois fois sur la touche fléchée droite. Maintenant, mes cadres clés sont fixés à 100 pour cent à l'image 30. Je vais zoomer sur ma chronologie un peu en appuyant sur plus sur le clavier, puis faites défiler pour avoir un peu plus d'espace pour travailler. Ensuite, je ramène ma tête de lecture à zéro image. Maintenant, nous avons besoin d'une trame clé d'échelle définie à zéro pour les trois couches. Avec les propriétés de mise à l'échelle des trois couches toujours sélectionnées, je peux simplement cliquer sur l'une de ces valeurs, taper zéro et appuyer sur Entrée, et les trois couches vont changer leur échelle à zéro pour cent et définir automatiquement une image clé. Une fois que vous avez défini une image clé, si vous passez à un autre point dans le temps qui n'a pas encore eu d'image clé et que vous modifiez la valeur, une autre image clé est automatiquement générée. Je n'ai pas besoin de cette image clé là en ce moment, donc je vais juste appuyer sur Supprimer. Maintenant, si je rejoue ça, notre fenêtre va de 0 à 100 pour cent. Mais c'est super ennuyeux parce que les cadres clés sont linéaires et tout est mis à l'échelle à partir du centre même du cadre. Si nous regardons ces calques individuellement, vous pouvez voir que le point d'ancrage de chaque couche est exactement au même endroit, qui est le centre de la composition. Je veux que le point d'ancrage de chaque couche soit au centre de sa couche respective. Si vous vous souvenez du raccourci du point d'ancrage de reposition, vous maintenez la touche Option, Commande et appuyez sur Accueil ou Alt Ctrl Accueil sur un PC, ce qui accrochera notre point d'ancrage au centre du contenu. Encore une fois, si vous n'avez pas la touche Accueil sur votre clavier, faites simplement sélectionner votre calque, cliquez avec le bouton droit de la souris, accédez à Transformer et Centrer le point d'ancrage dans le contenu du calque. Maintenant, chacune de nos couches a le point d'ancrage centré dans son propre contenu. Si je joue ça, vous pouvez maintenant voir que notre verre est à l'échelle du centre de sa propre couche. Mais que se passe-t-il si vous ne vouliez pas qu'il évolue à partir du centre ? Et si nous voulions avoir l'air de grandir à partir de ce point vers le haut ? Eh bien, on peut le faire assez facilement. Si vous arrivez à vos outils, celui-ci s'appelle l'outil Pan derrière et vous pouvez le voir entre parenthèses, c'est aussi l'outil Point d'ancrage. Si nous choisissons cet outil, je peux saisir ce point d'ancrage et le déplacer librement. Partout où je mets ce point d'ancrage, c'est d'où mon calque va s'adapter. Si je lis cela en arrière, vous pouvez voir que l'animation de cette fenêtre est mise à l'échelle à partir du coin inférieur droit. Si je devais le déplacer dans le coin supérieur gauche, maintenant, il est mis à l'échelle à partir du haut à gauche. Ceci est très important à comprendre car il affecte plusieurs propriétés de la couche. Si je [inaudible] ce calque, réduit ce calque et l'ouvre à nouveau, je peux voir toutes les propriétés de transformation. Je vais prendre les cadres clés de l'échelle juste pour l' instant et ensuite remettre mon point d'ancrage au centre. Si je définit une image clé de rotation, replacez-la au début de l'animation, puis changez cette image en, disons, 90 degrés, mon calque tourne de 0 à 90 autour du point d'ancrage au centre du calque. Si je devais changer ce point d'ancrage dans le coin supérieur gauche et en prévisualiser, vous pouvez voir que mon animation de rotation est complètement différente car elle base la rotation du point d'ancrage du calque la même manière que l'option est basée sur le point d'ancrage. Si vous essayez de mettre à l'échelle ou de faire pivoter quelque chose d'une certaine manière et que cela ne se passe pas comme vous le souhaitez, cela peut être dû à l'endroit où votre point d'ancrage est réglé. Souvenez-vous de l'outil Pan derrière et de la façon dont le point d'ancrage affecte votre animation. Je vais annuler jusqu'à ce qu'on revienne à notre animation à l'échelle. Maintenant, parlons de la façon dont on pourrait mettre ça à l'échelle de bas en haut. Eh bien, je pourrais essayer à main levée de positionner ça juste pour qu'il s'anime de bas en haut, et cela pourrait être assez proche de ce dont nous avons besoin, mais comment pouvons-nous être plus précis ? Eh bien, After Effects dispose d'une fonction de capture qui vous permet de placer des points d'ancrage beaucoup plus précisément. Si vous arrivez à la barre d'outils et que vous cliquez sur cette case à cocher Capture, maintenant, lorsque je déplace mon point d'ancrage autour, vous pouvez voir qu'il s'accroche à différents points sur l'écran, non seulement en fonction de ce calque, mais tout à l'intérieur de la composition. Si je voulais que ce calque soit mis à l'échelle dans le coin supérieur droit du cadre, je pourrais le faire simplement en accrochant le point d'ancrage à ce point et en lâchant prise. Ensuite, j'anime ça et vous voyez que notre échelle vient maintenant de ce coin du cadre. Mais ce que nous voulons, c'est déplacer ce point d'ancrage vers la base de cette couche. Parce que nous avons la capture activée, nous pouvons noter que c'est exactement la base de cet objet. Je vais jouer ça, et ça a l'air plutôt bien. Mais en ce moment, il est mis à l'échelle sur les axes x et y, les deux. Ça grandit jusqu'à ce point. Et si on voulait juste mettre à l'échelle sur l'axe des y ? Eh bien, tout ce que nous avons à faire est de dissocier nos valeurs x et y en cliquant sur cette petite icône. Maintenant, si je reviens au début, je peux ajuster les valeurs x et y indépendamment. Si nous laissons ce jeu à 100 sur l'axe des x, quand nous le lisons, vous pouvez voir que maintenant il grandit de bas en haut. Mais la largeur est la même tout le temps. Je pense que c'est comme ça que je veux animer cette forme, donc je suis content de ça. Ensuite, faisons la même chose au calque supérieur, sauf l'animer de haut en bas. Je vais passer à mon outil Point d'ancrage, cliquer et faire glisser le point d'ancrage jusqu'à ce qu'il s'accroche en haut de ce calque, revenir à la première image, dissocier le x et l'y, définir le x à 100 pour cent, prévisualiser cela. Maintenant, il est mis à l'échelle de haut en bas avec une largeur constante. Enfin, je dois décider comment je veux animer le cadre. Je pense que je suis d'accord avec la mise à l'échelle du centre, mais cette fois, au lieu d'aller d'un côté à l'autre, faisons et animons de l'intérieur vers l'extérieur. Je vais revenir à la première image, dissocier les deux propriétés, laisser mon x défini à zéro et changer mon y à 100, et prévisualiser. Vous pouvez voir comment jouer avec le point d'ancrage et les différentes valeurs vous donnera différentes animations à la recherche. 9. Faciliter ce mouvement !: Maintenant, j'ai mes cadres clés de base, il est temps d'utiliser l'éditeur de graphiques pour les faciliter. Concentrez-vous sur le cadre. Je vais en solo en cliquant sur l'interrupteur solo, et je vais réduire ces deux autres couches. Maintenant, si je vais dans mon éditeur de graphiques et que je clique sur la propriété Scale, donne-moi un peu plus d'espace pour travailler et nous regardons à nouveau le graphique de valeurs. Je vais revenir au graphique de vitesse parce que ça marchera bien pour ce que j'essaie de faire. Maintenant, comme la propriété Scale a deux valeurs différentes, nous avons à nouveau deux lignes de graphique différentes. Je vais cliquer et faire glisser une boîte autour de ces deux images-clés et j'appliquerai Easy Ease à nouveau. La raison pour laquelle je veux appliquer Easy Ease est qu'il amène les points de départ et de fin vers le bas à une position de repos, ce qui est la façon dont je veux généralement que les choses s'animent, commencent et se terminent à une position de repos. Donc c'est juste un bon endroit pour commencer. Cette fois, au lieu de cliquer sur ce bouton, je vais utiliser le raccourci clavier, qui est F9 sur le clavier. Maintenant, pour les utilisateurs de PC, c'est aussi simple que d'appuyer sur F9. Pour les utilisateurs de Mac, vous allez probablement leur avoir dit la touche Fonction, qui est juste à côté de la touche Accueil, puis appuyez sur F9 sur le clavier. C' est parce que la façon dont le système d'exploitation est configuré, ces touches fonctionnent également comme des contrôles de volume et des contrôles de lecture pour les programmes musicaux. Vous pouvez changer cela en allant dans vos Préférences Système et dans la section Clavier, mais vous devrez maintenir la touche Fonction enfoncée pour faire des choses comme changer le volume. Donc c'est à vous de décider comment vous voulez qu'il soit aménagé. Je le laisse généralement comme il est et maintenez simplement la touche Fonction enfoncée et appuyez sur F9. Bon, maintenant que nous avons facilité les cadres clés, rejouons ça et voyons à quoi ça ressemble. C' est un peu mieux, mais exagérons un peu plus cette motion. Je veux qu'il prenne plus de temps à s'ouvrir et beaucoup plus de temps pour arriver progressivement à son point de repos. Je vais donc sélectionner la première image clé, saisir cette poignée Influence et la faire glisser. Maintenant, une autre chose que je devrais mentionner est que ma poignée est en train d'être accrochée à la position actuelle de la trame clé. C' est parce que j'ai cette icône d'aimant activée qui s'accroche. Cela permettra à mes poignées de s'accrocher les unes aux autres et à la base. Si je l'éteins, il serait beaucoup plus difficile de garder cette valeur à zéro. Donc typiquement, j'ai travaillé avec. Mais si vous avez du mal à obtenir qu'il soit à un zéro exact, c'est probablement pourquoi. Ok, donc je vais repositionner cette poignée pour qu'elle ait un peu plus d'influence sur le mouvement, et ensuite je vais faire glisser celle-ci jusqu'à la gauche jusqu'à 100 % d'influence. Voyons à quoi ça ressemble. C' est plutôt cool. Je dirais qu'on laisse ça pour l' instant, puis on met le verre et on voit comment ils fonctionnent ensemble. Je vais annuler le solo de ce calque, le réduire, puis sortir de mon éditeur de graphiques, avancer dans le temps jusqu'à ce que la fenêtre soit au moins la largeur de l'une des vitres. Je veux déplacer mes deux couches de vitre à ce point dans le temps afin qu'elles ne commencent pas à s'animer jusqu'à ce que le cadre de la fenêtre couvre toute la largeur de ces deux calques. Cliquez sur le premier calque, cliquez sur le deuxième calque en maintenant la touche Maj enfoncée, puis cliquez et faites-les glisser jusqu'à ce qu'ils atteignent ce point dans le temps. Maintenant, le premier calque s'anime, puis les deux secondes viennent après. Je suis presque sûr que je veux que les courbes de ces deux couches soient les mêmes, et vous pouvez réellement éditer des graphiques de vitesse de plusieurs couches en même temps. Donc, si je clique sur ces deux couches et appuie sur S pour faire apparaître mon échelle, je peux ouvrir l'éditeur de graphiques, cliquer sur l' échelle de la première couche, Commande ou Ctrl enfoncée sur l'échelle de la deuxième couche, et maintenant les deux couches s'échelonnent sont représentées à l'intérieur de l'éditeur de graphiques. Dessinez une boîte autour de toutes les images-clés et facilitez à nouveau les images-clés en appuyant sur F9 sur le clavier, puis je vais faire le même type de courbe de vitesse que sur le cadre. Je vais sélectionner les deux premières images clés, faire glisser l'influence un peu, puis je vais saisir les deux dernières images clés et faire glisser cette influence jusqu'à 100. Ensuite, je vais prévisualiser cette animation. Je suis plutôt content de la façon dont ça a l'air. Maintenant, je vais juste décaler un peu ces calques, pour qu'ils ne s'animent pas exactement en même temps. Ensuite, je vais sélectionner les deux calques et les déplacer légèrement dans le temps. Tout ça se passe un peu plus vite. C' est essentiellement ça pour la fenêtre supérieure. Maintenant, si je retourne dans mon House-Build Comp et que je prévois cette animation, vous pouvez le voir parce que j'ai plusieurs copies du même PreComp, à l'intérieur de ce Comp, l'animation que nous venons d'appliquer au single est en cours de duplication sur toutes les copies. C' est pourquoi Precomping est si pratique. Disons que je ne veux pas que toutes ces fenêtres s'animent en même temps. Et si je voulais commencer par le premier, puis aller vers l'extérieur dans les deux sens ? Eh bien, avec tout mon calque sélectionné, je vais cliquer sur le calque du milieu pour le désélectionner, puis je maintiens Option ou Alt sur un PC et appuyez sur Page suivante. Cela a déplacé tous mes calques sélectionnés vers l'avant d'un cadre. Ensuite, je vais faire un clic Maj sur les deux fenêtres suivantes, donc j'ai juste sélectionné les fenêtres extérieures, maintenez la touche Option enfoncée et appuyez à nouveau sur Page suivante. Maintenant, ces calques sont décalés dans le temps d'une manière qui va mettre en cascade l'animation. Si je prévisualise ceci, c'est un peu difficile à voir car je ne les décalais qu'une image à la fois. Si je les décalé à nouveau par disons trois images, 1, 2, 3, puis je clique sur ces deux fenêtres et ajoute trois images supplémentaires, 1, 2, 3, c'est plus dramatique. Vous pouvez voir maintenant que le premier calque sur lequel animer est le centre, suivi de ceux de chaque côté, puis enfin de ceux de l'extérieur. Disons que je voulais l'animer de gauche à droite. Eh bien, je réinitialiserai ces calques à la première image en faisant glisser ma tête de lecture vers la première image, puis en appuyant sur le crochet gauche du clavier. Cela déplacera tous les calques sélectionnés en points vers la tête de lecture. Donc, cette fois, avec les cinq calques sélectionnés, je vais faire un clic Maj sur le premier, déplacer le reste d'entre eux quatre images vers l'avant, 1, 2, 3, 4. Déplacez ma tête de lecture vers l'avant pour que je puisse voir ce qui se passe. touche Maj enfoncée sur le calque suivant, quatre images. touche Maj enfoncée, 1, 2, 3, 4. touche Maj enfoncée, 1, 2, 3, 4. Joue ça en arrière. Maintenant, ils s'animent de gauche à droite. Pour ce projet, c'est à vous de décider comment vous voulez animer votre maison sur. Mais il y a à peu près un nombre illimité de façons de le faire, entre la personnalisation de la façon dont vos calques s' affichent, puis la synchronisation des calques dans votre Comp principal. Vous pouvez faire quelque chose de complètement différent de ce que j'ai ici très facilement. Donc c'est à vous d'être aussi créatif que vous le souhaitez. 10. Animation des Overshoot: Revenons dans notre PreComp et voyons si nous pouvons rendre cette animation un peu plus excitante. Je vais réduire ces deux couches et revenir à notre couche de cadre et appuyer sur « S » pour faire monter l'échelle. Ensuite, je vais dans l'éditeur de graphique et sélectionner la propriété Scale et cette fois je veux passer à mon graphique de valeurs. Si je sélectionne mes images clés et les réinitialise facilement, je vais solo ce calque pour pouvoir me concentrer sur elle. moment, l'animation va du centre vers l'extérieur sur l'axe des x, mais elle va toujours du point A au point B. Je veux ajouter un peu plus de caractère à cette animation. Pour ce faire, je vais sauvegarder à droite et définir une autre image clé en cliquant sur le bouton « Ajouter une image clé », puis je vais cliquer et faire glisser sur cette image clé jusqu'à ce qu'elle dépasse la valeur de la dernière image clé. Maintenant, notre couche va s'animer de zéro à être plus large que 100 pour cent, puis remonter à 100. Si je clique et fais glisser sur cette nouvelle poignée, vous voyez que cela n'affecte pas cette poignée aussi. Pour corriger cela, je maintiens « Option » ou « Alternate BC » et je passe la souris sur l'image-clé afin que vous puissiez voir que mon outil est maintenant modifié. Si je clique, cela va se débarrasser de mes poignées, puis si je clique une fois de plus, cela ramène les poignées. Maintenant ces deux poignées sont liées ensemble parce qu'elles sont liées, notre courbe sera agréable et lisse. Si je devais maintenir Option enfoncée et cliquer sur cette poignée à nouveau, je peux la déplacer indépendamment, mais alors notre courbe de valeur arrive à ce point un certain angle, puis change complètement de directions, et cela entraînera un animation très jaggedy. Je vais aller de l'avant et jouer ça pour que vous puissiez voir ce que je veux dire. Voyez comment il rebondit là à la fin. C' est presque comme s'il frappait un mur. Ce n'est pas ce que je cherche. Si je maintiens à nouveau « Option » ou « Alternate BC », cliquez sur l'image-clé, puis cliquez une fois de plus, maintenant j'ai une belle courbe lisse. Je vais cliquer sur cette poignée et maintenir la touche « Maj », et cela va accrocher les poignées à être droit à travers. Je vais modifier mes poignées juste un peu tout en maintenant la touche Maj, sorte que la valeur arrive à ce point assez rapidement, puis se relâche dans sa destination finale. Présentons cela, et maintenant vous voyez que notre animation fait un peu d' animation rebondissante et c'est ce que je vais faire. Ce type de courbe, dépassant sa valeur finale avant d'arriver à un point de repos, s'appelle overshoot. C' est une technique très courante dans l'animation et peut ajouter beaucoup de personnalité. Je vais exagérer cela un peu plus en cliquant et en faisant glisser sur cette image-clé vers le haut, donc elle va encore plus loin vers l'extérieur. On va jouer ça. Maintenant, vous pouvez voir que la largeur va encore plus loin avant d'arriver à son point final. Si je clique et que je fais glisser l'image clé vers l'arrière dans le temps, je peux accélérer cette animation initiale. Si je le voulais, je pourrais ajouter une autre image clé ici en passant à l'outil Plume, en cliquant sur l'outil ici ou en appuyant sur « G » sur le clavier, en ajoutant une autre image clé, en basculant vers mon outil de sélection en appuyant sur « V » sur le clavier ou en cliquant ici. Ensuite, cliquez et faites glisser cette image clé en dessous de la valeur finale, clic droit pour rendre cette courbe horizontale, ajustez un peu mon graphique de valeurs, puis rejouez-la et maintenant nous avons un rebond supplémentaire. Je vais aller de l'avant et sélectionner ces deux images clés , puis les reculer un peu dans le temps, sorte qu'elles se produisent un peu plus rapidement. Cela donne à la couche une certaine élasticité. Vous pouvez donner à vos objets un sentiment distinctif visuellement en utilisant cette technique, j'aime la façon dont il ressemble. Je vais annuler le solo de ce calque, puis prévisualiser à nouveau l'animation. Maintenant, si je quitte mon éditeur de graphes, je peux déplacer les deux secondes dans le temps à juste ici, sorte que tout se passe plus vite. Faisons cette animation de dépassement à nouveau, mais cette fois à partir du centre de ce calque. Je vais solo ce calque, aller à l'échelle de ce calque, réinitialiser le point d'ancrage au centre du calque en maintenant « Option Command Home » ou « Alt Control Home » sur un PC. Prévisualisez cette animation et voyez qu'elle vient maintenant du centre. Mais je vais en fait changer ma première image clé pour être 0 par 0, donc elle est complètement mise à l'échelle à partir du centre de l'image. Cela ne se passe pas exactement comme je le voulais, parce que l'assouplissement pour un axe n'est pas le même que l'assouplissement pour l'autre axe. Pour corriger cela, je vais sélectionner les deux images clés, les faciliter en appuyant sur « F9 » sur le clavier et maintenant elles s'animent au même rythme. Faisons encore la même astuce en allant sur ce point, en ajoutant une autre image clé en appuyant sur « G » pour faire apparaître mon outil Plume, cliquez sur revenir à l'outil de sélection en appuyant sur « V », cliquez et faites glisser vers le haut. Vous remarquerez que je ne pouvais pas déplacer ces deux points d'ancrage en même temps. C' est là que les choses peuvent devenir un peu difficiles avec le graphique des valeurs. Si j'essaie de déplacer cela vers le haut et de définir cette valeur, puis j'essaie de déplacer mon deuxième accès vers ce même point, malheureusement, ils ne s'accrochent pas ensemble. Il va accrocher à une image clé différente, mais pas les mêmes images clés autre axe. La façon dont je peux m'assurer que cette valeur d'axe est définie sur les mêmes valeurs d'axe que celui-ci, je peux simplement venir ici à la propriété Scale cliquez sur la valeur que je veux appliquer à la fois, copiez en appuyant sur « Commande C » ou « Contrôle C » sur un PC, puis en cliquant sur la deuxième valeur et en collant. Maintenant, les deux points de valeur sont au même endroit. Ensuite, je vais juste ajuster ces poignées pour correspondre le plus près possible et jouer ça. On a un joli petit dépassement. Je vais ramener cette image-clé un peu en arrière. Ensuite, ajoutez une autre image-clé ici. Cliquez et faites glisser jusqu'à ce qu'il soit en dessous de la dernière valeur. Facilitez les images clés en appuyant sur « F9 » sur le clavier, puis cliquez et faites glisser sur ces poignées pour ajuster mon graphique de valeurs, et juste finesse un peu pour que je puisse voir visuellement que la courbe va représenter le type de motion que je veux. Alors jouez ça et c'est un peu extrême. Je vais juste finaliser ça un peu. Prévisualisez cela et ajustez juste un peu plus. C' est vraiment comme ça que j'aborde chaque animation. Tu dois juste jouer avec ça jusqu'à ce que ça ressemble à ce que tu veux. Ici, je rencontre un problème où je ne peux pas placer mon point où je veux parce que j'ai la capture activée. Si j'ai désactivé cela, je peux alors placer ceci exactement là où je le veux, puis rallumer. Alors je pense que je veux juste déplacer ces deux images clés dans un peu. Je vais sélectionner les deux images-clés, maintenir « Option » ou « Alt » sur un PC et appuyer deux fois sur la flèche gauche, puis faire la même chose pour la dernière image-clé. Prévisualisez ça. Je suis plutôt content de ça. Je vais détacher cette couche pour qu'on puisse voir à quoi ça ressemble. Ça a l'air plutôt bien. Maintenant, et si nous devions changer le point d'ancrage de cette couche pour être dit dans le coin supérieur gauche et maintenant notre dépassement se produit dans cette direction diagonale. Encore une fois, il suffit de jouer avec votre éditeur de graphique en combinaison avec le point d'ancrage et essayez simplement expérimenter certaines choses pour voir ce que vous pouvez trouver. Je vais déplacer ce point d'ancrage vers le haut et voir à quoi ça ressemble. J'aime ça. Je vais en fait copier et coller ces images clés dans l'autre calque, donc je peux avoir le même type d'animation. Débarrassez-vous de cette dernière image-clé, puis mon point d'ancrage est déjà défini là où je le veux. Je vais prévisualiser ça. Maintenant, j' ai une animation complètement différente de celle quand j'ai eu la première fois. Revenons à notre comp principal et voyons à quoi ça ressemble. Très rapidement, j'ai pu changer le look de toute l'animation jusqu'à présent. C' est la base de ce que nous allons faire pour le reste de la maison, nous allons animer les fenêtres inférieures de la même manière. Il y a juste un élément supplémentaire de ce triangle supérieur. La porte est probablement la plus compliquée juste parce qu'elle a quelques éléments supplémentaires. Ensuite, il y a la lampe, les buissons, puis les principaux composants de la maison. Vous pouvez ajouter autant ou aussi peu de détails que vous le souhaitez. C' est complètement à vous de décider. 11. Travailler avec des graphiques: Animons la prochaine porte car c'est un peu plus compliqué. Je vais double-cliquer sur un « PreComp », me donner un peu plus de place. Encore une fois, je veux à peu près animer de l'arrière vers l'avant. Commençons par le cadre. Je vais solo cette couche. Celle-là, je veux grandir du bas au sommet. Je vais déplacer mon point d'ancrage vers le bas, en m'assurant que j'ai activé la capture, et l'accrocher à ce point juste là. Ensuite, je vais ouvrir l'échelle en appuyant sur S sur le clavier, et je vais passer à l'image 30 au lieu de l'image clé en cliquant sur le « Chronomètre ». Ensuite, je vais revenir au début, dissocier mes deux valeurs d'échelle, puis définir l'échelle y à zéro. Maintenant, nous avons l'animation de la porte qui pousse du bas vers le haut. Mais ce sont des images clés linéaires ennuyeuses. Allons dans notre éditeur de graphes, et ce petit bouton pratique s'adaptera à tous vos graphiques à voir. Si je clique dessus, vous voyez que cela fait un zoom dans ma chronologie, donc je peux me concentrer un peu plus sur ma courbe. Encore une fois, je vais faciliter les images clés en sélectionnant les deux, en appuyant sur F9 sur le clavier. Maintenant, nous avons une belle petite courbe en S. Je vais faire en sorte que le cadre de la porte prenne beaucoup de temps pour se mettre à vitesse avant qu'il ne dépasse, puis repose à la dernière image clé. Je vais ajouter une autre image clé ici, déplacer vers le haut, probablement un peu plus loin, cliquer et faire glisser la touche Maj enfoncée, puis ajuster la courbe un peu plus, et je vais la lire. Laisse-moi zoomer pour voir toute la porte. Maintenant, nous avons un dépassement de taille assez décente, qui pourrait être un peu trop grand, donc je vais saisir l'image-clé et la tirer un peu vers le bas. Ensuite, nous allons revenir un peu dans le temps en le faisant sélectionner en maintenant Option ou Alt sur un PC, et en appuyant sur la flèche gauche. Prévisualisez ça. C' est un peu mieux. Nous allons ajouter une autre image clé ici, faire glisser vers le bas, Maj, cliquez. Juste ma courbe un peu plus. Une fois que vous faites cela assez de fois, vous commencerez à remarquer que vous pouvez réellement dire à quel point vous êtes dépassement va être extrême juste en regardant la courbe, mais c'est vraiment quelque chose que vous devez expérimenter et vous habituer. Présentons à quoi cela ressemble. Il faut un peu trop de temps pour s'animer au départ, donc je vais juste repositionner certaines de mes images clés. Prévisualisez ça. Tu sais quoi ? Je pourrais ajouter une image clé de plus avec un peu de dépassement à la fin. Je vais désactiver mon accrochage juste pour que je puisse repositionner un peu plus précisément. Alors ça devrait être plutôt bon. Ce n'est pas bon, alors repositionnons ces images clés un peu plus. Voyez comment ça se passe. Je pense que vous devez diminuer cette valeur. Une autre façon d'ajuster la valeur au lieu de simplement cliquer et faire glisser l'image clé consiste à ajuster la valeur ici. Maintenant, il suffit de cliquer et de faire glisser, il est assez difficile d'être très précis, mais si vous maintenez la touche Commande ou Contrôle enfoncée sur le clavier, vous pouvez ajuster à une échelle beaucoup plus petite. Je vais juste ajuster ceci jusqu'à ce qu'il soit à peu près où je le veux, et prévisualiser ça. C'est plutôt bien. Je veux ajuster cette valeur aussi, donc ce n'est pas si extrême. Alors je veux juste les espacer un peu plus. Ça a l'air bien, je suis content de ça. Passons à la couche suivante qui serait la porte. Puisque celui-ci s'anime, pourquoi ne pas animer la porte vers le bas ? Je vais solo cette couche. Repositionnez le point d'ancrage pour être le haut, puis je peux simplement copier et coller ces images clés. Puisque le dépassement est déjà compris, et appliquez-le à la couche de porte, pour voir si cela fonctionne de la même manière. Si je prévois ceci, ça semble bien. Mais quelque chose que je viens de penser est que, qui va en fait pousser la porte au-delà du point du cadre. Je ne veux pas que cette couche aille en dehors du cadre. Cette fois, au lieu de faire un dépassement, je pense que je vais juste faire le point A au point B et juste personnaliser la courbe un peu. Puisque je ne fais rien de compliqué, je n'ai pas vraiment besoin du graphique de valeur, donc je vais revenir au graphique de vitesse juste pour que vous puissiez voir un peu plus comment celui-ci fonctionne. Je vais sélectionner mes deux images clés et les réinitialiser à nouveau en appuyant sur F9, puis je vais saisir ma poignée de vitesse et la faire glisser à environ 65 pour cent et ensuite faire la même chose pour cette poignée, ronde 65. Prévisualisez ça. C'est plutôt bien, mais je veux l'exagérer un peu plus. Je vais tourner autour de 85, et voyons à quoi ça ressemble avec l'autre couche. Je pense que ça a l'air bien, il a juste besoin d'être re-chronométré un peu maintenant, donc je vais le faire avancer à temps jusqu'ici, et je vais zoomer sur ma chronologie en appuyant sur la touche moins, en prévisualisant ceci. Je pense que l'animation se passe juste un peu trop lentement, donc je vais saisir ma deuxième image clé et la faire glisser un peu vers l'arrière dans le temps. Cool. Faisons le top suivant. Je vais désoler ces deux couches. Maintenant, à cause du dépassement, je ne veux probablement pas que le haut commence à s'animer jusqu'à ce point. Je vais solo le calque et déplacer le calque à ce point dans le temps en appuyant à nouveau sur le crochet gauche pour déplacer l'extrémité de ce calque vers ma tête de jeu. Ensuite, je vais déplacer mon point d'ancrage à la base de ce calque supérieur, je vais zoomer en utilisant la molette de défilement et repositionner en maintenant la barre d'espace enfoncée pour m'assurer que c'est exactement là où je le veux. Maintenant, la raison pour laquelle After Effects dit que c'est la base de mon calque est parce que si j'active la visibilité de ma trajectoire de forme, vous pouvez voir que c'est là que le chemin réel de ce calque apparaît. La raison pour laquelle la forme sort de ce tracé est que ce calque a un contour. S' il n'y avait pas de course, ce serait exactement là où nous le souhaiterions, mais parce que j'ai la course dessus, je dois désactiver la capture pour pouvoir le repositionner à la main. Tout comme déplacer n'importe quel calque, si je maintiens la touche Maj enfoncée, il s'agira d'être seulement à gauche ou à droite, ou de haut en bas dans des positions. Maintenez Maj enfoncé, et déplacez-le jusqu'à ce qu'il soit juste à propos de la base du calque, et maintenant je peux l'animer comme je le veux. Je vais définir une image-clé à l'échelle en maintenant Option ou Alt sur un PC et en appuyant sur S. Puis en avançant 20 images en maintenant l'option Maj enfoncée et en appuyant deux fois sur la flèche droite ou Alt Shift sur un PC, puis je vais mettre à l'échelle jusqu'à zéro sur le axe des y. Maintenant, il anime et un mouvement croissant de bas en haut. Sélectionnez nos images clés, allez dans notre éditeur de graphiques, facilitez-les facilement en appuyant sur F9 sur le clavier, puis réglez les poignées de vitesse jusqu'à ce que nous venions avec quelque chose que nous aimons. Je suis d'accord avec cette animation, je ne pense pas qu'on ait besoin de dépassement. Je peux annuler le solo de ce calque et m'assurer qu' il est bien chronométré avec les deux autres calques que nous avons déjà animés. Je pense que ça pourrait sortir un peu plus tôt, donc je vais le ramener ici. Voyez à quoi ça ressemble. J'aime ça. Maintenant, je donne cet écart très mince entre les deux couches. Je vais juste sélectionner le haut et le déplacer quelques fois en appuyant sur la touche vers le bas du clavier. Maintenant, si je joue ça, ça a l'air bien, il n'y a pas de trou et on peut passer à la vitre. Solo la fenêtre et la fenêtre révèle des couches. Je vais zoomer et je veux animer ces deux calques de la base aussi. Je repositionnerai le point d'ancrage vers le bas. Encore une fois parce que ce calque a un trait, la fonction de capture ne fonctionnera pas, donc je vais juste le faire par I. Je vais le faire à nouveau pour la deuxième couche également. Ensuite, je vais passer à une image 20, peut-être définir une image clé pour les deux couches sur la propriété scale en maintenant Option ou Alt sur un PC, appuyant sur S, puis faites défiler jusqu'à l'image zéro, et les mettre à l'échelle vers le bas pour être zéro. Maintenant, ils augmentent tous les deux à partir de la base. Très basique. Je vais nettoyer un peu ma chronologie pour pouvoir me concentrer sur ces deux couches. Maintenant, ce que je veux vraiment arriver, c'est que cette couche de révélation de fenêtre couvre tout le verre alors que la couche principale de la fenêtre augmente, puis qu'elle soit réduite à sa valeur de repos. En fait, je veux déplacer ces deux images clés vers l'avant 20 images supplémentaires. Au lieu de mettre celui-ci à zéro, mettez à l'échelle de sorte qu'il couvre tout le verre. De cette façon, nous arrivons à ce point sans voir aucun du verre, puis il descend pour le révéler. Le problème est avant ce point, il ne diminue pas. Maintenant, la façon dont je vais corriger cela est au lieu de définir une image-clé, est de parenter la couche de révélation de la fenêtre à la couche de fenêtre. De cette façon, la couche de révélation de fenêtre suit toutes les propriétés transformées qui ont déjà été définies pour la couche de fenêtre principale. Si je fais défiler vers l'arrière, vous pouvez voir que le deuxième calque est mis à l'échelle avec le premier calque, puis réduit à sa valeur de repos. Maintenant que nous avons notre ensemble d'images clés, nous pouvons aller dans notre éditeur de graphiques. Je vais aller dans l'éditeur de graphiques, sélectionner les images clés, les faciliter facilement en appuyant sur F9 sur le clavier, et faire un mouvement exagéré. Faites la même chose pour la deuxième couche. Facilité facile, mouvement exagéré. Prévisualisez ça. Je pense que la motion est plutôt bonne maintenant, c'est juste une question de timing. Je sortirai de mon éditeur de graphes, puis je décalerai ces deux images clés vers l'arrière dans le temps un peu. Ils commencent à descendre un peu plus près du moment où la première couche est terminée. Juste là, aperçu. Mais je ne suis pas très content de ce mouvement, donc je pense que je veux ajuster les poignées de vitesse un peu plus. Je vais sélectionner toutes mes images clés et aller dans l'éditeur de graphiques. Maintenant, vous voyez si nous pouvons réellement ajuster à différents graphiques en même temps. Cette première est notre couche principale, et notre courbe va dans cette direction parce qu'elle passe d'un nombre inférieur à un nombre plus élevé, donc la vitesse serait dans une direction positive. Notre deuxième couche commence par une valeur plus élevée et se réduit à une valeur inférieure, sorte que la vitesse se passe dans une direction négative. C' est pourquoi ces deux courbes sont reflétées. Maintenant, ce que je veux faire, c'est ajuster la dernière image clé des deux couches en même temps. Je vais le faire en dessinant une boîte autour des deux secondes images clés. Ensuite, j'ajusterai les poignées, et vous verrez qu'elles sont affectées de la même façon. C' est un moyen très pratique d'ajuster une plusieurs propriétés. Je vais rendre ça un peu moins dramatique. Ensuite, je vais sélectionner les deux premières images clés et augmenter un peu l'influence, et voir à quoi cela ressemble. C' est juste un peu plus lisse d'une animation. Je veux toujours ajuster ce timing un peu, donc je vais sélectionner ces deux images clés, et la déplacer dans le temps en appuyant sur Option ou Alt sur un PC, et la flèche gauche. Je vais en prévisualiser à nouveau. Je pense que ça a l'air bien. Sortons de notre éditeur de graphiques, désactivez ces calques en solo, zoomez, puis prévisualisez l'animation entière. Plutôt bon, sauf que j'ai oublié de reprogrammer ma fenêtre, donc je vais juste faire glisser ça vers l'avant jusqu'à ce que la porte soit derrière l'endroit où la fenêtre apparaîtrait. Puis prévisualisez cela à nouveau. Je pense que ça a l'air bien. Maintenant, nous pouvons revenir dans notre comp principal, prévisualiser cette animation, et nous sommes un pas de plus vers l'animation de toute la maison. Pour votre projet de classe, vous devriez être prêt à animer votre maison. Allez-y et soyez aussi compliqué, ou aussi simple que vous le souhaitez avec votre animation. Une fois que vous avez terminé avec cela, passez à la vidéo suivante pour l'exportation. 12. Créer un loop: C' est ma dernière animation. Vous pouvez voir que j'ai ajouté un peu plus de détails, j'ai changé les couleurs, et j'ai ajouté un arrière-plan. Une fois que vous êtes satisfait de l'apparence de votre animation, alors nous devons la boucler. Pour ce faire, je vais mettre ma dernière animation dans une nouvelle composition. Je vais revenir sur mon panneau Projet, puis faire glisser la composition House-Build vers le bas jusqu'au bouton Nouvelle composition. Cela placera automatiquement ma composition House-Build dans une nouvelle composition qui a les mêmes dimensions, cadence et longueur que la composition originale. Ensuite, je vais renommer cette comp pour être « House-Build-Loop ». Ensuite, je descendrai à ma composition et trouverai où se trouve le point final de l'animation. Donc juste ici est là où je veux qu'il bouclette et retourne en arrière. abord, je vais couper ce calque pour finir à ce stade. Pour ce faire avec le calque sélectionné, je maintiens « Option » ou « Alt » enfoncée sur un PC et appuyez sur le crochet droit, et cela va couper le point des calques vers la tête de jeu. Ensuite, je dupliquerai le calque en appuyant sur « Apple D » ou « Control D » sur un PC afin d'avoir deux copies de mon animation. Ce que je veux faire avec ce deuxième calque est inverser l'animation. Pour ce faire, je vais cliquer avec le bouton droit sur la couche, alors descendez à « Temps », puis cliquez sur « Activer la reprogrammation de temps ». Cela affichera deux images clés et une nouvelle propriété appelée Remap temporel. La fonction de remappage temporel vous permet de changer le code temporel d' une composition ou d'un morceau de métrage à ce que vous voulez. Il génère automatiquement une image clé pour la valeur de départ et la valeur de fin. Donc, si je vais au point de la composition où je veux qu'elle bouclera et que je définisse une nouvelle image clé, maintenant j'ai une image clé pour la fin de l'animation. Ensuite, je vais supprimer cette dernière image clé parce que je n'ai besoin de rien après ce point de l'animation. Ensuite, je vais sélectionner ces deux images clés temporelles, cliquer avec le bouton droit sur l'une d'entre elles, aller dans l'assistant d'images clés et dire, « images clés inversées dans le temps ». Cela permettra d'échanger les deux images clés. Alors maintenant, mon deuxième calque commence à la fin de l'animation et remonte au début. Si je déplace ce calque, je peux l'accrocher à la fin du premier calque en maintenant la touche « Maj », et maintenant si je prévisualise l'animation, nous verrons que la maison se construit et s'anime ensuite. 13. Exportation d'After Effects: Maintenant que nous avons notre boucle, nous devons l'exporter pour pouvoir la transformer en GIF. Pour ce faire, je vais ouvrir ma composition de boucle, puis aller à composition, ajouter à la file d'attente de rendu. Cela ouvrira le panneau de file d'attente de rendu où nous pouvons personnaliser la manière dont After Effects produira notre animation. Maintenant, j'ai des préréglages de module de sortie déjà créés. C' est pourquoi le mien est prêt à progresser 4.2.2. Le vôtre sera probablement réglé sur Lossless. En fait, c'est très bien pour ce projet. Je l'aurai défini sur sans perte, puis je veux juste qu'After Effects sauvegarde mon fichier sur le bureau. Je vais cliquer sur la sortie deux et m'assurer qu'il est réglé sur le bureau et appuyez sur Enregistrer. Alors on peut frapper Render. Maintenant, après que les effets exportent notre animation dans un fichier QuickTime, nous pouvons alors ouvrir et transformer en GIF. 14. Enregistrer un GIF dans Photoshop: Ensuite, je veux ouvrir Photoshop, puis j'ouvrirai un fichier à l'intérieur de Photoshop, et lorsque vous ouvrez un fichier vidéo, le panneau de montage dans Photoshop s'ouvrira où vous pouvez scruter pour vous assurer que votre animation est s'affiche correctement. Je vais aller à Fichier, Enregistrer pour le Web, puis venir à la liste déroulante prédéfinie, faites défiler vers le haut et choisissez le premier, donner 128 dissuadé. Ensuite, vous aurez ce petit écran de chargement sur votre malice. Ne vous inquiétez pas si cela prend du temps car Photoshop doit traiter l'intégralité du fichier vidéo. Maintenant que c'est terminé, vous voyez un aperçu en direct de l'apparence de votre animation une fois qu'elle sera exportée. Si vous n'êtes pas satisfait de la qualité, vous pouvez augmenter les couleurs ou ajuster le pourcentage de déther. jouez avec ces valeurs, vous augmentez ou diminuez la qualité de votre animation. Une autre chose qui va diminuer la taille du fichier est si vous changez la taille de votre image à 400 par 300 et cela va juste couper la résolution de moitié mais diminuer considérablement la taille de votre animation.Je n'ai pas vraiment besoin de mon animation pour être aussi grande que 800 par 600, donc je vais aller de l'avant et le laisser à 400 par 300 pour réduire la taille de mon fichier. Si vous regardez vers le bas dans le coin inférieur gauche, Photoshop évaluera la taille de votre GIF final une fois que vous l' exporterez à l'aide de ces paramètres. Donc 469 kilo-octets est une grande taille de fichier et ne prendra pas beaucoup de temps pour tout charger en ligne. Je dirais que la taille GIF maximale que vous voulez est de cinq mégaoctets, mais le garder à un mégaoctet ou moins est préférable. Une fois que vous êtes satisfait de la façon dont tout semble et de la taille du fichier, la dernière chose que vous devez vous assurer que vous le faites est de descendre cette petite liste déroulante et de changer vos options de boucle une fois à jamais et ce devrait être le dernier chose que vous faites parce que la modification des paramètres peut parfois réinitialiser ce retour à ceux. Je ne sais pas pourquoi c'est l'une des fonctionnalités les plus ennuyeux de Photoshop, assurez-vous juste qu'il est écrit pour toujours avant de frapper sauver. Maintenant que j'ai terminé, je vais le garder en sécurité, assurer qu'il exporte vers mon bureau, appuyez à nouveau sur Enregistrer, et maintenant si je viens sur mon bureau, je vois mon nouveau GIF, appuie sur la barre d'espace pour l'afficher, et voilà. J' ai une animation en boucle de ma construction de maison, et je suis maintenant prêt à l'afficher sur la page du projet. 15. Merci !: D' accord, c'est tout. Félicitations, vous avez terminé mon cours. Encore une fois, je tiens à vous remercier beaucoup d'avoir suivi mes cours. J' aimerais savoir ce que tu en penses. Assurez-vous de publier votre projet final sur la page du projet. Si vous avez des questions, hésitez pas à la poser lors de la discussion Posez-moi n'importe quoi. Merci encore, et je te verrai la prochaine fois.