Animer facilement dans Adobe After Effects

1. Bande-annonce du cours: Hé ! Je suis Jake Bartlett. Dans ce cours, nous allons animer avec facilité les effets après. Dans cette version mise à jour et étendue de l'une de mes classes les plus populaires, je vais vous apprendre à utiliser l'éditeur de graphiques afin que vous puissiez contrôler le mouvement à l'intérieur de vos animations. Que vous utilisiez After Effects de manière professionnelle depuis années ou que vous veniez d'ouvrir le logiciel pour la première fois hier, si vous n'utilisez pas l'éditeur de graphiques, vous n'avez pas le contrôle total de votre mouvement. Dans cette classe, vous allez apprendre tout ce que vous devez savoir à la fois sur le graphique de vitesse et de valeur ainsi que sur tous les autres outils d'éditeur de graphique afin que vous puissiez les utiliser à votre avantage et qu'ils configurent même un fichier de projet de démonstration pour vous d'apprendre de, pendant que vous me regardez enseigner à partir du même fichier de projet dans les leçons. Même si vous avez déjà pris la première version de ce cours, vous allez vouloir regarder celui-ci parce que j'ai appris beaucoup de meilleures techniques depuis la première version et aller beaucoup plus en profondeur dans l'éditeur de graphiques de cette classe. Il y a deux fois plus de contenu que la version 1. Pour le projet de classe, vous allez concevoir et animer une maison à partir de zéro. Vous pouvez créer votre propre ou utiliser l'un des miens. cours de route, je partagerai mes propres astuces et astuces de flux de travail ainsi que raccourcis clavier que j'utilise tout le temps pour un flux de travail plus efficace. À la fin de ce cours, vous animerez facilement. Je te verrai en classe. 2. Préparation de votre maquette: D' abord, je veux dire merci beaucoup d'avoir pris ce cours. Cela signifie vraiment beaucoup pour moi et je suis tellement excité de vous apprendre sur l'éditeur de graphiques. C' est ma fonctionnalité préférée d'After Effects et je crois vraiment que c'est le moyen le plus puissant de prendre le contrôle de votre mouvement. Une fois que vous commencez à comprendre comment cela fonctionne et à l'implémenter dans vos propres animations, vous allez voir dans la nuit et le jour la différence avec la façon dont vos animations vont ressembler et ressentir. Si, à un moment quelconque de cette classe, vous avez des questions ou vous êtes confus à propos de quelque chose, n' hésitez pas à me poser une question sur la page de la communauté. Je fais de mon mieux pour répondre à ces questions le plus rapidement possible. Très bien, faisons ça. La première chose que vous devrez faire pour cette classe est de créer votre œuvre d'art de maison. Maintenant, je suis allé de l'avant et j'ai créé le mien dans Illustrator. Je ne vais pas vous montrer comment je l'ai fait parce que c'est très basique et je veux me concentrer sur l'animation pas sur le design dans cette classe, mais vous pouvez voir que c'est mon image de référence. C' est la maison dans laquelle j'ai grandi et je l'ai utilisée comme référence pour la recréer d'une manière très basique, simplifiée et géométrique, comme vous voyez que j'ai pris une partie du détail des fenêtres. Je ne voulais pas m'accabler de tous les détails, mais quelque chose qui représente la maison et qui est identifiable. Comme je l'ai dit, c'est très géométrique. Il y a juste un tas de rectangles qui composent tout dans ce design. Ensuite, sur certains des détails les plus fins, j'ai dû faire un peu de travail pour faire les formes que je voulais. Mais c'est purement vecteur et tout est très basique. Maintenant, vous n'avez pas besoin de créer votre illustration dans Illustrator, si vous êtes plus à l'aise dans Photoshop, vous pouvez le faire. La raison pour laquelle j'utilise Illustrator est que je sais que mon illustration vectorielle se traduira en couches vectorielles à l'intérieur d'After Effects très facilement. Mais si vous le souhaitez, vous pouvez faire un style de conception complètement différent. Ce n'est pas forcément ce regard de vecteur plat 2D. Vous pouvez ajouter des textures et des motifs, ou même utiliser des références de photos réelles dans votre illustration. Gardez simplement à l'esprit que vous aurez besoin de tout se trouver sur ses propres calques afin de pouvoir l'animer dans After Effects. Maintenant, nous pouvons apporter cela directement dans After Effects tel qu'il est, mais si nous regardons la palette des calques, vous voyez que tout se trouve sur un seul calque. Si j'ouvre ça, j'ai tout un tas de chemins à l'intérieur d'ici, aucun d'entre eux n'est nommé, rien n'est organisé, et donc si j'apporte ceci dans After Effects, c'est exactement comme ça qu'ils vont entrer. Juste des chemins non organisés qui vont être très difficiles à creuser. Donc, je dois tout organiser avant d'aller dans After Effects. Tout d'abord, je n'ai pas besoin de cette référence photo à l'intérieur d'After Effects. Donc, je vais juste enregistrer une copie de mon illustration sur le bureau et l' appeler House_AE, pour After Effects. De cette façon, j'ai une copie et je peux faire ce que je veux sans me soucier de perdre mon original. Je vais supprimer cette image et maintenant je vais commencer à diviser ces chemins en leurs propres couches. Maintenant, dans cette conception, je n'ai pas vraiment besoin de le faire pour chaque élément et c'est parce que beaucoup de ces éléments sont identiques. Donc, toutes ces fenêtres supérieures sont toutes exactement les mêmes et ces quatre fenêtres du bas, ces quatre buissons, ils sont tous exactement les mêmes. Donc, je peux juste faire un de ces buissons sur son propre calque, puis dans After Effects, je vais les dupliquer à travers l'image en utilisant l'illustration comme référence. Mais comme ça, je n'ai pas à faire autant de travail ici. Mais je vais commencer par tout casser dans ses propres couches parce que c'est en fait beaucoup plus facile que de faire une sélection des éléments individuels que je veux et de les séparer. Donc, je vais juste faire une sélection de tout, puis je passerai à la palette de mon calque dans ceci, un petit menu déroulant juste ici, et dire, Release to Layers (Sequence). Je clique sur cela, maintenant tous ces éléments sont placés sur leurs propres couches. Ils sont toujours contenus dans ce calque 1, mais je peux maintenant saisir n'importe lequel de ces calques et les faire glisser pour devenir leurs propres calques individuels dans mon document. Cela se traduira également en After Effects en tant que calques, et c'est exactement ce que je veux. Donc, je vais commencer par saisir le toit. Nous allons commencer par le haut et travailler notre chemin vers le bas. Alors, en haut, c'est le toit. Donc, je vais double-cliquer sur ce nom de couche et le renommer Roof, puis je vais simplement cliquer et faire glisser ce calque au-dessus de la couche 1. Donc, maintenant j'ai le toit séparé du reste de l'art. Ensuite, je vais faire ces fenêtres. Donc, je veux juste commencer par celle-là juste ici. Donc, je vais prendre ce calque et je vais le renommer Upper Window Upper Glass. Puis pendant que je suis à lui renommer cette fenêtre supérieure inférieure verre, et je vais saisir ce calque et le renommer cadre supérieur de fenêtre. Ensuite, je vais saisir ces trois couches en cliquant sur celui-ci. Maj en cliquant sur le haut, puis cliquez et faites-le glisser jusqu'au haut de ma pile de calques. Donc, ils sont juste sous le toit. Maintenant, ces trois couches sont séparées de tout le reste. Je n'ai pas besoin de m'inquiéter de ces autres couches de fenêtre. Donc, je vais juste les ignorer et je passe à cette fenêtre. Je vais prendre le haut et le renommer Lower Window Top. Je vais prendre le verre, le verre inférieur supérieur de la fenêtre et le verre inférieur de la fenêtre. Enfin, le cadre inférieur de la fenêtre. Je vais sélectionner ces calques, les déplacer vers le haut juste en dessous des couches de fenêtre supérieures, puis je vais prendre ce buisson et le renommer Bush, puis je le déplace vers le haut. Cela peut vraiment aller au-dessus la fenêtre inférieure parce que je veux qu'elle apparaisse au-dessus de ces couches, et ensuite je viendrai ici à cette lampe, et je prendrai cette partie supérieure et je l'appellerai Lamp Top. Effectuez un zoom avant et saisissez ce calque. Nommez le verre de lampe, le bas de la lampe et la base de la lampe. Je vais m'assurer de prendre ces couches. ne veux pas celui-ci, donc je maintiens la touche Commande ou Ctrl enfoncée sur un PC et je clique sur les calques que je veux faire cette sélection. Ensuite, je les ramènerai, et je les mettrai juste en dessous du buisson. Je vais juste continuer ce processus pour tous mes éléments. Maintenant, sur cet élément particulier, j'ai quelques formes différentes qui composent cette œuvre. Je veux fusionner ces deux-là parce qu'ils n'ont vraiment pas besoin d'être séparés. Donc, je vais les sélectionner tous les deux en cliquant et en cliquant sur eux avec l'outil de sélection, puis avec mon Pathfinder ouvert, vous pouvez le trouver sous Fenêtre, Pathfinder. Je vais cliquer sur ce premier bouton qui est Unite. Ensuite, je vais juste les rassembler, et ça a fait disparaître tout le reste parce qu'il l'a rejoint en haut de ces couches. Je vais juste le traîner jusqu'ici. Donc, maintenant c'est en dessous de tout. Pour ces vitres individuelles, j'ai ces chemins de course juste superposés au-dessus de ces demi-cercles. Donc, je vais sélectionner ces trois tracés et les définir en allant vers Objet, Chemin, Contour, et ce ne sont que des rectangles. Il semble que celui-ci soit un peu hors centre en fait, donc je vais sélectionner ce calque, Maj cliquez sur ce calque, puis cliquez une fois de plus sur le verre, qui en fait l'objet clé, et je vais ensuite un ligne ce rectangle au centre du demi-cercle. On y va. Maintenant c'est sympa et centré. Je vais sélectionner les trois, ainsi que le verre, revenir à mon Pathfinder et cliquer sur le bouton Fusionner. Maintenant, ils sont tous fusionnés ensemble, je vais double-cliquer pour aller dans le groupe et juste supprimer cette partie blanche. Maintenant, je reste avec ces verres bleus, tampons en forme de pizza, puis double-cliquez pour sortir de cela et les dégrouper en appuyant sur Commande-Maj-G ou Ctrl+Maj+G sur un PC. Maintenant, ce sont tous des chemins individuels, mais ils vivent tous sur la même couche. Mais nous avons des couches vides de tout ce que je viens de faire. Je vais donc simplement couper un calque à la fois, Commande-X et coller à l'avant en appuyant sur Commande-F ou Ctrl+F sur un PC sur le nouveau calque. Donc, je vais nommer cette porte Glass One, et ensuite je vais continuer ce processus pour toutes les autres pièces. Ok, tout est réglé et je vais juste aller avant et renommer tout le reste avant de le déplacer, parce que de cette façon je peux juste voir quelles couches ont été renommées avant de les faire glisser tous en même temps. Donc, Threshold, nous avons le bardage, la garniture et l'arrière-plan. Ensuite, je peux faire une sélection de toutes les couches qui ont été renommées et savoir que ce sont les seules dont j'ai vraiment besoin. Tout le reste peut être pris en charge à l'intérieur d'After Effects. Donc, j'ai tout ça. Je vais les traîner jusqu'au sommet. Cela va cacher un tas de mes couches, et en fait, il semble que j'en ai un renommé incorrectement. Donc, oui, ce n'est pas ce que c'est censé être. Je vais juste faire glisser ça vers le bas. Repoussez cela dans la couche 1, parce que ce n'est pas vraiment important. N' oubliez pas que, tant qu'il est contenu dans un calque, After Effects ne verra aucun contenu. Tout va juste le garder contenu dans cette seule couche. Maintenant, la raison pour laquelle tout le reste est caché est parce que cette couche 1 est en dessous de tout le reste. Si je l'ai déplacé vers le haut, alors on verra tous ces éléments revenir. Mais ce sont les seuls éléments dont j' aurai besoin à l'intérieur d'Illustrator pour être séparés sur leurs propres calques afin de les animer à l'intérieur d'After Effects. Encore une fois, parce que je peux juste dupliquer ces couches pour les autres fenêtres, pour l'autre lampe, les autres buissons, et tout le reste est unique. Maintenant que c'est fait, je peux l'enregistrer et l'apporter dans After Effects. Vous pouvez faire la même chose. Alors, à ce stade, allez de l'avant et décidez de la maison ou bâtiment que vous souhaitez créer, puis créez l'œuvre pour elle. Encore une fois, vous n'avez pas à le faire dans Illustrator, si vous voulez utiliser Photoshop ou un autre programme, c'est tout à fait correct tant que vous pouvez l'intégrer dans After Effects en tant que calques. La chose clé à retenir est que tous vos éléments doivent être placés sur leurs propres calques si vous voulez pouvoir les animer indépendamment des autres objets contenus dans After Effects. Si vous faites quelque chose d'un peu plus complexe et en utilisant des choses comme des textures à l'intérieur de Photoshop, je vous recommande de fusionner toutes ces textures sur les éléments individuels afin que vous ayez une structure très similaire à celui-ci, où vous avez tous les éléments qui composent le verre d'une fenêtre sur sa propre couche. Tous les éléments qui composent un toit sur sa propre couche. Cela facilitera l'animation à l'intérieur d'After Effects. Une autre chose que je dois souligner est la taille de votre document. Travaillez à la taille à laquelle vous prévoyez d'animer. Mon document est 1440 par 1080. Donc, c'est un rapport d'aspect quatre par trois à une résolution HD. De cette façon, je peux toujours étendre cela sur le côté si je veux le mettre dans une composition HD, mais il va aussi se réduire bien pour un endroit comme Dribbble. De plus, si vous travaillez à l'intérieur d'Illustrator, assurez-vous que toutes vos illustrations sont contenues dans votre tableau d'art. Si vous avez une forme, sortez de la boîte d'art comme ça. Vous rencontrerez des problèmes plus tard une fois qu'on sera dans After Effects. Une autre chose extrêmement importante à garder à l'esprit est que si vous voulez travailler avec des calques de forme dans After Effects, comme je le serai, vous devez utiliser uniquement des remplissages solides ou des traits solides. Ce que je veux dire par là, c'est pas de dégradés, pas de motifs, pas de transparence, pas de modes de fusion. Si vous utilisez un trait, vous ne pouvez pas utiliser un pinceau de style comme celui-ci, même s'il semble uniforme, il s' agit en fait d'utiliser un pinceau rond à cinq points et After Effects va ignorer ce pinceau et juste convertissez-le vers le bas en pinceau de base. Donc, tous vos coups doivent être basiques et uniformes. Si vous gardez tout cela à l'esprit, vous allez vous épargner beaucoup de maux de tête une fois qu' on sera dans After Effects et qu'on commencera à rompre tout ça. Cela ne signifie pas que vous ne pouvez pas utiliser les dégradés et les effets. Ce sont des choses que nous pouvons recréer dans After Effects, mais vous avez également une autre option qui n'utilise pas les calques de forme dans After Effects. Je sais que j'ai probablement un peu d'avance sur moi-même, je ne veux pas vous submerger, mais si vous voulez vraiment utiliser des motifs, des dégradés, des transparences, des choses comme ça à l'intérieur d'Illustrator pour créer votre œuvre, alors je suggère que vous envisagiez simplement de ne pas utiliser de couches de forme à l'intérieur d'After Effects. C' est tout à fait bien. Tu pourras toujours suivre et faire tout ce que je suis. Vous travaillerez simplement avec des illustrations Illustrator dans After Effects au lieu des calques de forme dans After Effects. Mais le processus d'animation est identique, et comme toujours, si c'est déroutant, n'hésitez pas à poser des questions, je suis heureux de vous aider. Maintenant, il y a deux choses que vous pouvez faire pour votre projet de classe avant de passer à autre chose. Le premier est simplement de concevoir votre maison. Ce pourrait être la maison dans laquelle vous avez grandi, la maison dans laquelle vous vivez maintenant ou même un bâtiment fantastique, comme un château, n'importe quel bâtiment que vous aimez. Vous pouvez le concevoir dans n'importe quel logiciel dans lequel vous êtes le plus à l'aise. N' oubliez pas de suivre les directives que je vous ai données dans cette leçon. Une fois que votre illustration a été conçue pour enregistrer une copie du fichier afin de ne pas perdre l'illustration originale, puis organiser tous les calques pour After Effects. N' oubliez pas de conserver tout objet que vous souhaitez animer sur son propre calque, et si vous ajoutez des textures ou quelque chose du genre dans Photoshop, assurez-vous de fusionner tous ces calques avec l'objet afin d'en avoir un un seul calque texturé pour chaque objet. Une fois que tout cela est fait, vous pouvez exporter une image de votre illustration et la télécharger sur la page du projet de classe, afin que nous puissions voir avec quoi vous allez travailler. Comme toujours, n'hésitez pas à poser des questions sur la page de la communauté. 3. S'organiser dans After Effects: Maintenant que votre œuvre est prête, nous pouvons entrer dans After Effects. Bon, maintenant il est temps de se mettre au travail. Ouvrons After Effects et apportez nos œuvres d'art. Maintenant, j'utilise une très basse résolution pendant que j'enregistre cette vidéo, sorte que c'est plus facile pour vous de voir. Donc, mon After Effects semble probablement un peu plus à l'étroit que le vôtre, mais tous les panneaux de base sont là, et vous devriez être en mesure de suivre. J' ai besoin d'apporter mes illustrations que je viens de préparer à l'intérieur d'Illustrator. Donc, je vais faire un clic droit dans mon panneau de projet, puis descendre à Importer, Fichier, puis je mets le mien sur le bureau. Rappelez-vous, j'ai fait une copie, House_ae, je vais double-cliquer dessus, et puis je vais avoir quelques options. Sous Importer Kind, il est très important que vous importiez ceci en tant que composition, et non en tant que métrage. Je vais te montrer ce qui se passe si je choisis des images. Je vais juste cliquer sur OK. J'ai une seule couche. Si je fais glisser ça jusqu'à une nouvelle composition. Ceci est une œuvre d'art plate. n'y a rien que je puisse faire avec ça. Toutes les couches que je travaille si dur à organiser à l'intérieur d'Illustrator ont disparu. Rien que je puisse faire du tout. Donc, à la place, je vais supprimer cela et essayer à nouveau. Importer, Fichier, House_AE, puis je vais changer le type en composition. Nous avons une autre option qui est importante, les dimensions des images. Ainsi, nos options sont la taille de la couche ou la taille du document. taille du calque conservera le cadre de sélection de chaque calque, la taille de ce calque et taille du document placeront le cadre de sélection à la taille du document pour chaque calque, quel que soit son contenu. Quatre-vingt-dix fois sur 100, la taille du calque est l'option que vous voulez utiliser. Donc, nous allons choisir la taille du calque, cliquez sur OK, et cela génère automatiquement une composition et me donne un dossier. Si je l'ouvre, il y a tous mes calques nommés exactement de la même manière que dans Illustrator. Si j'ouvre la composition, il y a toutes mes couches. Voici mon document qui ressemble exactement à Illustrator, et si je solo ce calque inférieur, tous ces autres éléments sont toujours intacts. Maintenant que j'ai mon illustration ici, je dois juste vérifier certains paramètres de composition. Je vais passer à Composition, Paramètres Composition, et vérifier que ma largeur et mes hauteurs sont définies à 1440 d'ici 1080, la taille de mon fichier Illustrator. Ma fréquence d'images est de 30 images par seconde. C' est à quoi je veux travailler, mais n'hésitez pas à changer cela si vous préférez travailler à quelque chose comme 24 images par seconde. Alors, ma durée est très longue. Maintenant, cela apparaît comme des numéros de trame pas de code de temps réel, donc je vais vraiment annuler de ça. Venez à mon timecode et Commande Cliquez dessus, sorte qu'il passe en heures, minutes, secondes au lieu d'images. Donc, je viens une fois de plus aux paramètres Composition, Composition. Maintenant, je vois que ma composition dure 43 minutes, 49 secondes et 3 images, c'est absurde. Je n'ai pas besoin de quelque chose près de cette longueur, donc je vais sauvegarder cela et juste zéro et le changer à quelque chose comme 15 secondes de long. Cela devrait être plus que suffisant pour cette animation. Tout le reste a l'air génial. Je vais cliquer sur « OK », puis renommer cette composition. Donc, je clique dessus dans le panneau du projet, appuyez sur Entrée et renommez-le House_Build. D'accord. Maintenant, comme je l'ai dit, vous pouvez utiliser ces calques exactement comme ils sont et faire une animation de la même façon que je vais le faire. Mais je préfère travailler avec des calques de forme parce que , juste à l'intérieur d'After Effects, je peux changer des choses comme la couleur, j'ai accès à des contrôles plus amusants et j'aime généralement travailler avec des calques de forme. Mais si vous préférez travailler avec ces couches telles qu'elles sont, c'est tout à fait bien. Je voudrais juste noter que si vous sélectionnez calque Illustrator et activez le commutateur Continuous Rasterize, cette petite étoile ici, vous pouvez mettre à l'échelle ce calque infiniment et il restera toujours net. Il préserve l'illustration vectorielle dans ce calque. Si je décoche cet interrupteur, vous voyez que ça devient floue. Il perd la qualité du vecteur et préserve plutôt la résolution d'origine. Quelque chose à garder à l'esprit. Si vous ne voyez pas cette colonne ici, assurez-vous simplement que vous avez ce bouton juste ici enfoncé. Ainsi, vous voyez tous vos commutateurs de couches. D' accord, je vais revenir là où j'étais. Maintenant, je vais convertir tous ces calques en calques de forme. Tous sauf le calque 1. Donc, je vais sélectionner le calque supérieur, Maj Cliquer sur le calque d'arrière-plan, donc maintenant j'ai tout sélectionné sauf le calque un, et je fais un clic droit et je vais dans Créer des formes à partir d'un calque vectoriel. Je dois souligner que c'est une fonctionnalité qui nécessite au moins After Effects CS6 ou plus tard. Donc, si vous avez une version plus ancienne que cela, vous ne serez pas en mesure de faire cette étape. D'accord. Je vais cliquer dessus, et After E Effects génère désormais tous ces calques de forme avec le même nom de calque que que la source, ainsi que les contours du mot. Ainsi, il a décrit tous ces calques en couches de forme. Tant qu'ils sont encore sélectionnés, je vais simplement cliquer et faire glisser sur l'un des calques de forme sélectionnés, puis le pousser juste là et ainsi, séparer tous les calques de forme de l'illustration Illustrator. D' accord. Donc, maintenant il peut zoomer ici et je peux jeter un oeil à ces panneaux. J' ai le verre supérieur de la fenêtre, et parce que c'est une couche de forme, je peux faire des choses comme changer la couleur à ce que je veux ici, à l'intérieur d'After Effects. C'est génial. À ce stade serait une excellente idée de sauver. Vous voulez certainement prendre l'habitude d'économiser régulièrement, afin que vous ne perdiez aucun de votre travail. Donc, je vais enregistrer la commande S ou Ctrl S sur un PC, et je vais le mettre sur le bureau et je vais simplement renommer cette House_Build. Super. Maintenant, j'ai choisi de créer des œuvres d'art assez simples, géométriques et répétitives. Donc, je veux que mon animation corresponde à ce style dans la façon dont il se déplace. Donc, pour ces fenêtres, je vais vouloir qu'elles s'animent tous de la même manière. Je pourrais animer une fenêtre, la dupliquer trois fois de plus et avoir des calques pour chacune de ces fenêtres qui ne sont que des doublons l'une de l'autre, ou je pourrais regrouper ces trois couches ensemble dans une pré-composition, animer dans cette pré-composition, puis dupliquer la pré-composition quatre fois pour créer la même animation. L' avantage du pré-comp est que je peux éditer une animation et la faire refléter dans toutes les instances de cette comp. Alors, laissez-moi vous montrer ce que je veux dire. Je vais commencer par sélectionner ces panneaux de verre et cette fenêtre, juste l'outil de sélection en cliquant et Maj en cliquant sur les autres calques, puis je veux pré-composer ceux-ci. Donc, je vais monter à la couche, tout le chemin vers le bas, Pré-Composer. Je tiens à souligner qu'il y a un raccourci clavier juste ici. raccourcis clavier sont très utiles pour accélérer votre flux de travail dans After Effects Je vous encourage donc à commencer à apprendre et à mémoriser ces raccourcis clavier. Je les utilise tout le temps, mais je vous les montre juste dans le menu, pour que vous puissiez voir où ils sont maintenant. Mais ici, nous avons Shift Command C. Donc, si je les ai sélectionnés et appuyez sur Shift Command C, cela fera apparaître la boîte de dialogue pré-composer, et je peux donner un nom à ce nouveau comp. Donc, je vais appeler cette fenêtre supérieure, et « Déplacer tous les attributs dans la nouvelle composition » est génial, Ajuster la durée de la composition à la durée des calques sélectionnés est également génial. Je vais cliquer sur « OK » et maintenant cette boîte de sélection pré-comps correspond à la taille de mon document. Donc, si je double-clique sur ce pré-comp, je peux voir les trois de mes calques maintenant. Mais j'ai tout cet espace noir vide qui ne fait rien. J' aimerais vraiment garder mes illustrations plus propres à l'intérieur de cette comp, dans ma comp principale, au lieu d'avoir cette énorme boîte de délimitation avec tout cet espace vide. Donc, ce que je vais faire, c'est d'abord prendre un instantané de ma scène. C' est ce petit bouton juste là. Je vais juste cliquer dessus, et maintenant disons que je change quelque chose. Je peux maintenir ce bouton enfoncé, il montre un instantané, et aussi longtemps que je maintiens, ça me montrera à quoi ressemblait ma comp quand j'ai pris cet instantané. Alors, off et on. On y va. Donc, j'annule la commande C, et avec cet instantané enregistré, j'irai dans mon comp et je veux faire de mes comps dimensions la taille de cette fenêtre. Il y a en fait un moyen assez facile de le faire. Il utilise l'outil Région d'intérêt et c'est juste ici. Normalement, cela est utilisé pour rendre juste une partie spécifique d'une composition, mais vous pouvez réellement l'utiliser exactement comme l'outil de recadrage. Je fais juste la boîte de délimitation de la taille de la fenêtre. Je vais faire un zoom avant et fermer, c'est appuyer sur la touche Période du clavier pour zoomer, touche virgule pour zoomer. Je vais juste aligner ça gentil et fermer, en m'assurant de ne couper aucune de la fenêtre. Ça n'a pas besoin d'être parfait, mais quelque chose de très proche est génial. Ensuite, je passerai à Composition, « Crop Comp to Region of Intérêt ». Cliquez dessus et maintenant ma fenêtre est bien positionnée au centre de ce pré-comp. Mais si je retourne à mon bureau principal, la fenêtre est maintenant au centre de ce bâtiment. Ce n'est pas ce que je voulais, c' est exactement pour ça que j'ai pris un instantané. Donc, si je maintiens le bouton Afficher l'instantané enfoncé, je peux voir où cette fenêtre doit être maintenant, et je vais simplement cliquer sur Maj enfoncé et le faire glisser dessus. un zoom avant et fermez, puis affichez à nouveau cet instantané. Donc, il doit se déplacer vers la gauche. Donc, je le déplace vers la gauche, puis je le pousse vers le bas avec mes touches fléchées, et on y va. Il est aligné parfait. Ok, c'est génial. Passons à cette fenêtre. Je vais sélectionner toutes les couches qui composent cette fenêtre . Ensuite, Commande + Maj ou Contrôle + Maj + C et renommez cette fenêtre inférieure. Tous les autres paramètres sont géniaux. Cliquez sur OK et nous avons le même problème. Donc, je vais aller dans cette couche, définir ma région d'intérêt. En passant, je passe à l'outil de zoom très rapidement en appuyant sur Z sur le clavier. Cliquez une fois pour zoomer et maintenez l'option ou Alt enfoncée sur un PC, puis cliquez pour effectuer un zoom arrière. Ensuite, je maintiens sur la barre d'espace pour passer temporairement à l'outil manuel qui me permet de faire un tour autour de mon document. Donc, c'est comme ça que je vais entrer et sortir et autour de mes documents si rapidement. C' est juste d'autres façons d'accélérer votre flux de travail. Vous vous y habituerez lorsque vous utilisez After Effects plus souvent. D' accord. Alors, définissons la région d'intérêt ici. On va faire une boîte autour de la fenêtre, gentille et proche. Encore une fois, je ne veux rien arracher, donc c'est normal d'avoir un peu de marge. J' essaie d'être symétrique autant que possible autour de ces bords. Ensuite, j'irai à Composition, Crop Comp à Région d'Intérêt. Retourne à notre comp principal, et la fenêtre est là où elle ne devrait pas être. Maintenant, je pourrais utiliser à nouveau la fonctionnalité d'instantané, mais je veux profiter de cette occasion pour vous montrer une autre technique. Puisque nous avons toutes nos œuvres d'art originales ici, je peux juste trouver ce calque qui serait ces calques sont ce qui composent cet art. Donc, je vais les activer. Je ne peux pas les voir parce que ces deux couches ici les cachent, donc je vais les éteindre et l'arrière-plan aussi. On y va. Maintenant, nous avons ces calques originaux là où ils doivent être. Donc, je vais juste saisir cette fenêtre et l' aligner jusqu'à ce qu' elle corresponde exactement à la façon dont l'œuvre originale l'a fait. On dirait ça, c'est parfait. Si j'éteins cette couche et que je l'allume, vous pouvez voir que c'est presque mort. Donc, je vais appeler ça bon, désactiver ces calques et réactiver mes calques d'arrière-plan. Super. Maintenant, je n'ai pas besoin de faire plusieurs copies de cette porte, mais je veux garder cette pièce principale aussi propre et organisée que possible. Donc, je vais en fait sélectionner toutes les couches pour la porte. Donc, en commençant ici et en descendant vers le cadre de la porte, et je vais les précomposer aussi. Donc, Commande + Maj + C, Contrôle + Maj + C sur un PC et je vais nommer cette porte. Allez dans ce précomp en double-cliquant, puis définissez ma région d'intérêt. Je vais juste continuer ce processus pour tous les éléments que je veux exister sur une seule couche dans ma composition principale. Encore une fois, c'est juste pour l'organisation. Cela rend les choses beaucoup plus faciles à regarder et à traiter dans la comp principale. Donc, voilà ma porte, je vais l'abaisser avec le seuil. J' ai ça pour l'aligner en tant que guide, et puis je veux juste m'assurer qu'il est centré. Donc, je vais montrer mon instantané, et regarder ça, c'est parfait. Mort à droite au centre. Je vais faire la même chose pour la lampe parce que ça va être dupliqué. Donc, je vais sélectionner ces couches. Lampe précomposer. Définissez ma région d'intérêt. Encore une fois, cela n'a pas besoin d'être parfait tant qu'il est assez symétrique. J' essaie de mettre la même quantité d'espace sur les côtés en haut et en bas. Ensuite, je vais recadrer dans la région d'intérêt et repositionner ma lampe dans la composition principale. Assurez-vous que c'est bien et où il doit être. Je vais utiliser les touches fléchées pour le déplacer jusqu'à ce qu'il s'aligne avec cet instantané. Parfait. Ok, je vais préparer ce buisson parce qu'il a quatre doublons. Donc, Commande + Maj + C, buisson. Parfait. Ok, je pense que c'est bon pour l'instant. J' ai ma porte, mes fenêtres, le buisson, la lampe et tous ces autres éléments ne sont que des rectangles, donc je vais les laisser comme ils sont pour l'instant. Ensuite, je veux jeter un oeil à mon panneau de projet parce que vous pouvez voir que tous mes precomps apparaissent maintenant ici. C' est une autre partie d'After Effects que je veux garder organisée pour qu'il soit facile de naviguer dans le projet. Donc, je vais faire un nouveau dossier en cliquant sur ce bouton ici et je vais le renommer Precomps. Je vais prendre tous les précomps et les déplacer dans ce dossier. Maintenant, c'est sympa et organisé. J' ai mon comp principal ici et mon illustration Illustrator. Maintenant, que c'est organisé, je veux dupliquer les éléments qui peuvent être dupliqués. Donc, je vais commencer par les fenêtres supérieures. Pour cela, je vais utiliser l'illustration originale comme référence. Donc, je vais désactiver certaines de ces couches. Le revêtement et la garniture, je vais juste les cacher. Je vais cacher l'arrière-plan. Maintenant, j'ai cette couche 1 visible, qui est ce que je vais utiliser comme référence. Alors, zoomez bien et fermez ici. Ceci est mon précomp et ceci est le calque 1 d'Illustrator. Donc, je vais sélectionner ce précomp et le dupliquer en appuyant sur Commande + D ou Ctrl + D sur le PC. Donc, maintenant j'ai deux instances de ce même précomp. Ensuite, avec l'outil de sélection sélectionné, je vais cliquer sur Maintenir la touche Maj et faire glisser cette fenêtre jusqu'à ce qu'elle s'aligne avec ce calque. Donc, juste là, ça a l'air bien. Je vais tenir la barre d'espace pour parcourir la comp un peu et dupliquer à nouveau. Commande ou Contrôle + D, cliquez, maintenez la touche Maj enfoncée et faites glisser jusqu'à ce que ce soit aligné. Je vais le faire pour toutes les fenêtres. Maintenant, on y va un de plus, et on y va. Maintenant, toutes mes fenêtres sont recréées en utilisant juste ces précomps. Donc, si je solo ces, et voir que j'ai toutes mes fenêtres existant à partir de ces precomps maintenant. Je ferai la même chose pour cette fenêtre ici. Donc, je vais le dupliquer. Commande ou Commande + D, cliquez sur Maj et faites glisser. Déplacez, dupliquez, cliquez sur Maj et faites glisser, dupliquez cliquez sur Maj et faites glisser. Ça a l'air super. Ok, je vais faire la même chose pour cette lampe. Dupliquer, d'accord. Puis, enfin, ce buisson. Donc, dupliquez, déplacez-le. Dupliquer et un autre doublon. D' accord. On y va. Maintenant, j'ai tous ces éléments répétés recréés. Je peux désactiver le calque 1 et mon illustration est toujours là. Je vais activer ces éléments d'arrière-plan, et ma maison est complètement recréée à l'intérieur d' After Effects à l'aide de précomps et de calques de forme. Maintenant que j'ai tout mis en place, je peux vraiment me débarrasser de toutes mes illustrations Illustrator. Je n'en ai plus besoin. Donc, je sélectionne le premier calque, faites défiler vers le bas, maintenez la touche Maj et cliquez sur le dernier calque, puis appuyez simplement sur Supprimer. Maintenant, le contenu de ma composition ne sont que les couches qui me préoccupent réellement. Je vais appuyer sur Commande + S pour enregistrer ou Control S sur un PC. Souviens-toi, économise tout le temps. Maintenant, on peut commencer à animer ma maison. À ce stade, vous devez apporter votre illustration dans After Effects et la décomposer comme je l'ai fait. Si vous suivez avec moi et faites un bâtiment très similaire au mien, alors vous voulez probablement utiliser des précomps pour des choses répétées comme les fenêtres de mon bâtiment. Sinon, c'est bon. Assurez-vous simplement de garder toutes vos couches dans votre composition bien rangées, étiquetées correctement pour qu'il soit facile de naviguer et facile de voir ce que vous faites. Une fois que vous avez terminé avec tout cela, prenez une capture d'écran de votre pile de couches After Effects et publiez cela sur votre page de projet de classe afin que je puisse voir votre projet. Que nous pouvons passer à l'animation. 4. Le graphique de vitesse: C' est la section la plus importante de toute la classe. Je vais vous apprendre à utiliser l'éditeur de graphiques et tous les outils qui l'accompagnent. Donc, si vous ne l'avez pas déjà fait, c'est le moment de commencer à faire attention. Maintenant, je vais prendre un peu ceux qui sont de mon propre projet de classe, et j'ai mis en place une démo pour expliquer exactement comment fonctionne l'éditeur de graphe, et j'ai mis cette démo comme fichier de projet après effets à votre disposition pour télécharger, donc que vous pouvez jouer interactivement avec elle pendant que vous me regardez. Donc, je vais aller de l'avant et mettre ça dans les notes de cette vidéo. Vous pouvez également le trouver sous l'onglet de votre projet dans les pièces jointes, mais de cette façon, vous pouvez jouer interactivement avec l'éditeur de graphiques pendant que vous en apprendrez davantage. Donc, j'ai construit une démo ici qui va vous montrer un contour comme une trace de ce cercle se déplaçant à travers l'écran. Je vais mettre ce fichier de projet à votre disposition pour les téléchargements afin que vous puissiez jouer avec cela pendant que vous me regardez, et une fois que vous avez terminé avec la vidéo. Parce que je pense que c'est vraiment un excellent exercice de pouvoir comprendre comment vos objets se déplacent en fonction de la façon dont vous manipulez vos images-clés. Ainsi, vous pouvez trouver ce fichier de projet dans les notes de cette vidéo en ce moment, ainsi que sur l'onglet de votre projet dans les pièces jointes. Ne vous inquiétez pas de la façon dont j'ai fait cette démo en ce moment, je vais avoir une leçon bonus à la fin de la classe, si vous êtes vraiment intéressé par la façon dont j'ai fait ça, je vais vous montrer là-bas. Mais pour l'instant, il suffit de le considérer comme un guide. Il montre chaque image entre l'image zéro et l'image 30, comme le contour du cercle surligné. De cette façon, nous pouvons voir exactement comment cette balle bouge. Si je prévisualise, vous pouvez voir qu'il ne fait que voyager à travers l'écran. Cette animation a été générée avec seulement deux images clés de position. Première image clé définie à 200 pixels sur l'axe et à 1080 sur la deuxième image clé. L' axe des y ne change pas. C' est pour ça que ça ne bouge que de gauche à droite. Mes images clés sont linéaires. C' est ce que signifient ces petits diamants. Je vais me donner un peu plus de place. Mais c'est ce que ces icônes représentent, les images clés linéaires. Si vous avez passé du temps à animer à l'intérieur d'après effets, alors vous connaissez probablement le terme 'Easy Ease'. Si je sélectionne ces deux images clés, et faites un clic droit, descendez à l'assistant d'images clés, il y aura une facilité facile le raccourci clavier est F9. Si je clique dessus, mon diamant passe à ces formes de sablier, et mon animation est modifiée ainsi que le sentier. Nous voyons maintenant qu'il y a plus de cercles qui se chevauchent à cette fin et à cette fin, et le mouvement est légèrement lissé à l'avant de l'animation. Si je défais pour revenir au linéaire, vous pouvez voir qu'il est très droit, linéaire, statique. Si je refais Command Shift Z, ou Control Shift Z, nous avons ce petit peu d'assouplissement aux extrémités avant et arrière. Maintenant, c'est là que la plupart des gens qui entrent dans la conception de mouvement et après les effets s'arrêtent. Ils disent juste que toutes ces images clés, ça va le lisser et ce sera génial. Mais, tu prends ce cours parce que tu ne veux pas être comme n'importe quel autre concepteur de mouvement. Vous voulez comprendre comment contrôler votre mouvement, et la clé de l'apprentissage qui est à travers l'éditeur de graphiques. Donc, nous pouvons ouvrir l'éditeur de graphes en arrivant à cette petite icône juste ici. Vous voyez, éditeur de graphique, je vais cliquer dessus, et ici nous avons une ligne pliée, c'est en forme de cloche, et un graphique, et quelques chiffres, et ça peut sembler un peu déroutant. Mais ne vous inquiétez pas, je vais tout décomposer et vous expliquer tout ce que vous devez savoir pour profiter de cet outil. La première chose que je dois souligner, est qu'il y a en fait deux types de graphiques dans l'éditeur de graphiques. Donc, si vous jouez avec un éditeur de graphiques pendant que vous regardez ceci, votre graphique peut sembler différent du mien. En fait, il aura probablement l'air différent de la mienne, mais la vôtre pourrait ne pas être cette belle courbe en forme de cloche. Si je viens à cette petite liste déroulante ici, je peux choisir le type de graphique. Maintenant, par défaut, il est défini sur la sélection automatique du type de graphe, car certains graphiques ont tendance à mieux fonctionner avec certains types de propriétés, donc après les effets suggère quel type de graphique il pense que vous voulez utiliser. Il se trouve que c'est le graphe de vitesse. Donc, si je choisis le graphique de vitesse, il reste le même. Mais, nous avons une autre option, le graphique des valeurs. Si je clique dessus, ça a l'air différent. Nous avons des couleurs, nous avons cette forme S, puis la ligne droite. Encore une fois, tout ça peut être un peu déroutant, mais je vais le décomposer. Commençons par le graphique de vitesse. Puisque nous sommes sur la propriété position, et après que les effets ont été définis par défaut, parlons de ce que cela représente. Eh bien, ces deux points ici représentent nos images clés. Je peux sélectionner l'un d'entre eux, et éteindre l'éditeur de graphiques, et de nouveau, et vous pouvez voir que dans la timeline, ils sont au même point que ces images clés. Donc, c'est facile à retenir. Ces carrés sont exactement les mêmes que ces icônes de sablier. Ce sont des images clés. Cette courbe en forme de cloche nous dit à quelle vitesse cette balle se déplace à un moment précis dans le temps. Il mesure les pixels par seconde qu'il se déplace au fil du temps. C' est pourquoi cela s'appelle le graphe de vitesse. Dans la propriété position, elle mesure la vitesse des pixels au fil du temps, sur la propriété de rotation, vous mesureriez les degrés au fil du temps et sur la propriété scale, elle mesure le pourcentage dans le temps. Mais avec toutes ces propriétés, la valeur qu'il mesure réellement est la vitesse. Alors, voyons si on peut lire ce graphique. C' est une forme de cloche. Ici, on voit un zéro. Si je mets en surbrillance cette image clé, nous obtenons un pop-up qui dit à l'image zéro, qu'elle voyage à zéro pixels par seconde. Ainsi, le point d'ancrage de l'image-clé est bas à cette ligne de base de zéro. D' accord. C'est logique, car au début de notre animation, la balle ne bouge pas. Donc, il se déplace à zéro pixels par seconde, et au fur et à mesure que l'animation continue, la vitesse monte . Donc, le par image six, il se déplace d'environ 846 pixels par seconde, puis en haut à l'image 15, nous le déplaçons comme 1300 pixels par seconde. À ce moment-là, c'est le voyage le plus rapide. Donc, c'est accéléré à cette vitesse, et la forme de la cloche commence à redescendre. Donc, nous pouvons prédire que cette balle va ralentir à mesure qu'elle approche de la dernière image-clé qui se termine à zéro pixels par seconde. C' est aussi simple que ça. Le graphique de vitesse vous indique simplement à quelle vitesse l'objet se déplace entre les images clés. C' est ce qu'on appelle l'interpolation. C' est ce qui rend l'animation si facile à l'intérieur d'un programme informatique, parce que vous pouvez juste dire après les effets, commencer par la balle ici à l'image zéro, et ici à l'image 30, et entre les deux, vous faites le reste. Il comble toutes ces lacunes. Mais l'éditeur de graphiques vous permet de choisir comment il interpolation entre ces deux valeurs. Donc, si vous regardez à nouveau l'image-clé, j'ai celle-ci sélectionnée. J' ai aussi cette poignée. C' est ce qu'on appelle une poignée d'influence. Si je clique et que je le fais glisser vers la droite, forme de ma cloche change, et vous pouvez voir que ma trace est également mise à jour. Alors, laisse-moi jouer ça. Vous voyez que maintenant il faut beaucoup plus de temps pour passer à travers l'écran. Encore une fois, nous pouvons lire ce graphique. Il démarre à zéro, prend plus de temps pour accélérer, et maintenant c'est autour de 20 images qu'il est à sa vitesse maximale, et il est beaucoup plus rapide que 1300, il est maintenant à 1780 pixels par seconde, puis il ralentit assez brusquement. Si j'ai attrapé cette poignée d'influence et la traîner vers la droite, ça va être encore plus un arrêt brutal. Si je fais ça pendant que nous pouvons voir la piste, vous pouvez vraiment voir comment cela affecte chaque image. Donc, c'est comme ça que vous affinez le mouvement en utilisant le graphe de vitesse. Mais ces images clés n'ont pas besoin de commencer à zéro pixels par seconde. Si je clique et fais glisser vers le haut sur cette poignée, vous pouvez voir que je pourrais lui dire de commencer à une vitesse de 1 000 pixels par seconde. Maintenant, ça va être le plus rapide au début, puis se réduire vers le bas vers la fin. Vous pouvez sortir cette poignée un peu, et maintenant nous avons tout un tas de cadres regroupés près de la fin et il arrive à un bon arrêt. Si je prends cette poignée et la déplace jusqu'à la gauche pour qu'elle n'ait pratiquement aucune influence sur la courbe, alors elle sera plus rapide sur la première image, et ralentira jusqu'à la vitesse de repos de zéro. Je peux exagérer cela encore plus, et maintenant entre ce cadre et ce cadre, vous pouvez voir qu'il n'y a même pas de chevauchement. Rejouons ça et voyons à quoi ça ressemble. Maintenant, il commence à voyager très vite, et arrive progressivement à ce point de repos. Je pourrais inverser cela très facilement, je vais prendre toute l'influence de celui-ci, tout remettre dans celui-ci, et maintenant cette vitesse est inversée. Il démarre très lentement, et décolle à la fin de l'animation. Maintenant, je veux revenir à mes images clés linéaires. Je pourrais le faire en sortant de l'éditeur de graphiques et Commande ou Contrôle en cliquant sur les images clés, ou, sans quitter l'éditeur de graphiques, je pourrais simplement maintenir l'option ou Alt enfoncée et cliquer sur ces images clés. Maintenant, mon graphique n'est pas incurvé du tout. C' est une ligne droite. Si vous y pensez, cela a du sens, car les images clés linéaires ont une vitesse constante. Il y a une distance égale parcourue entre chacune de ces images, ce qui m'amène directement à mon point suivant, qui est le timing versus l'espacement, et ce sont deux concepts d'animation fondamentaux qui se rattachent directement à l'éditeur de graphiques et la façon dont les choses se déplacent à l'intérieur d'After Effects. Timing est la distance entre les images clés. Littéralement, où nous avons chronométré ces deux images clés. C' est pourquoi il s'agit d'une icône de chronomètre, elle vous permet d'attribuer une valeur spécifique à n'importe quelle propriété à un moment donné. Donc, à frames zéro, je l'ai défini à cette valeur, à frame 30, je l'ai défini à cette valeur. C'est mon timing. L' espacement est ce que l'interpolation dont nous avons parlé est. C' est toutes les images entre ces deux points dans le temps. Parce que mes images clés sont linéaires, l'espacement est parfaitement homogène dans chacune de ces images. La balle se déplace à une distance égale entre chacune des images. Si je me soulage. Maintenant, l'espacement est différent, il y a moins d'espacement entre les images sur les extrémités avant et arrière de l'animation, et plus d'espacement entre les deux. Si j'ouvre mon éditeur de graphes, et est-ce un peu, alors je suis vraiment affecter l'espacement. Donc, il y a un tas d'espaces entre ces cadres ici au milieu et à peine aucun écart entre les cadres à l'avant et à l'extrémité arrière. Donc, je vais jouer ça, on obtient une animation beaucoup plus lisse. La chose à laquelle vous devez penser, est que le timing n'a pas changé du tout. À l'image zéro, est la première image, et à l'image 30, la deuxième image clé. Tout ce qui a changé, c'est l'espacement entre ces deux images clés. Laissez-moi vous montrer ce que je veux dire. J' ai une autre comp ici mis en place avec cette même comp facile que je viens de faire les ajustements, ainsi qu'un autre duplicate où nous avons seulement un mouvement linéaire. Donc je vais agrandir ça, donc c'est sympa et facile à voir, et je vais jouer ça. Le but de ceci est de vous montrer que le timing de ces deux animations est identique. Ils commencent tous les deux à zéro et se terminent à 30, mais l'espacement est complètement différent, et vous pouvez voir à quel point cela affecte le mouvement réel. C' est exactement pourquoi il est si important de savoir comment utiliser l'éditeur de graphiques. Parce que vous pouvez prendre deux images clés et produire quelque chose qui semble totalement différent des images clés par défaut et linéaires. Maintenant, si je suis retourné dans ma composition de démo, et j'ai ajusté cela pour que peut-être cela ne se termine pas aussi bien, ça commence beaucoup plus lisse et se termine plus brusquement, nous pouvons revenir en arrière et encore voir que le timing n'a pas changé, seul le espacement. Ces deux couches commencent et se terminent exactement dans la même position. Cela vaut pour n'importe quelle propriété, il n'a pas seulement à être positionné. Le timing et l'espacement s'appliquent à tout ce qui concerne les images clés, et c'est pourquoi il est si important de savoir comment utiliser l'éditeur de graphiques. J' aime beaucoup utiliser le graphe de vitesse. Il y a une certaine controverse là-bas quel type de graphique est le meilleur, et je vous encourage fortement à ne pas privilégier l'un sur l'autre. Ils ont tous les deux des avantages et des inconvénients, et peuvent faire des choses que l'autre ne peut pas. Donc, il est très important que vous compreniez comment utiliser chacun, afin que vous puissiez savoir quand utiliser chacun. 5. Le graphique de valeur: Passons maintenant au graphique des valeurs. Donc, descendez à ce menu et dites modifier le graphique de valeur. Rappelez-vous que nous revenons à nos images clés linéaires et que nous voyons quelque chose de différent dans notre graphique. La plus grande différence est que nous avons maintenant deux lignes différentes et il y a deux couleurs différentes. C' est quelque chose qui est un peu déroutant dans le graphique de valeurs, lorsque vous travaillez avec une propriété qui a plusieurs valeurs comme la position ou l'échelle, le graphique de valeurs va montrer ces deux valeurs. Donc, nous voyons cette ligne verte et cela représente la position Y, comme je le mets en surbrillance, vous pouvez voir la position Y dans cette boîte pop-up, et la ligne rouge est une position X. C'est génial. Laissez-moi sélectionner ces images clés en cliquant et en faisant glisser, puis je vais les convertir en facilité, F9 sur le clavier, et maintenant j'ai cette courbe de forme S pour le rouge et ma ligne verte est toujours droite. Encore une fois, parce qu'il n'y a pas de mouvement de position Y, cette ligne reste complètement plate. Mais ma ligne rouge, la position X, est cette forme de S. Alors, pourquoi est-ce une forme S et la courbe de vitesse une forme de cloche ? Eh bien, c'est parce que le graphe de vitesse mesurait la vitesse ou la vitesse dans le temps et que le graphique de valeurs mesure la valeur au fil du temps. Donc, si vous vous souvenez, j'ai dit que la balle commence à une valeur de 200 pixels sur l'axe X. Donc, voilà, nous avons cette première image clé 200 pixels puis sur la dernière image clé, c'est à 1080, et ici nous voyons cette image clé à 1080. Nous pouvons regarder nos unités et voir que nous avons 500 pixels 1.000 pixels. Donc, ici à 200, c'est là que la première image clé sur la position X est que, a sens et que le temps passe, elle finit à 1 080 pixels. Espérons que ça a du sens pour vous, ce n'est pas si compliqué une fois que vous le comprenez. Le graphique de vitesse mesure la vitesse dans le temps, le graphique de valeur mesure la valeur au fil du temps. Une fois que vous comprenez cela, vous pouvez vraiment commencer à prédire ce qui se passe avec vos animations simplement en regardant la courbe. Donc, je faciliterais mes images-clés et je peux voir qu'il commence à une valeur de 200 et se relâche de cette valeur, il voyage le plus vite, change la valeur le plus rapidement entre ces deux points, puis il commence à ralentir à ce 1080 position. Maintenant, j'ai cette première image clé sélectionnée et vous remarquerez que je n'ai pas de poignées pour manipuler cette courbe, et pourquoi est-ce ? Eh bien, c'est une autre partie du graphique de valeurs qui est un peu déroutante au début et parfois assez frustrante, et la raison en est qu'il se comporte différemment avec différentes propriétés. Pour une raison quelconque, je ne suis pas en mesure de modifier cette courbe avec la propriété position qui a les deux valeurs ensemble. Cependant, si je fais un clic droit dessus et que je dis des dimensions séparées, j'ai maintenant une propriété de position X et une propriété de position Y, et ils sont mis en surbrillance avec la couleur que l'éditeur de graphique leur a assignée. Donc, ma position X est rouge, ce qui est plus facile à identifier et la position Y est verte. Super, je n'ai pas besoin de me préoccuper la position Y en fait, je n'ai même pas besoin d'images clés sur la position Y donc je vais la sélectionner et appuyer sur le chronomètre pour enlever ces images clés. Ensuite, je vais sélectionner la position X, sorte qu'elle apparaisse dans mon graphique et jeter un oeil à cette courbe. Maintenant, avec ces images clés sélectionnées, j'ai accès à ces poignées. Maintenant, ils ont été foirés quand j'ai divisé les dimensions, donc j'ai besoin de les soulager à nouveau. Je vais appuyer sur F9 sur le clavier et maintenant que la courbe en forme de S est de retour. Lecture S pour que nous puissions voir l'animation et tout comme avec le graphique de vitesse, je peux saisir une de ces poignées et le faire glisser. Mais pendant que je fais cela, vous remarquerez qu'il ne reste pas horizontal comme l'était le graphe de vitesse. Je suis capable de le déplacer de haut en bas aussi. Si je maintiens le décalage, il restera horizontal, sorte que cela peut être pratique, mais ne pas tenir le décalage vers le bas me donne un peu plus de flexibilité. Si je veux que cela finisse à une position de repos, c'est très agréable et lisse, je maintiendrai rétrogradation et maintiendrai cette position horizontale. En faisant glisser ça, vous pouvez voir tous ces cercles se regrouper sur le côté droit. Je vais vraiment exagérer cela sur ces deux poignées et le lire. Maintenant, j'ai cette courbe de S extrême et vous pouvez voir comment ça a vraiment affecté mon mouvement. Si je devais saisir cette poignée supérieure et la faire glisser vers le bas pour qu'elle soit plus d'une forme comme celle-ci, vous pourriez voir que presque tous les cercles sont sur le côté gauche maintenant. Si je joue ça, nous avons le même mouvement d'assouplissement de cette position de repos à une vitesse très rapide. Si je clique dessus et que je le fais glisser vers le haut au-delà de ce point de fermeture supérieur et voir que ces cercles tirent maintenant sur le côté droit. Alors, rejouons ça et voyons ce qu'il fait. Maintenant, en fait, ça va au-delà de cette valeur de 1 080, ici vous voyez que c'est autour de 1 150 avant de descendre. Il a fait la même chose avec cette poignée si je l'attrape et la traîne vers le bas, c'est vraiment pousser un tas de ces cercles vers la gauche. Ils ont ce mouvement complètement différent juste d'éditer ma courbe. Je vais cliquer et faire glisser tout en maintenant la touche Maj pour rattraper ces derniers à être parfaitement horizontaux. Maintenant, revenons au graphe de vitesse et comparons les courbes. Donc, ici, j'ai cette courbe de cloche qui est agréable et pointue, puis sur le graphique de valeurs j'ai cette courbe de S. Encore une fois, nous pouvons les lire tous les deux pour interpréter la vitesse. Démarre à zéro valeur d'arrêt, accélère très rapidement au milieu, puis ralentit immédiatement en position de repos. Sur le graphique des valeurs, nous examinons une valeur. Donc, il commence à une faible valeur de 200, la valeur commence à changer lentement puis très rapidement puis ralentit à nouveau reposant à 1080. Maintenant, voici quelque chose d'intéressant. Si je sélectionne ces images clés, faites un clic droit dessus, accédez à l'assistant d'images clés et dites images clés inversées, maintenant ma courbe S est mise en miroir. Donc, il commence à une valeur plus élevée et descend à une valeur inférieure. Donc, ça a du sens avec le graphique. Il commencerait à une valeur plus élevée, puis se déplacerait vers le bas plutôt que vers le haut. Je vais jouer ça en arrière et maintenant il se déplace de droite à gauche au lieu de gauche à droite et si je retourne à mon graphique de vitesse, ma courbe de cloche est à l'envers et la raison en est que la vitesse se déplace à un niveau négatif vélocité. Maintenant, vous ne pensez pas généralement à la vitesse dans les valeurs négatives, mais la raison en est qu'après les effets est de baser tous ces graphiques sur les pixels de composition. Donc, par ici, nous sommes à une valeur de 1080 et par ici, nous avons lu une valeur de 200. Donc, il mesure la vitesse du changement de valeur, et comme il passe d'un nombre plus élevé à un nombre inférieur, il interprète cela comme une vitesse négative. La courbe est exactement la même forme, elle est juste inversée. Je vais me défaire pour retourner là où j'étais. 6. Trajectoires et cadres-clés déplaçables: Maintenant, je pourrais revenir à ma chronologie et juste ajouter une autre image clé allant à un cadre et en cliquant ici ou dans l'éditeur de graphique, je pourrais en fait simplement passer à l'outil de stylo qui est G sur le clavier et cliquer n'importe où sur ce graphique pour ajouter un cadre clé supplémentaire. Maintenant qu'il est là, je peux revenir à mon outil de sélection V sur le clavier, puis ajuster les poignées d'influence comme je le souhaite. Donc, si je veux peut-être espacer ça un peu plus longtemps et que ça prenne plus de temps pour monter à cette vitesse, c'est comme ça que je peux le faire ou si je veux devenir fou et que ça aille partout, je pourrais le faire glisser jusqu'à un négatif vélocité et si je passe à mon graphique de valeurs, nous pouvons voir à quoi ça ressemble. Cela a ajouté un autre cadre clé juste ici au milieu. Je peux saisir ces poignées et les déplacer pour ajuster très précisément la façon dont cette interpolation se produit entre ces images clés. Maintenant, avec le graphique de valeurs, je peux réellement casser ces poignées. Si je retourne à mon outil plume, G sur le clavier, et maintenez l'option Alt sur un PC, qui passe à mon outil Vertex, je peux cliquer et faire glisser sur ces poignées. Maintenant qu'ils sont cassés, je peux juste sélectionner l'autre clic et faire glisser et maintenant j'ai un mouvement très fou à la recherche. Maintenant, ce n'est peut-être pas du tout ce que vous voudriez, mais c'est quelque chose dont vous devez être conscient. Il vous donne beaucoup de flexibilité dans la façon d' interpoler les valeurs entre vos images clés. Si vous voulez que ces poignées soient rattrapées ensemble, suffit de maintenir l'option enfoncée, cliquez et faites glisser et elles seront à nouveau verrouillées ensemble. Vous pouvez également cliquer une fois sur une image clé et maintenant ces poignées n'auront aucune influence sur le changement de valeur. Je vais revenir à l'endroit où nous avions cette trame clé folle et juste comparer ça au graphique de vitesse. Donc, ici, nous pouvons voir cela semble complètement fou mais la façon dont cela fonctionne ici est que nous avons des poignées d'influence de chaque côté de ce cadre clé qui est entre deux autres que nous pouvons fonctionner indépendamment. Encore une fois, vous pouvez diviser les poignées d'influence d'une image clé en maintenant l'option ou Alt enfoncée et en cliquant sur cette image clé. Cliquez une fois pour les rejoindre, cliquez à nouveau pour les séparer. Donc, je peux les garder séparés comme ça ou lier l'influence pour que ce soit agréable et lisse entre ces poignées. Il les ajuste toujours correctement, mais l'influence entrante et sortante sera très similaire si elles sont bloquées ensemble comme ça. Comme vous commencez à envelopper la tête autour de ces deux graphiques, il peut également être utile d'utiliser le graphique de référence. Comme cliquer dessus. Ça va vous montrer les deux graphiques à la fois. Celui que vous n'utilisez pas sera la référence. Donc, j'ajuste le graphe de vitesse pour qu'il me montre le graphique de valeurs en arrière-plan. Je ne peux pas l'éditer, mais si j'apporte des modifications au graphe de vitesse, nous pouvons voir comment cela affecte le graphique de valeurs. Si je passe à mon graphique de valeurs, je peux faire la même chose. Ajustez ces poignées et voyez comment elles affectent le graphique de vitesse. C' est une excellente façon de comprendre et d'interpréter la façon dont les deux graphiques sont affichés. Je vais désactiver mon graphique de référence, supprimer cette trame clé, puis tirer cette poignée vers le haut. Maintenant, pendant que je fais ça, vous pouvez voir que mon graphique fait automatiquement défiler vers le haut, donc ça me donne un peu plus de place. Mais parfois cela peut être difficile à travailler. Si j'annule et change cette valeur de 1080 vers le bas pour dire 300, vous pouvez voir que ma courbe n'a pas changé, mais que les unités graphiques l'ont. Maintenant, il n'est affiché qu'entre 200 et 300 pixels. Donc, si je clique et fais glisser cette poignée et la déplace vers le haut, elle se déplace à peine au-delà de ce point de repos. Pour contourner cela, je peux décocher ce bouton de hauteur du graphe de zoom automatique. Ce que cela me permet de faire est simplement zoomer en utilisant les outils de zoom. Donc, si j'appuie sur Z sur le clavier, maintenez l'option ou Alt, je peux cliquer et vous pouvez voir que zoome verticalement sur mon éditeur de graphique et maintenant je peux revenir à mon outil de sélection, V sur le clavier, et cliquez et faites glisser beaucoup plus dramatiquement. Donc, cela me donne la possibilité de simplement zoomer ou avant si je préfère zoomer plus librement et tout comme à l'intérieur de ma courbe, maintenez la barre d'espace enfoncée pour faire un tour autour de ce graphique. Je vais le retourner pour qu'il garde juste ça sympa et centré et ensuite remettre mes valeurs là où elles étaient. Ensuite, je veux parler un peu de la trajectoire du mouvement et de la façon dont cela joue dans tout cela. Si vous n'êtes pas familier, ici, cette petite ligne bleue est la trajectoire du mouvement. La raison pour laquelle c'est bleu, c'est parce que ma couche est bleue. Si j'ai changé la couleur de l'étiquette en vert, elle sera verte. La trajectoire de mouvement est une représentation de la position de ce calque dans le temps. Chacun de ces points est un cadre. Les carrés ouverts aux extrémités représentent les images clés. Si je clique dessus, vous pouvez voir qu'ils sont sélectionnés ici dans ma chronologie. En parcourant cette animation, vous voyez que le point d'ancrage de mon calque est aligné avec chacun de ces points. C' est ce que ces points représentent. Si j'ajuste mes graphiques de vitesse ou de valeur, vous pouvez voir que ces points sont également regroupés exactement de la même façon que mes sentiers l'étaient. C' est donc une façon de lire le mouvement de votre chemin. C'est génial. Comme il est maintenant, c'est vraiment juste pour référence. Ça ne fait pas grand-chose pour moi ou ne me donne plus de contrôle. Mais si je clique avec le bouton droit de la souris sur ma position et décoche les cotes séparées, je suis retourné à mes cadres clés linéaires et je ne peux plus ajuster mon graphique de valeurs. Mais si je passe à mon graphique de vitesse et que j'ajuste ces poignées, vous pouvez voir que cela met à jour ma piste et ma trajectoire de mouvement. La bonne chose à ce sujet est que je peux maintenant contrôler le chemin que mon cercle prend entre ces deux images clés comme si je dessinais un chemin avec l'outil plume. Donc, si je passe à mon outil plume et que je surbrillance sur la première image clé, vous voyez qu'il passe à mon outil Vertex. En cliquant et faites glisser, cela va me donner une poignée comme n'importe quel chemin vectoriel, tout comme mon graphique de valeurs, il se comporte exactement la même chose. Je suis maintenant capable de contrôler le chemin que cet objet prend entre les deux images clés et comme je le fais, vous pouvez voir que peu de changements dans mon graphique de vitesse du tout. Peut-être un peu sur cette vitesse Max, mais rien de trop. Si je rejoue ça, mes cadres clés sont exactement les mêmes. Les valeurs sont toujours définies à 210 80 sur l'axe des x. Ils sont assouplis en fonction du graphe de vitesse, mais il va dans cette forme S au lieu d'une position linéaire à gauche et à droite. C' est donc un avantage à garder votre position verrouillée. Vous pouvez animer des objets à l'aide de la trajectoire de mouvement. Si c'est important pour vous, alors vous allez devoir vous habituer à utiliser le graphe de vitesse parce que comme je l'ai dit, vous ne pouvez pas ajuster la trajectoire de mouvement avec les cotes de position séparées. Si je sépare les dimensions, je perds ces poignées. Je ne peux plus les ajuster. Cependant, cette motion est toujours conservée. La raison en est qu'il est généré des images clés pour la position x et y. Donc, maintenant si nous regardons l'éditeur de graphique pour juste la position y et que je passe au graphique de valeurs, vous pouvez voir qu'il change d'une valeur de 360 à 315 à 420, puis à 360 alors qu'avant cela était juste linéaire. Donc, si vous avez besoin d'utiliser le graphique de valeurs mais que vous voulez toujours être en mesure de contrôler le chemin que prend votre objet, c'est ainsi que vous allez le faire. Vous allez probablement vouloir sélectionner à la fois les positions x et y, vous pouvez les voir à la fois et ensuite je vais juste commencer par tout assouplir. Donc encore une fois, c'est juste voyager dans un chemin linéaire mais je veux me déplacer dans ce chemin sinueux à nouveau. Alors sélectionnez ma position y, prenez une des poignées et faites-la glisser vers le bas, puis prenez l'autre poignée et faites-la glisser vers le haut. Maintenant, c'est, à mon avis, un peu plus difficile à manipuler et à le faire se comporter exactement comme vous le souhaitez parce que vous devez jouer avec quatre valeurs différentes. Les images clés entrantes et sortantes pour les positions x et y. J' ai quelque chose qui fonctionne assez bien mais ça ne facilite pas très bien à la fin donc je devrais jouer un peu plus avec cela et c'est pourquoi je dis qu'il est juste important de connaître les deux graphiques, comment ils se comportent avec des propriétés différentes, quelles sont leurs limites et quels sont leurs avantages , car alors vous pouvez savoir quand utiliser quel graphique. Si j'essayais de faire ce genre d'animation, je ne séparerais jamais les dimensions. Je les gardais verrouillés, je faciliterais mes cadres clés et ensuite j'ajustais ma trajectoire de mouvement. Exactement comme je l'ai fait avant. Donc, je vais juste sélectionner cette poignée sur ce cadre clé, faire la même chose ici et très facilement, je suis capable de manipuler où ce cercle se déplace le long de ce chemin. C' est donc une chose très importante à garder à l'esprit. La prochaine chose dont je veux parler est appelée une trame clé Rove. Donc, je vais commencer par juste rendre toutes mes images clés linéaires à nouveau, débarrassant de ces poignées de trajectoire de mouvement pour qu' il se déplace juste en ligne droite à nouveau. Disons que je veux ajuster ce chemin de mouvement mais cette fois en utilisant un cadre clé au lieu des poignées. Disons que ces poignées ne me donnaient pas exactement ce que je voulais. Je veux que le ballon descende ici entre ces deux cadres clés. Donc, je viens de cliquer et de le faire glisser. Il génère une image clé et maintenant je peux la lire et elle tourne d'une image clé à l'autre. Si je sélectionne les deux cadres clés externes et les facilite facilement, la première trame clé va sortir de cette valeur et aller à cette trame clé, puis cet assouplissement sera ignoré car il arrive de l'autre côté de la trame clé et passer d'une trame clé linéaire à une trame clé Est. Joue ça en arrière. Ce n'est pas un mouvement très continu. Si j'essaie d'assouplir celui-ci, alors il va faciliter cette position et ensuite s'en sortir. Mais je veux juste qu'il y ait cette belle motion qui coule entre ces deux points. Eh bien, la première chose que je dois faire est de rendre mon chemin de mouvement agréable et lisse. Donc, je vais passer à l'outil plume, G sur le clavier, cliquer une fois sur cette image clé pour lisser automatiquement cette courbe et ensuite peut-être juste l'ajuster un peu. D' accord. Donc le chemin qu'il prend est génial, mais le timing est éteint. Je n'aime pas la façon dont ça ralentit jusqu'à cette position avant de partir ici. Je veux que ce soit un mouvement continu presque comme si cette trame clé n'était pas là. Je veux juste utiliser ceci comme une valeur sur ma trajectoire de mouvement. Eh bien, une façon de le faire est de maintenir la commande ou le contrôle sur un PC et cliquer sur l'image clé veut la rendre linéaire et une fois de plus pour en faire un cercle. C' est ce qu'on appelle une image clé Bézier automatique et ce qu'il fait est essayer de lisser la vitesse entre ces images clés afin qu'il fasse un très bon travail. C' est beaucoup plus lisse que cette trame de clé linéaire et beaucoup plus lisse que cette trame clé Est. Donc c'est génial. Mais passons dans l'éditeur de graphique et passons au graphe de vitesse pour voir à quoi cela ressemble. Ce n'est pas très lisse. Comme je l'ai dit, c'est plus lisse et encore une fois si j'ai fait ce linéaire en cliquant sur l'option, vous pouvez voir comment cela n'a vraiment pas l'air lisse. Ça casse les poignées et ça ne marche pas. Si je me soulage facilement, il se résume à une position de repos. Je ne veux pas ça. Donc, je suis de retour à ma voiture Bezier et je vais utiliser ça comme point de départ. C' est comme une façon d'avoir une idée approximative de l'endroit où l'assouplissement devrait être pour ce cadre clé et ensuite je vais juste tirer sur cette poignée d'influence et peut-être tirer celui-ci juste un peu et maintenant j'ai ce beau mouvement fluide lisse. On dirait presque qu'il n'y a aucun point ici où il y a un cadre clé. C' est génial. Mais, et si je te disais qu'il y a un moyen encore plus facile de faire ce genre d'émotion ? Si je retourne dans ma chronologie, faites clic droit sur l'image clé et descendez pour parcourir le temps, mon image clé devient plus petite. C' est un cercle donc ça ressemble beaucoup à Auto Bezier et ça se déplace. C' est même pas sous l'endroit où je l'ai mis. Si je retourne à mon éditeur de graphique, j'ai encore cette courbe de forme de cloche parfaite et ce cadre clé Rove est juste ici. C'est ce cercle. Regardez ce qui se passe si j'ajuste ma courbe. est automatiquement déplacé à l'endroit où il doit se trouver, afin de maintenir la vitesse entre ces deux images clés. Donc ce que Rove à travers le temps fait efficacement, c'est ce que j'avais déjà expliqué. Il prend la valeur de position que j'ai définie pour cette fréquence d'images clé ici et l' intègre dans l'interpolation entre les deux images clés de chaque côté de celui-ci. Donc, il ne fait attention à aucune des informations de vélocité en fait, je ne peux pas ajuster aucune des informations de vélocité. Il ne tient que sur les données que j'ai mises dans la trajectoire de mouvement. Donc, si je clique et que je le fais glisser, vous pouvez voir comment cela affecte ma courbe. En fait, ça n'affecte pas du tout la courbe, c'est juste se déplacer le long de la courbe. Donc, je peux rendre cette courbe aussi farfelue que je le veux et elle aura toujours la même vitesse entrante et sortante, basée sur ces deux images clés. La grande chose à ce sujet est que vous pouvez réellement ajouter plusieurs rove à travers l'image clé temporelle. Donc, si j'ajoute une autre image clé ici, clic droit et dites rove à travers le temps, maintenant j'en ai deux et je peux ajuster le chemin de mouvement comme je veux, peut-être rendre cela un peu plus agréable et être très précis sur la façon dont la motion se joue dans ma composition tout en contrôlant toujours la vitesse avec ces images clés de début et de fin. Ce sont tous des concepts très importants à comprendre et peuvent rendre votre vie beaucoup plus facile lors de l'animation des choses. 7. Utiliser l'éditeur de graphiques avec d'autres propriétés: Bon, maintenant que nous avons fait toute cette animation de position, jetons un oeil à l'une des autres propriétés. Je vais monter l'échelle et définir quelques images clés. Nous allons commencer par la baisser pour dire 50, définir une image clé, puis passer à cette image 30 et la retourner à 100. Donc, maintenant que la balle est en train de monter à l'échelle tout en se déplaçant à gauche et à droite. Super. Et si je soulage facilement ces images clés, nous pouvons voir que la facilité se reflète, ce n'est plus parfaitement linéaire. Si je vais dans mon éditeur de graphique, je vois un graphique de vitesse et il se comporte exactement de la même manière que le graphique de position. Au lieu de pixels au fil du temps, il mesure le pourcentage au fil du temps, donc je peux l'augmenter ou le diminuer, comme je le veux. Et maintenant, le changement d'échelle sera plus dramatique ici. Vous voyez que cela accélère beaucoup et si je passe au graphique des valeurs, j'ai la même courbe S. Maintenant, ce qui est intéressant à ce sujet est que je n'ai qu' une courbe pour deux valeurs et c'est l'une de ces instances où le graphe de valeurs est assez déroutant parfois parce que sur la valeur de position, je ne peux pas modifier cela à tous. J' ai toujours deux lignes, je dois séparer les dimensions si je veux utiliser le graphique de valeurs. Cependant, sur la propriété scale, je peux simplement continuer à éditer cela comme s'il s' agissait d'une seule valeur et cela fonctionnera toujours. Mais si je décoche le bouton des proportions de contrainte, sorte que je puisse changer indépendamment l'échelle x et y. Maintenant, si je sélectionne cette image-clé et que je clique et que je fais glisser, j'ai soudainement deux lignes et l'échelle x sera toujours en haut. Donc, si je sélectionne tout et juste facilité , ils sont tous superposés les uns sur les autres. Si je veux ajuster juste l'échelle y, je dois d'abord déplacer l'échelle x hors du chemin et ensuite je peux faire ce que je veux à l'échelle y. C' est un peu ennuyeux et quelque chose que vous avez juste à faire face. Malheureusement, vous ne pouvez pas séparer les cotes sur une échelle comme vous le pouvez avec la position. Mais quelque chose à noter, c'est que maintenant que j'ai ce genre d'échelle bizarre qui se passe, tu vois, ça va dans un ovale ici et peut-être que je vais même exagérer encore plus, nous avons une animation bizarre qui se passe. Je peux maintenant lier ces propriétés ensemble, ces proportions, et si j'ajuste l'une des poignées, cela affecte les deux. Ainsi, vous pouvez à tout moment lier et dissocier ces valeurs, et même si elles sont liées et que vous facilitez facilement les images clés, il les alignera toutes correctement. Et si nous revenons au graphe de vitesse et que nous les dissocions, nous avons exactement la même chose qui se passe. Je peux maintenant ajuster les valeurs x et y indépendamment les unes des autres. Et une fois qu'ils seront différents si je les relie , ils affecteront les axes x et y. D' accord, je vais me débarrasser de cette animation à l'échelle et évoquer la rotation. Pour ce faire, j'appuie sur Maj, puis sur le raccourci clavier correspondant pour la propriété. Donc, R est la rotation, S est l'échelle, P est la position, et puis si vous maintenez la touche Maj enfoncée et appuyez sur R, cela fera augmenter la rotation tout en gardant la position, nous allons ensuite déplacer et appuyer sur S vous obtenez également l'échelle. Ok, donc, si je fais tourner ça, tu ne vois rien se passer parce que c'est un cercle, donc je vais y aller et le changer d'un cercle vers le bas en un carré. Donc, ça ressemble plus à ça maintenant. Appuyez sur R pour relancer ma rotation et décaler P pour la position et définir mon image clé. Donc, zéro à l'image 30 et puis je vais juste le faire pivoter en arrière peut-être 270, là, et je vais le lire en arrière, et maintenant mon carré tourne. Une autre chose que je veux souligner est que vous pouvez faciliter plusieurs propriétés en même temps, donc, je vais sélectionner les quatre images clés pour la rotation et la position. Appuyez sur F9 pour les faciliter. La raison pour laquelle j'aime généralement faciliter la facilité est parce qu'il amène le graphique de vitesse, poignées d' influence vers le bas à la ligne de base de zéro ou graphiques de valeurs poignées à cette position horizontale. C' est juste un bon point de départ. Donc, sur le graphique de vitesse avec ces deux propriétés sélectionnées, je peux réellement saisir de ces images clés en faisant une sélection et en facilitant tout à la fois. Donc, maintenant le graphique de vitesse correspond à la fois sur les valeurs de rotation et de position. Maintenant, malheureusement, je ne peux pas le faire sur le graphique de valeurs parce que ma position n'est pas séparée, donc, je ne peux pas ajuster le graphique de valeurs pour la position. Mais la valeur de rotation, si je maintiens la commande ou le contrôle enfoncée et que je clique sur la position, de cette façon je reste avec juste la rotation, cette valeur de rotation est une propriété unique. Il est mesuré en degrés, c'est pourquoi nous voyons des diplômes au fil du temps, mais nous n'avons aucun problème. Je peux éditer cela dans le graphique de valeur ou le graphique de vitesse et le gérer comme je le voudrais et cela fonctionnera dans l'un ou l'autre. Sur un grand nombre de propriétés sur lesquelles vous pouvez utiliser l'éditeur de graphiques, la propriété de rotation est vraiment l'une des plus faciles à manipuler. Et juste pour vous montrer à nouveau combien il est facile de faciliter plusieurs images clés pour plusieurs propriétés si facilement, je vais juste définir une certaine échelle d'images clés aussi et peut-être que nous allons commencer à 25, aller jusqu'à 100 et alors je vais juste sélectionner tout. Encore une fois, facilité facile et séparons les dimensions sur la position, facilité facile à nouveau, aller dans les quatre d'entre eux à la fois et puis je pourrais juste soulager cela gentiment et voir comment cela affecte dans notre sentier. Nous avons des cadres regroupés ici, des cadres regroupés ici, des images rejouées et juste comme ça, j'ai assoupli quatre propriétés différentes en même temps. Et parce que j'ai séparé les dimensions sur la propriété de position, je peux les éditer exactement de la même manière à l'intérieur du graphique de valeurs. Donc, si je prends tout ça et les élève, puis attrape tout ça, les pousse vers le bas, j'ai quelque chose qui est absolument absurde. Mais le fait est que c'est très facile à manipuler. Je ne peux pas insister assez sur l'importance de cette section de la classe. Comprendre comment utiliser l'éditeur de graphiques est vraiment la clé pour contrôler votre mouvement à l'intérieur d'After Effects. Et c'était beaucoup d'informations à prendre en même temps, donc vous devez vraiment prendre du recul par rapport à votre projet de classe et entrer dans After Effects. Utilisez ce fichier de projet de démonstration que j'ai configuré pour que vous puissiez jouer avec l'éditeur de graphiques et voir comment cela affecte le mouvement de ce cercle. Assurez-vous de bien comprendre le fonctionnement du graphe de vitesse par rapport au graphique de valeurs. Comment ils sont similaires, comment ils sont différents, sorte que vous pouvez savoir quand choisir l'un plutôt que l'autre. Et assurez-vous également que vous appliquez ceci à d'autres propriétés que la position. Voyez comment cela affecte la propriété scale et la propriété rotation et comment l' un des graphiques peut être un meilleur choix en fonction de la propriété que vous utilisez. Si vous venez avec des expériences uniques, n'hésitez pas à partager cela sur votre page de projet de classe afin que nous puissions voir ce que vous faites. Et si vous avez des problèmes, des questions, contactez-moi sur la page de la communauté et je ferai de mon mieux pour vous aider. 8. Les points d'ancrage sont importants !: Maintenant que vous avez pris les pieds avec l'éditeur de graphiques et que vous comprenez les bases de son fonctionnement, je vais commencer à animer mon propre projet de classe et utiliser l'éditeur de graphiques pour faciliter tout le mouvement. Si l'une de ces choses va au-dessus de votre tête juste faire une pause de cette classe pendant une seconde et aller regarder, The Beginner's Guide to Animating Custom Gifs. C' est le cours que j'ai fait qui dure seulement 30 minutes pour les personnes qui n'ont jamais utilisé After Effects auparavant, et qui vous permettra de vous lancer et de vous suivre. Une autre chose que je vais faire pendant le reste de cette classe est d'utiliser beaucoup de raccourcis clavier, et je ferai de mon mieux pour les appeler comme je les utilise. Mais c'est quelque chose que vous devriez commencer à mémoriser. raccourcis clavier sont un amplificateur d'efficacité incroyable pour votre flux de travail dans After Effects et font de vous un concepteur de mouvements beaucoup plus rapide et plus efficace. Grâce à la démo de l'éditeur de graphiques, j'ai surtout utilisé la propriété position pour vous montrer comment cela fonctionne. Mais la réalité est que je ne vais probablement pas animer beaucoup de la propriété de position le cas échéant avec cette conception de maison. Je pense que la plupart du temps je vais utiliser la propriété de l'échelle, peut-être un peu de rotation. Mais comme vous le verrez, tout cela s'applique toujours indépendamment de la propriété que nous animons. Commençons par la rangée supérieure des fenêtres. Je vais double-cliquer dans l'un des pré-comps, et commencer à penser à comment je veux que cela s'anime. Il est probablement logique d'avoir le cadre animé d'abord suivi par le verre, et de cette façon le verre ne s'anime pas au-dessus de rien, il a le cadre derrière lui. Donc, je vais désactiver les couches de verre en cachant leurs icônes du globe oculaire ici dans le panneau des calques, et de cette façon je peux me concentrer uniquement sur le cadre. Comme je l'ai dit, je pense que je vais utiliser la propriété scale pour animer. Alors faisons monter cela en tournant vers le bas de cette flèche, en allant dans les contrôles de transformation et en trouvant l'échelle. Maintenant, c'est là que je veux qu'il finisse. À une valeur d'échelle de 100 % sur les axes X et Y. Je vais donc définir une image-clé, puis cliquer et faire glisser un peu. Maintenant, je suis assez loin de zoomer ici, donc je suis sur le bouton plus du clavier pour zoomer, donc je peux voir ces unités plus clairement. Je vais également changer mon code temporel pour afficher sous forme d'images au lieu d'heures, minutes, secondes. Donc de cette façon, je peux juste compter les images. Zoom avant une fois de plus et là nous pouvons voir 30 images équivaut une seconde afin que je puisse savoir relativement à quelle vitesse je suis en train d'animer cela. Alors peut-être que ça prendra environ une demi-seconde. Je vais aller à l'image 15 et faire glisser cette image clé jusqu'à ce point dans le temps, puis revenir à l'image zéro et ajuster la propriété à zéro, After Effects générera automatiquement une autre image clé, puis je définirai ma zone de travail, qui a ce petit bar ici. C' est avec ces poignées bleues. Je ne peux voir que le point d'entrée en ce moment, mais comme vous pouvez le voir lorsque je clique et que je fais glisser, il se déplace là où se trouve cette zone de travail et il change le surlignement dans ma chronologie. Mais il y a deux raccourcis clavier qui sont vraiment pratiques B pour définir le point de terminaison. Donc, je peux aller à n'importe quel moment et appuyer sur B et cela va s'accrocher à mon scrubber de chronologie. Puis N qui est juste à côté de la touche B pour définir le point de sortie. Donc, B et N pour entrer et sortir. Avec cette zone de travail définie, je peux maintenant prévisualiser en appuyant sur zéro ou sur la barre d'espace du clavier, et il ne fera qu'afficher un aperçu dans cette zone de travail. Si je clique dessus et que je le fais glisser et prévisualise à nouveau, nous allons seulement voir ce qui se passe là, qui n'a pas d'animations donc rien ne se passe dans ma composition. Ok, donc voici mon animation qui va de zéro à 100 pour cent. Ce n'est pas si excitant, mais avant d'aller plus loin, je veux juste parler de la façon dont les choses s'animent dans After Effects. Donc maintenant, j'ai ce point d'ancrage au centre de mon cadre de sélection pour ce calque. Ce point d'ancrage est l'endroit à partir duquel cette couche est mise à l'échelle. Mais je peux changer où ce point d'ancrage est d'ajuster l'apparence de mon animation. Si je viens ici à l'outil panoramique derrière ou point d'ancrage, raccourci clavier est Y, alors je peux cliquer et faire glisser ce point d'ancrage partout où je veux. Donc, si je dis, placez-le dans ce coin inférieur gauche et prévisualisez à nouveau, maintenant l'animation se passe à partir de ce coin inférieur gauche. Donc, ça a l'air beaucoup différent de ce qu'il a fait avant. Essayons de le faire évoluer à partir du haut au milieu. Eh bien, je pourrais cliquer et faire glisser, et essayer de l'aligner bien, mais vous pouvez réellement activer temporairement accrochage si vous descendez la commande ou le contrôle pendant que vous faites glisser ce point d'ancrage. Vous pouvez voir que cela me donne un tas de guides et accroche à différents points de ce calque. Donc si je monte en haut, juste là, ce grand carré me dit qu'il s'accroche à la poignée de transformation. Je sais donc que mon point d'ancrage est juste au milieu, au bord supérieur de cette couche. Maintenant, si je le rejoue, il se met parfaitement à l'échelle du haut. Il est donc important de tenir compte de votre point d'ancrage lorsque vous animez des choses comme l'échelle. C' est également le point sur lequel le calque tournera. Donc, si je passe à mon outil de rotation, et que je clique et fais glisser, vous voyez qu'il tourne autour de ce point d'ancrage. Si elle était au centre de la couche, ce que vous pouvez facilement faire en cliquant avec le bouton droit de la souris, en allant transformer le point d'ancrage central dans le contenu de la couche, pour lequel il y a un raccourci clavier, Option Command Home ou Alt Ctrl Accueil sur un PC, qui va juste rebondir ce point d'ancrage droit vers le milieu, et maintenant si j'essaie de tourner ou de passer à l'outil de rotation en appuyant sur W sur le clavier, cela va tourner autour du centre et évoluer autour du centre à nouveau. D' accord. Donc avec cela à l'esprit, je vais déplacer mon point d'ancrage vers le bord gauche. Maintenez la touche Commande ou Ctrl enfoncée pour l'accrocher à ce bord gauche, et disons que je ne veux pas qu'il soit mis à l'échelle à la fois sur les axes X et Y, je veux qu'il ne soit mis à l'échelle que de gauche à droite sur cet axe X. Eh bien, pour ce faire, je vais devoir décocher cette icône de proportions de contrainte, dissocier les X et Y afin que je puisse laisser le Y à 100 pour cent sur cette première image. Maintenant, nous ne voyons toujours rien parce que la valeur X est zéro. Donc, même si nous avons une hauteur de 100 pour cent, nous avons zéro largeur donc nous ne voyons toujours rien. Mais si je rejoue ça, maintenant il ne se met à l'échelle que de gauche à droite. Bon, donc je pense que c'est la direction dans laquelle je veux que cette animation se produise, mais c'est très linéaire. Nous avons juste des images clés linéaires alors rendons cela un peu plus agréable à regarder. Je vais commencer par facilité, F9, sur le clavier. Ensuite, je sauterai dans mon éditeur de graphes. Maintenant, j'ai accidentellement eu la valeur de position sélectionnée aussi, donc je vais juste maintenir la commande enfoncée et cliquer pour me débarrasser de cela, et maintenant je ne vois que mon échelle. Maintenant, je peux commencer à faciliter cela. Je vais donc sélectionner la deuxième image clé, apporter un peu, peut-être même un peu plus loin et ensuite faire la même chose pour la première image clé. Donc maintenant, cette facilité est juste beaucoup plus extrême. Bon, donc j'aime ce mouvement, mais maintenant que je vois cette animation, je le devine. Je pense que je veux vraiment l'avoir à l'échelle du centre. Donc, avec ces images clés déjà en place, je peux toujours ajuster le point d'ancrage, j'ai juste besoin de m'assurer que je suis au-delà de cette dernière image-clé parce que si je changeais le point d'ancrage ici, ça va gâcher mon animation. Donc, si je le déplace ici et puis montrer mes images clés en appuyant sur U sur le clavier voir ça, ça a complètement détruit l'animation, maintenant ça va loin de l'écran. Donc, je vais annuler, aller à l'endroit où il est à l' échelle de 100 pour cent, puis le déplacer tout en maintenant la commande pour accrocher au centre. Maintenant, je vais jouer ça et nous avons ce beau mouvement lisse du centre vers l'extérieur. Ok, c'est génial. Maintenant, faisons les deux vitres. Je pense que je veux que ça s'anime de haut en bas et de bas en haut. Donc je vais commencer par régler les points d'ancrage. Je vais saisir ce calque, déplacer le point d'ancrage vers le haut tout en maintenant la commande pour accrocher, puis faire la même chose pour ce deuxième volet, je vais mettre celui-ci en bas. Je veux que le timing soit le même, donc je vais définir des images clés d'échelle sur ces deux couches en les sélectionnant les deux, maintenant l'option ou Alt enfoncée sur un PC et en appuyant la touche S et cela définit une image clé d'échelle pour ces deux couches. Ensuite, je reviens à l'avant de l'animation - Délier les propriétés de l'échelle et changer l'échelle Y à zéro. Vous remarquerez que même si l'instance de cette couche avait les propriétés d'échelle liées, parce que j'ajustais celle qui était non liée, elle suivait le même. D' accord. Donc, je vais jouer ça et on voit l'animation se passer comme je le voulais. Donc c'est génial. Maintenant, nous avons juste besoin de travailler sur l'assouplissement. Je vais déplacer ces calques vers l'avant dans le temps afin ne pas être distrait par les animations d'image. Je vais donc déplacer mon espace de travail vers l'avant pour que je puisse me concentrer sur les vitres. Je vais sélectionner ces deux images clés et c'est un autre bon point pour faire ressortir que vous pouvez faciliter un certain nombre d'images clés. Nombre de propriétés sur n'importe quel nombre de couches simultanément. Donc, j'ai sélectionné toute ma trame clé et je vais les faciliter, puis aller dans l'éditeur de graphiques et je vois toutes ces propriétés à la fois. Donc, je vais les sélectionner tous, puis juste ajuster ma courbe. Pour que ce soit agréable et lisse. C' est un problème. Maintenant, ce qui se passe exactement ici. Parce que j'ai une de mes instances d'échelle, contrainte et l'autre non, toutes les poignées ne se sont pas déplacées ensemble. Si vous vous souvenez que l'axe Y se trouve derrière l'axe X, donc l'axe X est juste ici. C' est cette ligne rouge en haut et parce qu'elle est sur le dessus, quand j'ai attrapé cette poignée, elle ajustait réellement l'axe X. Dans le cas de cette fenêtre, je peux ajuster les X et Y indépendamment l'un de l'autre, mais dans ce cas où ils sont contraints, il va se déplacer les deux même temps même s'il s'agit de valeurs différentes. Donc, je vais recontraindre les proportions des deux couches, puis commander ou contrôler un clic sur l'autre propriété d'échelle afin que je puisse voir toutes mes images clés à la fois, les sélectionner toutes et les faciliter une fois de plus. Maintenant, je peux cliquer et faire glisser et savoir que je vais affecter toutes les images clés même temps avec la même influence. D'accord. Alors, rejouons ça. C' est un bon mouvement fluide rapide. J'aime ça. D' accord. Donc, je vais sortir de mon éditeur de graphes, et zoomer un peu en appuyant sur moins sur le clavier, et maintenant nous voulons chevaucher un peu l'animation qu'ils ne se produisent pas exactement en même temps. Donc, peut-être que je vais aller de l'avant à partir du point de départ, cinq images. Donc, j'appuie sur la page du clavier, une, deux, trois, quatre, cinq fois, puis je déplace le deuxième calque à ce point. Ensuite, je remonterai dans le temps et saisirai ces deux vitres et je les décalerai dans temps pour qu'ils commencent à s'animer ici, juste quand le cadre est la largeur de ces vitres. Maintenant, je peux jouer tout ça en arrière, et j'ai une animation en cours. Maintenant, je pense que je vais ramener un peu ce deuxième volet pour qu'il ne se chevauche pas autant, mais ça a l'air vraiment génial. Maintenant, revenons dans notre comp principal et parce que j'utilise les mêmes pré-comps pour toutes ces fenêtres ici, quand je rejoue ça, tous animent en même temps, de la même manière. C' est la puissance des pré-comps, et c'est exactement pourquoi j'ai configuré mon comp en les utilisant. Ce qui est encore plus puissant, c'est que je n'ai pas à les faire animer en même temps. Je peux compenser chacune de ces instances pré-comps. Donc, disons que je veux aller de gauche à droite. Donc, je vais désélectionner la première couche par commande ou contrôle en cliquant dessus, puis maintenez l'option ou Alt enfoncée sur un PC et appuyez deux fois sur la touche page vers le bas pour déplacer ces calques vers l'avant dans le temps vers les images. Alors je vais faire ça pour toutes les autres couches. Commander contrôle cliquez deux fois sur le calque suivant, l'option ou la page Alt. De cette façon, je mets deux images entre chaque instance, et maintenant si je la lis, elles animent en sorte de ce mouvement en cascade, et ça a l'air vraiment sympa. Et disons que je voulais animer du centre vers l'extérieur au lieu de gauche à droite. Eh bien, tout ce que j'ai à faire est de recadrer un peu ces couches, donc je vais prendre ces trois fenêtres, les déplacer vers l'avant pour que cette fenêtre commence, et ensuite je vais décaler celle-ci vers l'avant, et maintenant ils vont animer du centre vers l'extérieur. Je peux exagérer cela un peu en ajoutant d'autres images entre chaque couche et maintenant c'est un mouvement vraiment agréable. Disons que je n'aime pas la façon dont ça anime. Je pourrais entrer et changer le point d'ancrage. Donc, peut-être au lieu de partir du centre vers l'extérieur sur le cadre, je vais le mettre de gauche à droite. On va revenir à cette animation, et ensuite j'inverser les points d'ancrage sur ces deux-là, je vais prendre celui-ci, le pousser vers le haut, l'attraper, pousser vers le bas, et ensuite peut-être l'animer plus vite. Donc, je vais les amener, les rejouer, et maintenant j'ai une animation différente. Je vais revenir à ma composition principale et la lire, et chaque instance se met à jour. Donc, comme vous travaillez sur votre propre animation pense vraiment à toutes les différentes possibilités, vous pouvez faire quelque chose qui est complètement unique et différent de ce que je fais. J' ai choisi d'utiliser scale mais vous pouvez également incorporer quelque chose comme la rotation n'importe quelle propriété keyframable pour révéler l'un de ces éléments. Donc, je vais prendre ces points d'ancrage et les déplacer tous les deux dans le coin supérieur gauche, puis je vais ajouter une image clé de rotation. Donc, commençons avec ce calque juste ici et appuyez sur l'option ou Alt R pour ajouter une image clé de rotation, et je vais déplacer cela vers l'avant en même temps que l'image clé de l'échelle, puis je vais faire pivoter cela un peu peut-être quarante cinq degrés, et je veux les assouplir exactement la même que l'échelle. Mais ça pourrait être vraiment difficile à faire par I. Donc, probablement être un meilleur ajustement pour le graphe de vitesse, mais même alors il va être difficile pour moi d'attraper cette rotation et de correspondre à la courbe de l'échelle. Heureusement, je peux trouver l'influence et les valeurs de vitesse spécifiques de n'importe quelle image-clé en cliquant avec le bouton droit de la souris dessus et en allant à la vitesse de l'image-clé. Cela va ouvrir cette fenêtre et ça va me dire que la vitesse entrante est 33.33 influence sur les vitesses X et Y à zéro pour cent par seconde, puis j'ai les mêmes paramètres sur la vitesse sortante. Maintenant, c'est en fait la valeur d'une image-clé facile. La raison pour laquelle nous voyons ces valeurs est que c'est la vitesse entrante. Donc, ici, c'est sur le côté gauche. Cela fait partie de l'influence qui ne change pas réellement dans l'animation. Ce qui me préoccupe, c'est la vitesse de sortie. C' est cette colonne ici. Évidemment, je ne vais pas me souvenir ces chiffres exacts alors je vais juste les copier. Je me souviendrai que la vitesse est nulle et l'influence est ce nombre. Donc, je vais la sélectionner, commander ou contrôler C à copier, cliquez sur OK, puis allez dans la vitesse de l'image-clé pour l'image-clé de rotation, regardez la vitesse sortante et réglez cette vitesse à zéro, puis changez l'influence sur ce nombre que J'avais copié. Donc, je l'ai juste collé en appuyant sur la commande ou le contrôle V, cliquez sur OK, et maintenant qu'un est défini. Je ferai la même chose pour cette image-clé. Je vais passer à cette échelle, la vitesse de l'image-clé. Je suis préoccupé par la vitesse d'arrivée cette fois. La vitesse est toujours nulle par seconde et les influences sont les nombres la copier, aller dans la vitesse de rotation de l'image clé, régler la vitesse vers le bas à zéro et coller cette influence, cliquez sur OK. Maintenant, si je sélectionne ces deux images clés et que je passe dans l'éditeur de graphiques, nous pourrions voir que la courbe de vitesse est identique, même s'il s'agit de vitesses différentes, les poignées d'influence font la même courbe de forme. Donc, je peux jouer ça et maintenant nous voyons la rotation et l'échelle se passer exactement de la même manière. Je pense que je veux changer la propriété d'échelle de départ. Au lieu d'être 100 en zéro, je vais juste les envoyer tous les deux à zéro. De cette façon, il commence comme ce petit point et juste se met à l'échelle pendant qu'il tourne. Alors on y va. J'ai cette petite animation qui se passe, et maintenant que j'ai ces images clés, je peux en fait simplement les copier, parce que je veux qu'elles s'appliquent également à ce calque, donc, je vais aller à l'avant de ce calque et coller, appuyez sur vous voulez réduire la couche et vous une fois de plus pour montrer toutes les images clés, et nous y allons nous avons à la fois les images clés de l'échelle et de la rotation, et je vais la lire à nouveau. D' accord. Donc, maintenant j'ai une animation différente. Je reviendrai à mon comp principal et je peux voir comment ça est mis à jour. Maintenant que tu me regardes jouer avec mon animation, tu devrais faire la même chose pour ton oeuvre. Ainsi, commencez à animer différents objets et à déplacer le point d'ancrage pour voir comment il affecte l'animation globale. Pratique overshoots. C' est une façon dont vous pouvez vraiment ajouter beaucoup de personnalité à votre mouvement et utiliser ces différents contrôles de l'éditeur de graphique pour trouver deux overshoots proches et les appliquer à de nombreux objets différents en même temps. Une fois que vous avez fait des progrès, hésitez pas à le partager ou à passer à la leçon suivante afin que vous puissiez voir comment j'aborde le reste de mon animation. 9. Dépassements: D' accord. Maintenant, que j'ai joué avec un tas d'options différentes, je pense que j'ai une bonne idée de exactement comment je veux que cette animation se produise pour la fenêtre supérieure. Donc, je vais y retourner, débarrasser de ces images clés de rotation, et réfléchir à cela. J' imagine ce bâtiment de maison à partir de zéro. Ainsi, les couches en arrière-plan comme cette garniture et le bardage vont apparaître en premier, puis tous les éléments sur le dessus. Sinon, toutes ces fenêtres apparaîtraient sans rien derrière elles. Donc, parce que ça va bouger dans un mouvement ascendant comme si la maison était en train de se construire. Je pense qu'il est logique d'avoir ces fenêtres à l'échelle du bas. Donc, c'est comme ça que je veux animer le calque de cadre arrière. Donc, prenez mon outil de point d'ancrage, Y sur le clavier, et maintenez la commande enfoncée pour l'aligner au centre tout en bas. Mais c'est encore animer du centre vers l'extérieur. J' avais besoin d'animer de bas en bas. Donc, sur la première image clé au lieu de zéro à 100, je vais la changer à 100 et zéro. Maintenant, il augmente mais j'ai perdu mon assouplissement parce que je n'ai pas facilité les images clés originales avec les proportions contraintes. C'est bon, cependant. Je vais juste refaire cela rapidement, tout régler sur E facile à nouveau contraint mes proportions , puis ajuster la courbe de vitesse à quelque chose comme ça, peut-être un peu plus d'influence sur la deuxième image clé qui semble assez bonne. Je vais juste éteindre ces deux couches de verre une fois de plus parce que je veux parler d' une autre technique d'animation appelée « overshoot ». Un dépassement est une technique pour donner beaucoup de rebond ou d'élasticité à votre mouvement. Je vais te montrer exactement comment le faire. Tout d'abord, j'ai besoin de plus de place dans mon bureau. J' ai à peu près recadré cela à la taille du point de repos final de cette fenêtre, mais je veux être en mesure d'augmenter cela au-delà de ce point un peu. Donc, je vais aller dans mes paramètres de composition. Ensuite, déplacez cette fenêtre hors du chemin pour que je puisse voir le flic. Je vais passer à ma largeur et ma hauteur et m'assurer que rapport d'aspect de verrouillage est vérifié, puis je peux simplement cliquer et faire glisser sur ce nombre pour étendre mon compp un peu. Parce que j'ai fait vérifier ça, ça va évoluer proportionnellement. Donc, ça me donne une belle marge autour de la fenêtre, je clique bien, et maintenant j'ai un peu plus de place pour travailler. La façon dont un dépassement fonctionne est de prendre une animation comme celle-ci où elle croît de bas en haut, et d'aller au-delà de cette valeur de repos de 100 % ou de la dépasser. Donc, je vais commencer par simplement enlever la facilité de ces images clés les convertissant en linéaire en les sélectionnant et le contrôle du commandant en cliquant dessus. Un dépassement est vraiment facile à faire, vraiment intuitif en utilisant le graphique de valeur. Donc, je vais passer au graphique de valeurs, et sans contrainte mes proportions afin de pouvoir éditer juste la valeur de l'échelle Y. Je n'ai pas besoin d'un peu plus de place pour voir ce graphique bien. Donc, je vais mettre à l'échelle cela et zoomer en appuyant sur la touche de commande du clavier pour mon visualiseur de comp. Ensuite, zoomez également sur ma chronologie en appuyant sur la touche plus plusieurs fois, et maintenant nous pouvons commencer à faire mon dépassement. Donc, comme je l'ai dit, je veux que ça dépasse cette valeur de 100 %. Donc, je vais passer à mon outil de stylet, G sur le clavier, puis j'ai cliqué quelque part ici, passer à mon outil de sélection en appuyant sur V, puis cliquez et faites glisser cette image clé vers le haut. Maintenant, j'ai la capture activée. Donc, cela va accrocher cette image clé à d'autres images clés, mais je veux être un peu plus précis. Je vais décocher cette icône. Maintenant, je peux parler de ça plus loin et je regarde la petite pop up qui me dit à quel point je vais au-delà de 100 %. Donc, je pense que je veux aller autour de 110 pour cent, et si je fais défiler jusqu'à ce point, je peux voir exactement jusqu'où ça va. Maintenant, c'est quelque chose d'intéressant que je devrais souligner. Si jamais vous rencontrez une image-clé qui se passe entre les images, c'est parce que vous avez cette option ici. Si vous allez dans ce menu et que vous avez autorisé les images clés entre les images cochées, vous pouvez déplacer très précisément ces images clés où vous le souhaitez, quel que soit le numéro d'image. Maintenant, dans ce cas, je ne veux pas d'images clés entre les images. Donc, je vais y retourner et décocher Autoriser les images clés entre les images, et l'aligner sur cette image. On y va. D' accord. Donc maintenant, je peux très facilement voir à quel point je vais aller au-delà de 100 pour cent. Donc, je veux le pousser peut-être 112115, quelque part là-dedans. Ça a l'air assez bien et je vais régler mon espace de travail et le rejouer. Donc, maintenant nous pouvons voir qu'il tire très vite au-delà de 100 pour cent, puis redescend. Je peux déjà dire que mon timing est un peu trop rapide. Je vais donc zoomer un peu, puis faire glisser cette image-clé vers l'extérieur, l'image-clé de repos tout en maintenant la touche Maj. De cette façon, je ne fais pas glisser accidentellement l'échelle X vers le bas, je vais juste maintenir Shift et passer tout droit à 15 images, et ensuite je vais faire sortir celui-ci aussi. Prévisualisez ça, et je pense que le timing est un peu meilleur. Maintenant, ça va tout soulager. Sélectionnez toutes les images clés, F9, et maintenant cela semble beaucoup plus rebondissant. Donc, c'est un dépassement dans sa forme la plus basique. Mais on peut le rendre encore un peu plus gonflable. Si je reviens cette image clé peut-être une ou deux images, je peux ajouter une autre image clé ici, G pour passer à mon outil de stylet. Cliquez sur V pour accéder à mon outil de sélection, puis faites glisser ceci un peu vers le bas, puis j'appuie sur F9 pour faciliter cela. Maintenant, il va augmenter au-delà de 100 pour cent, profondément au-dessous de 100 pour cent avant d'arriver à cette valeur finale. Je vais jouer ça, et maintenant c'est encore un peu plus élastique. Maintenant que j'ai ces images clés configurées, je peux commencer à ajuster les poignées. Au début, je voulais me détendre un peu plus. Donc, je vais cliquer, maintenir la touche Maj et faire glisser ça. Je veux aussi apporter cette poignée ici à partir de la deuxième image clé un peu, sorte qu'elle se relâche, va très vite et ralentit très rapidement aussi bien. Ensuite, je vais juste continuer à ajuster les poignées pour toutes ces valeurs et j'ignore à peu près l'échelle X à ce stade, car il n'y a pas d'animation d'échelle. On va toujours voir ces images clés, mais je suis préoccupé par la ligne verte. Maintenant, cela devient un problème avec la dernière image clé puisque le graphique de l'échelle X est au-dessus du graphique de l'échelle Y, mais je vais juste la déplacer hors du chemin, en veillant à maintenir Shift. Donc, il ne monte ni descend, puis attrape la poignée verte. Donc, je peux ajuster ça exactement comme je veux. Maintenant, nous avons cette très belle courbe lisse, et voyons comment elle se joue. Très gentil. C'est donc un dépassement. Disons que j'aime la façon dont cela fonctionne, mais je veux rendre le dépassement encore plus dramatique. Eh bien, il y a un très bon outil à l'intérieur de l' éditeur de graphiques qui nous permet de le faire très facilement. C' est ce petit bouton ici. Afficher la boîte de transformation. Si je clique dessus et que je sélectionne plusieurs images clés, je vais obtenir une boîte de transformateur comme n'importe quelle boîte de transformateur sur une couche. Cela me donne tous ces points différents que je peux cliquer et faire glisser pour redimensionner mes valeurs d'image clés de la même manière que je peux redimensionner mon calque. Mais au lieu des proportions réelles de la couche, cela affecte les valeurs des images clés. Donc, je pourrais le répéter en cliquant et en faisant glisser pour le rendre plus rapide ou plus lent, et je vais le lire pour que vous puissiez voir que maintenant mon dépassement est plus lent ou je peux le rendre beaucoup plus rapide. Je vais annuler. Si je prends la poignée supérieure et l'abaisse, maintenant elle ne va pas devenir presque aussi grande, et parce que c'est une propriété d'échelle, cela affecte la fois l'échelle x et y c'est pourquoi j'ai tellement plus petit. Je vais annuler à nouveau, et je pourrais saisir la poignée inférieure et la mettre à l'échelle, et maintenant ça va commencer autour de 64 pour cent au lieu de zéro. Mais rien de tout ça ne fait vraiment ce que je voulais. Je veux juste rendre cette dépassement plus dramatique tout en préservant les images clés de début et de fin. Eh bien, la façon la plus simple de préserver ces images clés est de sélectionner d'abord seulement les deux images clés au milieu, sorte que pas seulement les images clés de début ou de fin, mais cela va toujours être un peu difficile à mettre à l'échelle proportionnellement et le faire ressembler exactement comme je le veux. Vous pouvez voir que ce petit mouvement a ajusté les échelles X, alors maintenant il est un peu serré. Je vais annuler, et il y a une touche de modificateur que vous pouvez appuyer sur la commande ou le contrôle sur un PC avant de saisir l'un de ces poignées de transformation. Maintenant, lorsque je clique et fais glisser, vous pouvez voir qu'il est mis à l'échelle autour de ce point d'ancrage, comme n'importe quel autre calque. Maintenant, encore une fois, cela ne résout pas le problème du déplacement de l'échelle X. Donc annuler et ce que je dois faire est de repositionner ce point d'ancrage. Je vais juste faire défiler un peu vers l'avant dans le temps pour que je puisse être gentil et proche dans ce graphique. Tout comme avec le point d'ancrage d'un calque, je peux saisir le stylo derrière l'outil, cliquer et faire glisser ce point d'ancrage vers ce que je veux et c'est de là qu'il va être mis à l'échelle lorsque j'ajuste mes poignées de transformation. Maintenant, je veux que cela s'accroche à la ligne de base de la dernière image-clé. J' ai désactivé mon accrochage, donc ça va être très difficile d'être précis. Donc, je vais réactiver la capture, cliquer et faire glisser, et maintenant cela va s'accrocher à l'une de ces images clés. Donc, je vais juste aller à celle-là, assurer que je suis sur la bonne image clé, défiler jusqu'au début pour que j'aie un peu plus d'espace pour travailler avec. Maintenez la commande enfoncée, puis cliquez et faites glisser. Pendant que je fais cela, vous pouvez voir qu'il se met à l'échelle proportionnellement en fonction de ce point d'ancrage. Je pourrais même l'inverser si je le voulais, mais de cette façon je peux l'abattre beaucoup plus loin, 150 pour cent jusqu' à 83 pour cent et le rejouer. Maintenant, ce dépassement est beaucoup plus dramatique, et de la même manière je pourrais aller dans la direction opposée le réduire afin qu'il n'aille pas aussi loin et c'est beaucoup plus subtil. Je pense que je voulais un peu plus dramatique. donc je vais maintenir la commande et l'augmenter un peu plus, et nous y allons. Maintenant c'est sympa et rebondissant. Donc, c'est ainsi que vous pouvez créer une animation de dépassement et ajuster avec tous ces bons outils que nous avons disponibles dans l'éditeur de graphique, et les overshoots peuvent vraiment être appliqués à n'importe quoi. Vous pouvez faire et dépasser avec la position avec la rotation de l'échelle. Fondamentalement, toute propriété qui a une trame clé dans ce dépassement particulier se trouve juste avoir quatre trames clés. Un début et une fin. Celui qui va au-delà de la valeur finale et celui qui descend en dessous de la valeur finale. Mais vous pouvez faire durer vos overshoots plus longtemps simplement en ajoutant plus d'images clés. Donc, si j'étalais ça un peu, je pourrais ajouter une autre fréquence d'images ici, et juste que cela augmente un peu plus de 100 pour cent. Pas beaucoup. Regardez mon éditeur de graphique et zoomez, cliquez et maintenez la touche Maj enfoncée pour rendre ces courbes agréables et lisses, puis prévisualisez à nouveau. Maintenant, j'ai un mouvement supplémentaire là-bas à la fin de l'animation qui fait que ce rebond dure un peu plus longtemps. Une fois que vous avez votre valeur dit que vous pourriez travailler sur le timing un peu, peut-être donner un peu plus de temps à la fin de la remise des gaz afin que vous ayez beaucoup d'options de personnalisation. 10. Continuer mon animation: Maintenant que je suis satisfait de la façon dont le risque de dépassement semble et que je l'ai construit, je peux en fait l'appliquer à mes autres couches. Donc, je vais juste copier les images clés de l'échelle parce qu'elles passent de zéro sur l'échelle Y à 100 sur l'échelle Y. Donc, je devrais être appliqué à d'autres choses même si elles sont différentes tailles. Donc, je vais les ouvrir, appuyer sur U pour afficher les images clés, et ensuite je me débarrasse des images clés de l'échelle en cliquant sur le chronomètre qui se débarrasse des deux, puis je vais coller sur la première couche, puis allez au début de la deuxième couche, et collez-le là aussi. Maintenant, je devrais être capable de rejouer ça, et toutes mes couches sont dépassées. Maintenant, les points d'ancrage sont en haut des calques, ils sont donc dépassés vers le bas. Je pense que je veux qu'ils dépassent aussi vers le haut, puisque c'est la direction du cadre. Donc, je vais repositionner mes points de fin une fois de plus. Peu importe où il est à gauche et à droite, car il ne s'agit que de mettre à l'échelle sur l'axe y, mais juste pour une bonne mesure, je vais le mettre en bas au bas de la couche. On y va. Jouez-le encore une fois, et maintenant la douleur du haut vient avant la douleur du fond. Je pense que ce serait plus logique si j'inversais ça. Donc, je vais sauvegarder celui-ci quelques images, pousser celui-ci vers l' avant quelques images, et puis il peut commencer plus tôt aussi, probablement juste ici, probablement juste ici, et ensuite je n'ai pas besoin de chevaucher autant cette couche non plus. Maintenant, tout cela se passe beaucoup plus vite maintenant. Peut-être qu'un peu plus de chevauchement serait bien, juste un ou deux cadres. Maintenant, je ne peux pas le pousser si loin, parce qu'alors ça va au-delà du cadre, mais peut-être au lieu de se soucier du chevauchement, juste zoomer et fermer ici pour que nous puissions voir. Je pourrais juste réduire le dépassement un peu pour ces deux morceaux de verre. Donc, je vais sélectionner les trois images clés au milieu, qui sont pour le dépassement, aller dans mon éditeur de graphiques, zoomer un peu ici, assurer que mon accrochage est activé, et mes boîtes de transformateur sont allumées , puis déplacez mon point d'ancrage là où il doit être, puis réduisez-le un peu. En fait, je vais annuler, et aller à la partie supérieure de la remise des gaz, où c'est le plus, et de cette façon je peux prévisualiser ce que ça fait. Assurez-vous que le point d'ancrage est là où il doit se trouver, cliquez sur Commande et réduisez un peu. De cette façon, ça ne va pas dépasser le haut du cadre. D' accord. Maintenant, je vais juste copier ces images clés, et les coller sur l'autre morceau de verre pour qu'elles correspondent, et la lire à nouveau. D' accord. Maintenant que je le regarde en arrière, je pense que ça arrive juste un peu trop vite pour le verre. J' aime la façon dont le cadre s'anime, mais il va un peu trop vite sur les deux autres calques. Donc, je vais juste sélectionner toutes les images clés au-delà de la première image clé de ces deux calques, et déplacer les images clés vers l'avant en maintenant l'option ou Alt enfoncée, et en appuyant sur la touche fléchée droite. Je vais juste faire cette image à la fois et voir comment cela affecte l'animation. Je pense que c'est mieux, et je pense que je vais même le faire avec la couche de cadre aussi. Maintenant que je vois un peu plus lent, je pense que ça a juste l'air un peu plus fluide, pas si drastique, et dans l'ensemble, j'aime la façon dont ça regarde. Je pense que je vais appeler ça bon pour la fenêtre supérieure pour l'instant, puis je voulais en cascade, et puis je le rejouerai ici. Oui. Je pense que je suis content de ça. Ensuite, pourquoi ne pas passer aux fenêtres inférieures. Comme ils sont similaires, je vais y aller, et je pense que je veux changer un peu les choses sur cette fenêtre, juste pour que mon animation ne soit pas trop répétitive. Mais j'utiliserai toujours la propriété de l'échelle, et probablement des dépassements. Donc, je peux simplement ouvrir ma fenêtre supérieure et copier images clés de l'échelle de l'une de ces couches comme point de départ pour mon dépassement dans cette comp. Alors peut-être que pour celui-ci, j'aurai ces couches à l'échelle du centre vers l'extérieur. Donc, je n'ai pas besoin de repositionner les points d'ancrage. Je vais recommencer avec le cadre, pour déplacer ces autres leaders vers l'avant, afin que je puisse me concentrer sur le cadre, aller à la première image, puis coller. Maintenant, appuyez sur U pour afficher mes images clés et zoomer. Maintenant, je vais devoir modifier un peu ces images clés, car en ce moment, il est mis à l'échelle sur l'axe des y, et je veux l'échelle sur l'axe des x. Donc, je vais définir ma zone de travail, puis aller juste une image-clé à la fois, en échangeant ces valeurs. Donc, je vais les dissocier, et changer ceci à 0100, et de cette façon nous avons un peu de hauteur sans largeur, aller à la deuxième image clé, et échanger ces deux valeurs. Donc, je vais juste copier ici, et le changer à 100, puis coller ce numéro ici. On y va. Ensuite, je vais passer à la suivante, et faire le même processus. Copier 100, coller, copier 100 et coller. Maintenant peut dépasser va sur les côtés. Maintenant, ça a l'air parfaitement décent, mais je voudrais peut-être le pousser un peu plus loin. Donc, comme avec la première fenêtre, je vais ouvrir mes paramètres de composition en appuyant sur la commande K, ou Ctrl+ K, puis simplement étendre la largeur un peu, veillant à ce que le rapport d'aspect de verrouillage soit coché. Et puis je vais cliquer sur « OK ». Maintenant, j'ai juste un peu plus de place pour travailler. Je pense que je veux exagérer un peu plus ce dépassement. Donc, je vais sélectionner les trois images clés au milieu, aller ici, zoomer pour que je puisse voir clairement, saisir ma boîte de transformation et déplacer ce point d'ancrage, maintenir la commande ou le contrôle enfoncés, puis simplement exagérer le dépassement un peu plus. Je peux jouer ça, et on y va. C' est beaucoup plus gonflable et élastique. Je pense que ça a l'air génial. D'accord. Faisons la même chose pour les deux vitres d'un verre. Je vais copier ces images clés, déplacer ces calques à l'endroit où ils pourraient commencer à s'animer, probablement juste ici, et coller. En fait, j'ai les deux mauvaises couches. Le haut de la fenêtre inférieure, qui devrait juste aller au sommet de la pile, je vais avancer et prendre cet autre morceau de verre. D' accord. Maintenant, sélectionnez ces deux calques et collez, et ils devraient animer très de la même manière. Super. Maintenant, juste les décaler par quelques images, et je rencontre ce même problème où cette couche supérieure dépasse un peu trop loin. Donc, je vais sélectionner toutes les images clés de dépassement pour ces deux couches en même temps, aller dans mon éditeur de graphiques, zoomer et fermer, déplacer le point d'ancrage, puis juste mettre à l'échelle c'est un peu plus bas, et nous y allons. Maintenant, ça ne va pas au-delà du cadre. Super. D'accord. Ensuite, nous ramènerons la partie supérieure de la fenêtre, et celle-ci je ne pense pas que je veuille mettre à l'échelle du centre vers l'extérieur. Je pense que cette fois je vais l'avoir à l'échelle de bas en haut. Donc je vais déplacer ce point d'ancrage vers le centre, et ces images clés que j'ai modifiées pour aller du centre vers l'extérieur, donc je vais juste revenir à ma fenêtre supérieure, copier ces images clés car elles vont sur l'échelle y au lieu de l'échelle x, appuyez sur I pour accéder au point de terminaison de ce calque, puis collez. Je vais jouer ça, et ça a l'air bien. Je veux juste le refaire. Donc, cela arrive assez rapidement après le cadre. Quelque chose comme ça a l'air bien. Et puis j'ai juste ce petit écart, et je pense que ce n'est que quelques pixels semi-transparents. Donc, je vais cliquer et faire glisser tout en maintenant Shift jusqu'à ce que cette couture disparaisse. D' accord. Rejouons ça dans son ensemble. Super. Je vais juste pousser la fenêtre supérieure vers l'avant quelques cadres, Option ou Alt et Page Down. Ouais, je pense que ça a l'air super. Revenons à la comp principale et voyons à quoi cela ressemble. D' accord. Donc, tout est à peu près animé sur à la même heure. Donc, je veux décaler ces calques, tout comme les fenêtres de la rangée supérieure, je veux qu'il s'anime du centre vers l'extérieur. Je n'ai que quatre couches à traiter à ce stade, mais la porte entrera en jeu une fois qu'elle sera animée. Donc, prenons ces deux couches montrent ici, et déplacez-les vers l'avant pour aligner avec ces deux fenêtres juste ici. Ensuite, je vais prendre l'extérieur vers les fenêtres et les pousser vers l'avant à temps pour aligner avec ces couches. Maintenant, ils vont du centre vers l'extérieur. Encore une fois, puisque je suis en train d'animer de bas en haut, je vais probablement avoir les fenêtres du bas venir en premier. Donc, je vais réellement sélectionner tous ces calques pour la rangée supérieure, et les déplacer vers l'avant quatre ou cinq, six images, et voir à quoi cela ressemble. D' accord. Je pense que tout cela est génial pour l'instant. Évidemment, une fois que tout est animé, je peux reprogrammer tout ça jusqu'à ce que je sois parfaitement content. Donc, je ne vais pas être trop inquiet pour ce qui est de l'air, mais j'ai vraiment un bon début. 11. La porte et les lampes: D' accord. Maintenant, je vais sauter dans la porte, et m'animer. Il y a beaucoup de parties à ça, mais elles sont toutes très basiques. La plupart d'entre eux sont des rectangles, donc ça ne va pas être si compliqué. Commençons une fois de plus avec le calque arrière, ce cadre. Je vais sélectionner tout le reste et le déplacer vers l'avant dans le temps, zoomer, et je veux que celui-ci tire du bas comme les fenêtres supérieures. Je vais donc copier à nouveau ces images clés, aller au début de ce calque et coller, puis repositionner le point d'ancrage vers le bas. Super. Ensuite, nous avons la porte verte. Donc, je vais mettre ça probablement juste ici, et aussi animer ça de la même manière. Je vais repositionner le point d'ancrage, coller. Ensuite, j'ai juste besoin de modifier ces images clés à l'échelle. Donne-moi un peu plus de place pour voir ici. Alors assurez-vous que je ne dépasse pas ce cadre. Je ne veux pas perdre cette overshoot, elle va au-delà de la fréquence d'images ici, et je ne veux pas vraiment le minimiser davantage, donc ce que je pourrais faire est juste de changer le moment de la remise de gaz sur l'image. Alors, laisse-moi parler de ces cadres clés, et peut-être juste les étirer un peu. Maintenant, je vous ai déjà montré comment faire cela avec la boîte de transformation, je pouvais sélectionner toutes mes images clés et le faire comme ça. Mais, il y a une autre façon de le faire correctement dans la chronologie. Vous avez tous votre image clé sélectionnée, puis vous maintenez l'option ou Alt enfoncée, et cliquez sur les images clés de début ou de fin, puis vous pouvez cliquer et faire glisser et mettre à l'échelle ces proportionnellement. Donc, je vais juste les mettre à l'échelle un peu, et voir ce que cela fait à mon animation. On y va. Je pense que le timing fonctionne mieux, mais je remarque un problème bizarre sur la porte verte. On dirait qu'il est à l'échelle vers l'intérieur, et si on regarde les chiffres, l'échelle X est censée rester à 100 pour cent tout le temps, mais elle n'est pas juste ici au milieu. J' ai dû avoir mon point d'ancrage au mauvais endroit quand je les ai mis à l'échelle. Donc, je vais juste ajuster rapidement tous ces éléments à la main, sans contrainte les proportions, et taper 100 sur chacune de ces images clés, et de cette façon la largeur restera toujours la même. On y va. Joue ça en arrière. Je pense que ça a l'air bien. Je ne vais pas m'inquiéter de tout ce qui va sur la porte encore, je vais saisir le haut de la porte, et faire glisser ça vers le bas, l'amener à ce point, en appuyant sur le support gauche, et je pense que je veux avoir ce pop-up droit à propos d'ici. Je vais le faire de la même manière que les fenêtres inférieures, de bas en haut. Donc, en fait, j'ai juste copié ces images clés ici, je vais au point de terminaison, je suis sur le clavier , et je vais vouloir qu'il apparaisse probablement juste à cette image. Donc, appuyez à nouveau sur le crochet gauche pour accrocher ce calque à ce point dans le temps. De cette façon, il arrive juste au moment où le cadre est en train de finir, c'est un dépassement de puissance. Je pense que je voulais que ça arrive un peu plus tôt, je vais le soutenir. Donc, j'aime ce timing, mais je n'aime pas cet écart qu'il produit, évidemment. Donc, ce que je veux faire, c'est aller au point de repos, après que toute l'animation s'est produite, et ensuite juste parent ce haut de la porte au cadre de la porte, et comme ça ça va bouger avec l'échelle de l'autre porte, et cette couture n'apparaîtra jamais. Super. Donc, maintenant ça bouge avec la porte, pour une raison quelconque, on a cette petite couture juste ici, donc je vais juste taper ça peut-être un pixel, et ça se débarrasse de la couture. Super. Maintenant, il va juste au-delà du haut du cadre un peu, donc je vais appuyer sur la commande K, pour ouvrir mes paramètres de composition, et étendre cela un peu. Ça devrait me donner beaucoup de place pour contenir ce haut. D' accord. J'aime ça. Prenons le bouton de la porte, plaque d'or à côté. Je pense que cela va se produire probablement sur le chemin du retour de ce dépassement, donc juste ici, je vais appuyer sur le crochet gauche pour le faire descendre, et j'aime avoir mes couches aller dans l'ordre croissant, donc je suis va juste les réorganiser en fonction du moment où ils commencent à animer. Je vais zoomer et fermer ici, et déplacer ce point d'ancrage vers le centre supérieur du calque, parce que je voulais animer de haut en bas, pour aller en quelque sorte avec le mouvement qui se passe déjà, de la porte et le cadre, rétrécissant vers le bas. Bon, alors je vais copier ces images clés, coller, et voir à quoi ça ressemble. Super. Même sur ce petit détail, vous pouvez voir ce dépassement et ça a l'air beau. Apportons ces panneaux de porte ensuite. Probablement les avoir en même temps que le bouton de porte. Faites glisser le bas sous le haut de la porte, puis peut-être que je vais juste pousser les points d'ancrage sur les bords extérieurs de chacun de ces panneaux. Donc, je vais devoir aller dans la fenêtre inférieure, et copier un de ces jeux d'images clés de l'échelle de dépassement, et le coller là puisque cela se passe sur l'axe X. Ça a l'air plutôt bien. Maintenant, je vais juste les décaler un peu, peut-être deux images chacune. Puis remettez-les tous un peu dans le temps. Zoom arrière pour que je puisse voir le tout dans son contexte, et je pense que ça semble plutôt bon. Ensuite est le verre en haut, qui est toutes ces couches restantes, il y a tous ces différents éléments. Donc, ça va probablement arriver ici, j'imagine. Donc, reprenez cela jusqu'à ce point dans le temps. La façon dont je pense à animer ceci est d'abord d'avoir le demi-cercle blanc, c'est en arrière-plan venir d'abord, puis révéler toutes ces vitres, en utilisant cela comme un tapis. Donc, commençons par le premier demi-cercle de fond. Je vais déplacer ce point d'ancrage vers le bas. Donc, je vais accélérer les images clés que j'ai pour la remise de gaz, mais puis juste les modifier. Donc, au lieu de 0100, je vais mettre zéro sur les X et Y. Ensuite, je vais juste copier la valeur X, et la coller sur le Y pour chacune de ces images clés. De cette façon, il est mis à l'échelle, proportionnellement sur les deux valeurs. Restreindre ces proportions à nouveau, et il suffit de le lire. Ok, ça a l'air bien. Je ne pense pas que je veuille avoir autant de rebonds. Je pense que je vais me débarrasser de ces cadres clés ici. Supprimez cela, donc il monte, descend, puis revenez à 100%. Super. Donc, maintenant ce que je veux faire est parent tous les vitres, et l'autre demi-cercle, au demi-cercle principal après que l'animation est terminée. Donc, je vais parenter tous ces éléments à ce calque, et maintenant ils vont suivre cette animation. Donc, à ce stade, juste ici en haut du dépassement, c'est là que je veux que ces couches commencent. Mais je ne veux pas encore voir ces vitres. Donc, je vais prendre cet autre demi-cercle, et déplacer le point d'ancrage vers le bas au milieu de ce calque. Je vais définir une image clé d'échelle, puis la déplacer vers l'avant dans le temps, puis la mettre à l'échelle tout en maintenant le décalage, pour la mettre à l'échelle proportionnellement. Maintenant, c'est l'utiliser efficacement comme un masque, cachant ces vitres. Maintenant, encore une fois, pas exactement tout couvrir, donc je vais juste taper dessus, une ou deux fois avec la touche fléchée, que nous puissions cacher la totalité de ce verre. Maintenant, au fur et à mesure que cela diminue, vous voyez qu'il révèle toutes ces autres couches. Ça a l'air vraiment sympa. Maintenant, je veux juste l'assouplir un peu. Donc, je vais saisir les deux images clés facilité, aller dans mon éditeur de graphiques, puis modifier ceci, et le lire. Regardons toute la porte, et jouons toute l'animation. Là, vous l'avez, j'ai tous ces éléments, agréable et gonflable, animant sur très bien. Jetons un oeil au camp principal. Ça a l'air génial. Allons directement sur ces lampes. Je vais sauter ici. Je vais commencer avec cette grande pièce centrale juste ici, je vais mettre le point d'ancrage en bas milieu, prendre les cadres clés de ma fenêtre supérieure, et coller. Il y a ce premier élément, il vient bien. se passe comme ça, et je pense que je vais exagérer le dépassement un peu plus. Puisque c'est un si petit élément, je ne peux vraiment pas le mettre à l'échelle un peu plus. Donc, je vais juste m'assurer que le point d'ancrage est au bon endroit, maintenez la commande, puis mettez à l'échelle. Maintenant, ça va avoir beaucoup plus de dépassement, et je peux passer à la couche suivante. Donc, la base de la lampe viendra de haut en bas, mais je peux probablement utiliser les mêmes images clés à l'échelle, copier et coller. Je veux juste m'assurer que j'ai assez de place dans ma chambre pour m'adapter à ça. Donc, je suis juste un peu plus étendu. On y va. Cela peut arriver assez rapidement, l'un après l'autre. Ensuite, nous allons passer à la partie suivante de la lampe, probablement avoir exactement le même type d'animation, coller. un zoom avant et fermez, déplacez ce point d'ancrage vers le bas de la boîte de transformateur et collez. Super. Maintenant, nous allons faire la même chose pour cette pièce supérieure aussi. Déplacez le bas, faites-le commencer, probablement à droite sur ce cadre, collez, puis rejouez-le. Tout va bien sauf pour cette première pièce, parce qu'elle chevauche cette vitre, on la voit pousser plus loin que je ne le voudrais. Donc, au lieu d'utiliser la boîte de transformation et l'éditeur de graphique pour réduire tout cela, je vais juste saisir toutes les images clés ici, tout à la fois, sans contrainte les proportions, puis cliquez et faites glisser, ici, jusqu'à ce qu'il s'alignent quelque peu avec le fond de ce verre. Parce que je les ai tous sélectionnés, il les a tous modifiés proportionnellement. Donc, maintenant il rebondit et redescend. Maintenant, je ne veux pas que ça aille si loin, alors je vais juste aller à cette image clé, et je remonte un peu. Maintenant, ça va rester derrière les autres éléments. Super. Jetons un coup d'oeil à ça dans le camp principal. Ça a l'air bien. Maintenant, nous allons juste décaler les deux lampes, donc j'ai la lampe un et deux, je vais faire avancer quelques images, et maintenant ils ne s'animent pas exactement en même temps. Je ne veux pas qu'ils s'animent en même temps que la porte, donc je vais les pousser un peu vers l'avant dans le temps. Décaler et chevaucher le timing de vos éléments comme celui-ci ajoute vraiment beaucoup de personnalité à votre animation, ce qui le rend beaucoup plus agréable. Donc, certainement jouer avec le timing, pour obtenir quelque chose qui a l'air sympa. Notez également que je donne juste quelques cadres entre chacun de ces éléments. Je ne veux pas que cette animation se produise plus de dix secondes, je veux qu'elle se produise assez rapidement, alors n'ayez pas peur de garder tous vos chevauchements assez serrés. Juste pour l'amour des organisations, je vais saisir toutes les couches de brousse, et les déplacer dans la pile de couches. Je pense que ça va s'animer pour la dernière fois, donc je vais juste les mettre en haut. Ensuite, je vais déplacer le toit juste au-dessus du bardage, et le seuil juste au-dessus de la porte. Puisque tous les éléments qui sont sur la voie d'évitement sont pris en charge maintenant, je vais aller de l'avant et l'animer ensuite. 12. Commander les cadres-clés: Maintenant, je veux animer ça un peu différemment, juste pour que toute mon animation ne ressemble pas exactement à la même chose. moment, c'est juste un grand rectangle, mais je veux le diviser en plusieurs calques pour que je puisse avoir une animation plus unique. La première chose que je vais faire est de précomposer cette couche. Donc, avec cela sélectionné, je vais appuyer sur Commande + Maj + C, ou sur Contrôle + Maj + C, et le renommer Siding. Cliquez sur OK. Maintenant, je peux aller dans cette comp et la récolter avec ma région d'intérêt. Donc, je vais l'obtenir bien et proche, Composition, Crop to Region of Interest. Ensuite, je veux juste m'assurer que c'est parfaitement centré dans la comp. Donc, je monte à Fenêtre, Aligner. Ensuite, assurez-vous que l'option Aligner les calques à la composition est sélectionnée et cliquez sur les boutons d'alignement horizontal et vertical. De cette façon, cela est parfaitement centré dans la comp. Je vais fermer ça. Pour cette animation, je veux que les fentes individuelles de ce parement, les planches individuelles s'animent pour se former à cette dernière pièce. Donc, je vais vouloir diviser ça en un tas de rectangles différents qui finissent par ressembler à une pièce solide. Donc, je vais commencer par dupliquer ça et l'appeler Siding 01. Ensuite, ouvrez l'échelle en appuyant sur S sur le clavier et sans contrainte mes proportions. De cette façon, je peux mettre cela à l'échelle sur l'axe des y. Maintenant, je veux diviser cela uniformément, sorte qu'il s'adapte bien sur le rectangle qui est déjà là. Donc, disons que je veux faire cette animation à partir de 14 planches. Eh bien, je ne sais pas exactement quelle serait cette valeur d'échelle, mais je peux en fait taper une équation dans cette valeur et After Effects peut le comprendre pour moi. Donc, je veux 14 de ces tableaux, donc j'ai besoin que ça soit divisé à 100 pour cent par 14. Je vais appuyer sur Entrée, et cela calcule automatiquement exactement le pourcentage dont j'ai besoin pour constituer un quatorzième du plus grand rectangle. Maintenant, je vais baisser l'opacité sur le calque d'arrière-plan en appuyant sur T pour augmenter l'opacité et en l'abaissant. De cette façon, je peux voir exactement ce que je fais. Je ne veux pas déplacer ce calque, donc je vais le verrouiller. Je veux que cela aille au bord tout bas de ce plus grand rectangle. Donc, je vais zoomer ici, déplacer ce point d'ancrage vers le centre inférieur, l'accrocher là, puis cliquer et faire glisser sur ce point d'ancrage tout en maintenant la touche Commande pour s'accrocher au bord inférieur, et juste là, que est verrouillé sur le bord central. Donc maintenant, je sais que c'est parfaitement aligné au bas de mon plus grand rectangle. Maintenant qu'il est bien aligné, je veux mettre ce point d'ancrage sur le bord gauche parce que je veux l'animer de gauche à droite. Je ne pense pas que je veuille faire un dépassement avec celui-ci. Comme il s'agit d'une planche si longue, le dépassement de puissance serait assez extrême, alors allez simplement à l'image un et réglez l'échelle x vers le bas à zéro. Je vais définir une image-clé et aller de l'avant peut-être 10, 15 images. Donc, c'est une demi-seconde, et mettre ça à 100. Ensuite, je vais Easy Ease les images clés à neuf ans, aller dans mon éditeur de graphiques et ensuite lisser cela encore plus loin. Maintenant, je vais jouer ça pour voir à quoi ça ressemble. D' accord. Je pense que c'est bien. Peut-être que je vais le faire durer un peu plus longtemps, peut-être 25 images et le jouer une fois de plus. Je vais rendre cette facilité encore un peu plus extrême. Super. Maintenant que j'ai cette animation, je vais zoomer ici et dupliquer le calque. Ensuite, avec mon outil de sélection, je vais cliquer et faire glisser près de la poignée inférieure gauche et maintenez la touche Commande pour l'accrocher au bord du calque suivant, et je le ferai à nouveau jusqu'à ce que j'aie 14 copies toutes parfaitement alignées les unes sur les autres. Donc, je suis juste en train de dupliquer, de cliquer et de faire glisser tout en maintenant la touche Commande pour accrocher. Parfait. Maintenant, tout ça est bien aligné. Je peux désactiver mon calque d'arrière-plan et le lire. On dirait que j'ai juste un rectangle géant qui s'anime en même temps. Évidemment, ce n'est pas ce que je veux. Donc, ce que je vais faire est de sélectionner tous mes calques de bas en haut, et c'est important que je sélectionne dans cet ordre à partir du calque tout en bas, maintenez la touche Maj puis cliquez sur le calque supérieur, car After Effects sait quel ordre vous sélectionnez des couches dans. Je vais aller au tout début de la composition, maintenez l'option enfoncée ou Alt et appuyez sur le crochet droit pour couper tous les calques vers le bas à une seule image, puis, je vais faire un clic droit sur l'un des calques, aller à Keyframe Assistant, Calques de séquences. Ensuite, je laisse Overlap décoché et cliquez sur OK. Vous pouvez voir qu'After Effects a mis en cascade chacun de ces calques en décalage par une image. Ensuite, je vais juste aller à la fin de la composition, maintenez l'option enfoncée et appuyez sur le crochet droit pour ramener la durée de tous ces calques. Maintenant, je vais le rejouer pour te montrer ce que ça a fait. Alors maintenant, j'ai une animation très cool pour toutes les planches de parement. En appuyant sur U pour afficher toutes mes images clés, je peux voir à quoi ça ressemble. Donc, ça a l'air vraiment cool et je pourrais probablement l'appeler bon là-bas, mais je pourrais même rendre cela un peu plus intéressant si je sélectionne toutes ces images clés, la deuxième image clé pour chaque couche, assurez-vous que j'ai tous d'entre eux sélectionnés, puis je fais cette astuce de mise à l'échelle, où je maintiens l'option enfoncée, puis cliquez sur la première ou la dernière image clé, puis, cliquez et faites glisser cela en arrière. Vous pouvez voir que cela le met à l'échelle proportionnellement. Donc, au lieu d'avoir exactement le même timing sur chaque calque que vous allez plus loin dans la pile, il faut moins de temps pour terminer l'animation. Voyons comment cela a affecté l'animation. Voyez, maintenant, tous les calques finissent à la position finale à peu près en même temps. Je vais annuler pour que vous puissiez le comparer. C' est là que chaque calque s'anime exactement au même moment, puis, refaites, maintenant, toutes leurs animations se terminent à peu près au même moment. D' accord. J'aime vraiment la façon dont ça ressemble, mais je pense que ce serait cool de pouvoir toujours distinguer entre chacun de ces tableaux une fois l'animation terminée, donc je vais le faire simplement en ajoutant un peu d'ombrage. Lorsque je sélectionne le calque supérieur et que je recherche l'ombre portée, nous allons ici, et l'appliquer à ce calque supérieur, zoomez bien et fermer, et je veux m'assurer que cela ne va que droit vers le bas et pas sur le côté du tout. Donc, je vais changer la direction à 180 degrés. De cette façon, ça va tout droit et ça donne juste un peu d'avantage. Je ne sais pas si j'ai besoin d'être aussi sombre, donc je vais baisser l'opacité, peut-être autour de 25 ans. Ensuite, copiez l'ombre portée et collez-la sur tous les calques à l'exception du calque inférieur, car je n'ai pas besoin de jeter une ombre sur quoi que ce soit en dessous du dernier morceau de bardage. Je vais coller, Commandement V. Maintenant, nous avons toutes ces lignes qui indiquent où se trouve la voie d'évitement. Joue ça en arrière. Je pense que ça a l'air vraiment sympa. Revenons à notre comp principal et voyons à quoi ça ressemble. Maintenant, ça a gâché le positionnement quand j'ai recadré la région d'intérêt, donc je vais juste ramener ça, zoomer et fermer et voir que ça s'aligne très bien. Donne-moi plus de place pour voir ça, puis rejoue-le. D' accord. Donc ça a l'air vraiment génial. Évidemment, nous devons travailler sur le calendrier. Donc, je vais sélectionner tout dans ma pile de couches en plus de l'arrière-plan de la maison, donc la porte, et toutes les fenêtres, les lampes, tout comme ça et le pousser vers l'avant dans le temps. Je ne veux pas que ça commence à s'animer avant probablement juste ici. Donc, je vais juste pousser ces couches vers l'avant et le lire à nouveau. Ça a l'air vraiment sympa. Ok, animons ce seuil sur, je pense que cela pourrait arriver ici, donc je vais juste saisir ce calque pousser vers l'avant à ce moment-là, et je pense que je veux juste l'avoir à l'échelle du centre vers l'extérieur et dépassement un peu. Donc, je pense que la fenêtre inférieure est celle à partir de laquelle je veux copier cette overshoot, copier et puis coller cela sur la première image de ce seuil, puis zoomer et voir à quoi cela ressemble, génial. Aller à déplacer ces buissons vers l'avant dans le temps afin que je ne sois pas distrait par eux, et aller à l'avant de l'animation, donc j'ai le toit et l'arrière-plan, la garniture de la maison, pour animer sur. La garniture va probablement s'animer en premier, alors commençons par cela, je vais repositionner le point d'ancrage au centre inférieur, et je pense que parce que c'est un objet si grand, je vais vouloir faire un dépassement de vue unique. Donc, commençons simplement par ajouter une option d'image clé d'échelle ou alt plus la touche S, puis déplacons-la vers l'avant dans le temps, peut-être 20 images. Ensuite, je vais mettre l'échelle Y à zéro, aller dans mon éditeur de graphiques, faciliter facilement ces images clés, puis passer à mon graphique de valeurs. Donc, je voulais tirer vers le haut mais je veux qu'il prenne son temps de faire ça, donc probablement juste ici et au lieu d'ajouter une image clé, je vais juste prendre la poignée de transformation et la déplacer vers le haut. Je ne veux pas que ça tourne trop loin en avant, mais probablement quelque chose comme ça, alors je vais juste alléger cette image-clé et parce que l'observation vient juste derrière elle, je ne pense pas que je vais vouloir qu'elle redescende, donc je vais juste besoin de ces trois images clés pour ce dépassement particulier et je vais juste les soulager gentiment. Donc, il va probablement tirer assez drastiquement, puis plonger vers le bas bien, agréable et lisse, celui-ci n'a pas besoin d'être fou gonflable et jouer ça en arrière. vais sortir la couche de toit du chemin pour ne pas être distrait par elle. Je pense que cela arrive encore plus vite qu'il ne devrait l'être, donc je vais attraper ces deux images ASCII et les déplacer un peu vers l'avant et le lire. Je pense que ça a l'air un peu mieux, peut-être un peu plus rapide. Alors, peut-être qu'au lieu de finir au ras de la voie d'évitement, je laisserai un peu de marge. Donc, je vais juste attraper mon calque et le mettre à l'échelle, de sorte qu'il corresponde en quelque sorte à la marge sur le fond aussi bien. D' accord. J'ai l'air bien. Maintenant, je peux animer sur le toit ce que je pense que je veux faire de la même manière que le bardage, donc je vais le pré-composer, renommer le toit, aller dans cette couche et le découper, donc je vais définir ma région d'intérêt, recadrer, et puis encore une fois, assurez-vous que c'est parfaitement centré, donc, la fenêtre aligner, la composition horizontale et verticale. Super. De la même manière que j'ai divisé le revêtement en plusieurs couches différentes, je pense que je vais le faire avec le toit, mais je vais le faire animer un peu différemment. Donc, évidemment, le positionnement de ceci est éteint maintenant, pense que je dois aligner ça droit avec le bord de la voie d'évitement, ça a l'air bien. Je pense que je vais le diviser en autant de rectangles que le revêtement, donc seulement 14 exemplaires. Donc je vais dupliquer cette couche, le nommer toit 01, baisser l'opacité de l'arrière-plan pour dire 50 et le verrouiller, puis ouvrir l'échelle en appuyant sur S proportions sans contrainte dire 100 divisé par 14, et déplacer ce vers le bas, sorte qu'il s'alignera parfaitement. Pour celui-ci, je veux l'animer de haut en bas, peu comme si le toit était construit du haut du toit jusqu'à l'endroit où se trouveraient les gouttières. Encore une fois, je n'ai pas besoin d'ajouter un dépassement à celui-ci, cette couche, puisqu'ils sont tellement de couches, ils vont se chevaucher, donc je vais juste l'échelle de zéro à 100 pour cent sur l'option Y. Appuyez sur ou alt S pour ajouter une image clé, pousser vers l'avant dans le temps, zoomer avant, puis définir l'échelle Y à zéro, faciliter et modifier cette courbe, s' assurer que l'opacité n'est pas sélectionnée, et la raison pour laquelle ces éléments sont si éloignés est parce que le ne fait que monter à 7.1 mais, je n'ai pas vraiment besoin de céder autant de détails ici. Je peux juste dire jusqu'où je tire ces poignées, ça a l'air assez bien. Je pense que ça doit arriver beaucoup plus vite. Oui, quelque chose d'aussi simple que ça ira. Maintenant, j'ai juste besoin de le dupliquer tout un tas de temps. Donc dupliquez, puis je vais passer au bord gauche, cliquez et faites glisser près de cette poignée de transformation en bas à gauche, et répétez simplement ce processus à nouveau. Exactement de la même manière que le revêtement. Bon, on y va. Maintenant, j'ai ce problème où j' obtiens pixels semi-transparents apparaissant entre certaines de ces lattes, donc, ce que je vais faire est juste d'appuyer sur S sans aucune des couches sélectionnées pour faire apparaître toutes les propriétés de l'échelle S, , puis sélectionnez la deuxième image clé pour chaque calque, accédez à ce point dans le temps, puis cliquez et faites glisser simplement pour masquer cette scène. Maintenant, le fait de cliquer et de faire glisser le rend vraiment très dramatique et c'est un peu difficile d'être précis. Mais si je maintiens la touche Commande enfoncée tout en faisant glisser, je peux le faire à une valeur 10 fois plus précise. Donc je vais juste faire ça un peu, juste pour que ça couvre toutes ces coutures, et maintenant tout ça s'anime bien. Maintenant, je peux désactiver le calque d'arrière-plan et je veux les décaler à nouveau à temps, mais cette fois au lieu de bas en haut, je veux aller de haut en bas. Je dois donc m'assurer que je sélectionne mes calques dans cet ordre, cliquez en haut, faites défiler vers le bas, faites un clic droit sur le bas, allez à la première image, maintenez l'option enfoncée allez à la première image, maintenez l' et appuyez sur le crochet droit, cliquez-droit sur l'image clé couches de séquence, cliquez sur OK. Maintenant, ils sont en cascade de haut en bas, je vais aller à la fin de la comp, option ou alt plus le crochet droit pour étendre les points de sortie de tous les calques à ce moment et le lire. J' ai besoin d'un peu plus de temps sur mon espace de travail, mais on y va. Maintenant, nous avons ce genre d'animation de bâtiment de haut en bas. Maintenant, je vais aller à mon comp principal et juste pour chronométrer ça gentiment, donc je veux probablement que ça arrive juste ici. Il rencontre donc le haut de la maison tout comme le bardage finit son animation. Je pense que ça a l'air génial. Laisse-moi zoomer un peu. Donne-moi plus de place dans la comp et joue ça. D' accord. Tout a l'air super. J' ai juste les buissons à animer. Donc je vais sauter dans l'un des buissons, et je veux me donner beaucoup d'espace pour travailler, donc je vais appuyer sur la commande K et étendre mon comp un peu, et juste pour être cohérent avec mes autres animations, je suis va avoir cette overshoot vers le haut, donc je vais aller à ma fenêtre supérieure et copier ces images clés une dernière fois, les coller sur ce calque, puis déplacer le point d'ancrage vers le bas vers le centre inférieur. Maintenant que ça va apparaître très bien, peut-être que je vais rendre ça un peu plus extrême. On y va, gentil et rebondissant et puis saute à mon comp principal. Super. Maintenant, j'ai juste besoin de les compenser à temps, et encore une fois étant cohérent, je vais les faire aller du milieu vers l'extérieur. Donc probablement juste ici, je vais mettre les deux couches intérieures en premier, suivies des deux extérieures. Bon, maintenant toutes mes propriétés sont animées, je vais maximiser cette image en appuyant sur la touche tilde, la petite touche squiggly sous la touche d'échappement de votre clavier, et maximiser la fenêtre et la lire, et là vous l'avez. J' ai animé toute ma maison. 13. Ajouter des détails: Maintenant, je veux juste ajouter quelques détails à mon œuvre pour donner à ma scène un peu plus de profondeur. Donc, je vais commencer par les fenêtres supérieures, je veux ajouter une ombre portée à chacune d'entre elles. Donc, je vais juste en avoir un sélectionné et ajouter que les gouttes ombre à nouveau. Je pense que l'angle par défaut ira bien, mais je veux correspondre à la même couleur que j'utilise pour l'ombre portée sur le bardage, et je ne veux pas voir de pixels plus foncés ici. Donc, je vais en fait faire l'opacité 100%, puis utiliser l'outil pipette pour sélectionner cette couleur, et de cette façon ces deux ombres s'écoulent juste l'une dans l'autre. Peut-être faire la distance un peu plus loin, peut-être quelque chose par ici. Ensuite, je vais juste sélectionner cet effet, le copier, puis collé sur toutes les autres fenêtres. Je vais le faire pour tous ces éléments qui sont sur la voie d'évitement aussi. Donc, toutes les fenêtres inférieures, la lampe, la porte et je vais juste les sélectionner et coller. Maintenant, ce petit peu d'ombrage a vraiment ajouté de la profondeur à la scène. Je pourrais aussi ajouter une ombre sous le toit. Mais si je devais coller cet effet ici, et déplacer cela vers le bas à 180 degrés au lieu de sur le côté, ça va mettre ces endroits d'ombre que je ne veux pas. Comme ça s'anime, nous allons aussi voir ces lignes rouges entre les deux, et je n'en veux certainement pas. Donc, je vais me débarrasser de cet effet, et au lieu de cela, je vais juste entrer dans le bardage, parce que c'est là que le toit s'alignera, et je vais déplacer ma chronologie ici, donc je sais à quel moment dans le temps l'ombre devrait apparaître, puis aller dans mon précomp d'observation. Ensuite, je vais juste sélectionner le calque supérieur, le dupliquer, et renommer l'ombre supérieure bardage, me débarrasser de l'ombre portée, et déplacer le point d'ancrage vers le coin supérieur gauche. Appuyez sur U pour afficher mes images clés et passer à la première, puis définissez cette valeur sur 100 sur l'échelle X afin qu'elle soit pleine largeur, puis zéro sur l'échelle Y, donc elle est mise à l'échelle supérieure. Et maintenant que la mise à l'échelle vers le bas. Maintenant, j'ai déjà perdu où je devais animer ça, donc je vais trouver ça dans le maincomp, juste ici, puis je vais juste revenir à ma composition de bardage, et déplacer ce calque vers l'avant pour que c'est là qu'il commence à animer . Maintenant, j'ai juste besoin de changer la couleur pour correspondre à l'ombre du reste du revêtement. Donc, je vais sélectionner cette couleur, utiliser la pipette, et voilà, et enfin, je vais juste changer cette valeur d'échelle en cliquant et en faisant glisser sur cette poignée de transformation, sorte qu'elle soit à peu près la même largeur que le reste des ombres. D' accord. Je vais jouer ça, et c'est très bien animé. Je pense que je vais juste accélérer, donc c'est sympa et rapide, et ensuite retourner à ma maison et voir à quoi ça ressemble. Parfait. Je pense que je peux même le repousser dans le temps juste quelques images, et ça a l'air génial. Maintenant, je veux ajouter un peu d'ombrage à ces buissons juste pour leur donner un peu plus de profondeur. Je vais le faire avec un style de calque. Donc, je vais sauter dans ce calque, clic droit sur le calque et accédez aux styles de calque, puis à l'ombre interne. Puis je fais tourner mon ombre intérieure dans la palette des calques, et je change l'angle. En ce moment, les ombres du haut à gauche, je veux le faire tourner jusqu'à ce qu'il aille en bas à droite. On y va, quelque part par là. Ensuite, je vais augmenter un peu la distance et baisser la taille. Je vais faire tourner ça un peu plus jusqu'à ce que je le trouve là où je le veux, et ensuite je vais baisser l'opacité. De cette façon, ça donne juste cette belle petite ombre, et je vais revenir à mon comp principal, et nous pouvons voir que maintenant ils ont beaucoup plus de profondeur. Je vais le rejouer. D' accord. Un autre détail que je veux faire est d'ajouter un peu de point culminant au verre, presque comme il y a un éblouissement de chacun de ces vitres. Donc, je vais double-cliquer sur la fenêtre supérieure, et ajouter dans cette réflexion. Je pense que je vais le faire à la main avec l'outil à stylo. Donc, je vais sélectionner l'outil plume et éteindre le remplissage, en cliquant sur cette petite icône juste là, puis changer le trait pour être blanc. Et je vais augmenter un peu la taille du trait, puis dessiner un tracé sans calques sélectionnés. Donc, quelque chose qui ressemble un peu à ça. Donc, c'est une ligne inclinée, et puis je peux contrôler la largeur de cette ligne juste en augmentant le trait avec ici. Donc, quelque chose qui ressemble à ça, puis je vais aller dans le contenu de ce calque, et dupliquer cette forme, passer à mon outil de sélection, cliquer et faire glisser pour le déplacer, puis j'irai dans cette et ajustez un peu la largeur du trait vers le bas, donc il est un peu plus petit. Zoom avant et proche pour que nous puissions voir ce qui se passe, puis replacer un peu vers la gauche. Maintenant, nous avons juste ces deux lignes simples qui font un calque stylisé. Comment je veux animer cela est essentiellement d'avoir la diapositive dedans, mais je dois les garder contenues dans le verre. Pour ce faire, je vais juste dupliquer la couche de verre, la déplacer vers le haut, et le renommer, mat de verre, et je vais renommer ce calque en surbrillance un, puis je vais définir ce calque comme un mat pour le surlignement en allant au mat de piste, qui si vous ne voyez pas la colonne de mat de piste, il suffit de cliquer sur ce bouton ici, et je vais changer cela en mat alpha, et vous voyez mat de verre est le nom de la couche au-dessus, c' est ainsi qu'un mat alpha fonctionne. Maintenant, cela va contenir ces lignes dans cette couche. Maintenant, je peux saisir ce calque de surbrillance et le déplacer, et il n'apparaîtra nulle part ailleurs. Maintenant, je vais sauvegarder ça et les faire venir probablement juste ici. Donc, je vais commencer avec ce calque sur le côté, et je vais appuyer sur le crochet gauche pour pousser le point d'entrée de ce calque à ce point dans le temps, définir un cadre clé de position en tenant l'option et la touche p, puis aller de l'avant dans le temps quelques cadres, et remettez-le là où je veux qu'il finisse. Donc, juste autour, là. Maintenant, parce qu'elle démarre hors écran, je n'en ai pas vraiment besoin pour sortir de cette image-clé, veux vraiment me concentrer sur l'accélération dans la seconde image-clé. Donc, je vais sélectionner cela, en toute facilité, aller dans mon graphique, et passer à mon graphique de vitesse, puis juste augmenter la vitesse tout le chemin sur la deuxième trame clé et apporter cette poignée tout le chemin dans le premier image-clé. De cette façon, il tire juste en bon et rapidement. Je pense que je vais le pousser vers l'avant dans le temps juste un peu, donc il y a un peu plus de chevauchement dans l'animation, et je vais aller même quelques pas plus loin en allant dans le contenu, et trouver la transformation pour cette forme deux groupes. Donc, je fais tourner ça vers le bas, je vais dans la transformation pour la forme deux, et je mets une image clé de position. Ensuite, je vais appuyer sur U pour afficher uniquement les propriétés d'image clé, et cela va me permettre de déplacer cela indépendamment de la première mise en évidence. Donc, je vais juste faire avancer ça dans le temps un peu et ensuite peut-être le pousser sur 10, 15 images, quelque chose comme ça. Ensuite, effectuez le même type d'accélération que ces deux images clés. Donc, facilité, entrez, manivellez celle-ci, débarrassez-vous de l'influence sur la première image clé, puis alignez-les avec les deux premières images clés. On a un peu d'air entre les deux. Maintenant, c'est très subtil à ce stade, mais si je prends ces deux images clés et les pousse, maintenant ça va être beaucoup plus perceptible, et ça pourrait même être un peu trop. Donc, on dirait que c'est peut-être le point doux, mais on dirait que l'un vient après l'autre maintenant, c'est exactement ce que je voulais. Quelque chose d'autre que je pourrais faire pour rendre cela encore un peu plus intéressant, est d'élever la largeur de trait pour chacune de ces lignes. Donc, avec ce calque sélectionné, je vais venir à cette petite barre de recherche et taper, largeur de trait, et là nous allons, nous voyons les propriétés de largeur de trait, je vais définir des images clés, encore une fois appuyer sur U pour faire apparaître tous les remonter un peu dans le temps, puis les baisser tous les deux. Donc, celui-ci avait 10 ans, je vais le baisser à probablement trois, et je vais prendre celui-là qui avait cinq ans et le baisser à un. Alors je pense que je vais faire ce dépassement un peu, pour qu'il ait un peu un mouvement rebondissant. Donc, je vais étendre cela un peu, copier et coller, puis les mettre à l'échelle les deux. Donc, peut-être 10 va à 14, cinq va à huit, puis je vais sélectionner les deux images clés et aller dans mon graphique de valeurs. Je vais facilement faciliter toutes ces images clés, espacer un peu les deux dernières tout en maintenant la touche Maj pour préserver les valeurs, puis mettre à l'échelle chacune un peu. Donc, cinq va descendre à quatre, 10 va descendre à huit, ramener les deux à nouveau, et faciliter facilement ces propriétés aussi bien. Alors je vais juste augmenter l'influence sur tout ça, c'est un peu plus lisse. Je fais tout cela sans même regarder mon animation, parce qu'à ce stade, je sais comment fonctionne un dépassement de puissance, donc je devrais être capable de regarder cela juste en regardant le graphique. Alors, rejouons ça. Ça a l'air plutôt bien. Je pense que le timing de ces deux dernières images clés doit juste être ajusté et peut-être que les valeurs ne devraient pas descendre jusqu'à présent. Éteignez mon accrochage pour que je puisse être un peu plus précis, puis je pense que je vais retirer l'assouplissement de cette première image clé, sorte qu'elle tire juste jusqu'à cette valeur supérieure, puis recule vers le bas. Ça a l'air plutôt bien. Maintenant, alignons ces images clés avec l'animation réelle. Je vais mettre celui-ci à l'avant, saisir la seconde et l'aligner avec la deuxième couche et voir à quoi il ressemble. Voilà, juste un détail très simple mais il ajoute un peu à cette animation. Maintenant, je veux aussi baisser l'opacité de ce calque pour qu'il ne soit pas exactement la même couleur que le cadre. Donc, voilà, j'appuie sur T pour faire apparaître l'opacité, puis je la baisserai, pour qu'elle soit plus transparente. Je pense que je veux le pousser un peu plus vers la gauche alors je vais juste appuyer sur P pour faire apparaître la position, et la déplacer. Donc, c'est plus comme ça. Super. Et maintenant que j'ai cette animation une fois, je peux le dupliquer, et puis j'aurai besoin d'un mat à la fenêtre inférieure, donc je vais dupliquer ça, le déplacer vers le haut, et l'appeler, verre mat deux, et faire sûr de l'éteindre. Parce que même si un calque est utilisé comme cache, il apparaîtra à moins que vous ne l'éteigniez. Ensuite, je vais sélectionner le calque de surbrillance en double et appuyer sur P pour faire apparaître la position, et je dois le déplacer vers le bas, mais je ne veux pas le faire une image à la fois. Donc, je vais sélectionner les deux images clés, assurer que mon jeu est sur l'une d'entre elles, puis cliquer et faire glisser tout en maintenant la touche Maj enfoncée. Et vous pouvez voir que c'est déplacer les deux images clés en même temps. D' accord, je vais jouer ça. Ça a l'air bien. Je vais juste les compenser un peu à temps. Je pense que je peux les faire arriver un peu plus tôt. Ça a l'air génial. Maintenant, juste pour le rendre un peu différent sur le verre inférieur, je pense que je vais le sauvegarder pour qu'il ne voyage pas si loin. Donc, peut-être que c'est un peu plus ici, alors j'appuie sur U pour faire apparaître les images clés et peut-être que je vais rendre la deuxième ligne moins mince. Donc, je vais sélectionner les images clés pour cela, saisir les trois dernières, puis juste l'augmenter un peu tout en maintenant la commande, afin que je puisse faire ça bien et précisément, cette façon, les réflexions semblent un peu différentes les unes des autres. D' accord. Super. Maintenant que j'ai que je vais le copier, aller dans ma fenêtre inférieure, passer en haut de la pile de couches, puis le repositionner pour aligner avec ce verre supérieur. Je vais donc appuyer sur P, réduire ces autres calques en les sélectionnant et en appuyant sur U, puis sélectionner ces deux images clés, les déplacer vers le haut, et il semble que mes lignes soient à peine trop courtes pour s'adapter. Donc, ce que je vais faire, c'est simplement saisir la balance, et la mettre à l'échelle. Appuyez sur P sur le clavier pour faire apparaître la position et aligner cela là où je veux qu'il soit, et génial là-dessus semble bon. Maintenant, j'ai juste besoin de mon mat, donc je vais attraper ce calque, dupliquer, commander D sur le clavier, le renommer, verre mat un, et l'éteindre. Ensuite, je vais retourner à ma fenêtre supérieure, copier le surlignement supérieur et le coller dans. Appuyez sur P pour faire remonter la position, accédez à l'une des deux images clés et faites-la glisser vers le bas, tout en maintenant la touche Maj enfoncée, repositionnez-la un peu et repositionnez-la jusqu'à ce qu'elle soit là où je le veux. Je pense à ce sujet. Et encore une fois dupliquez ce calque, déplacez-le au-dessus de ce surlignement et renommez-le, verre mat deux, éteignez-le, et maintenant il va être contenu dans cette fenêtre. D' accord, regardons ça dans le contexte de toute la maison, et là tu l'as. J' ai ajouté beaucoup de profondeur à cette œuvre simplement en ajoutant quelques ombrages simples. Maintenant, vous avez vu tout mon processus d'animation du début à la fin, sorte que vous pouvez terminer votre propre animation. Si vous voulez ajouter de petits détails comme je l'ai fait, pour l'ombrage, pour ajouter plus de profondeur, ou simplement la stylisation, n'hésitez pas à le faire. Une fois que vous êtes satisfait de ce que vous avez, alors nous pouvons passer à la boucle pour l'exportation. 14. Mettre l'animation en boucle: Maintenant que j'ai animé ma maison sur, je veux inverser l'animation afin que je puisse boucler cela comme un GIF. Il y a deux façons différentes de le faire. La première façon est vraiment simple. Je vais commencer par sélectionner tous mes calques, appuyer sur Commande ou Contrôle A, puis les pré-composer. Alors, allez à Layer, Precompose et je nommerai cette boucle de construction House. Cliquez sur OK et maintenant toutes ces couches sont contenues dans cette pré-composition. Maintenant, je vais rejouer la séquence et l'arrêter quand je pense que je veux que l'animation inverse. Alors, on y va. Je pense qu'il ya probablement où il pourrait inverser et animer reculer. C' est quelque chose que je peux ajuster plus tard mais maintenant je sais que juste autour de l'image 75 est l'endroit où je voudrais juste inverser l'animation et revenir au début. Donc, ce que je vais faire est de couper ce calque à ce point dans le temps en maintenant la touche Option ou Alt enfoncée et en appuyant sur le crochet droit. Ensuite, je dupliquerai le calque en appuyant sur Commande ou Ctrl D puis cliquez et faites glisser ce calque tout en maintenant la touche Maj enfoncée, sorte qu'il s'accroche au point de sortie du calque en dessous. Donc, maintenant j'ai juste deux couches de la même animation. Mais, je veux inverser celui-ci, donc il s'anime et s'anime ensuite. Donc, je vais faire un clic droit, aller à Time, puis dire Calque Time-Inverse. Tout comme ça, mon animation va jouer à l'envers. Donc, je vais définir mon point de sortie de zone de travail à juste ici à la fin de ce calque, puis tout lire. Animer est activé, inverse, animer est désactivé. Donc, c'est bon, mais il y a beaucoup de temps entre la fin de l'animation et l'inversion de l'animation. Ensuite, de cette image à cette image, il n'y a pas d'espace du tout, il revient tout droit dans l'animation. Donc, j'aimerais combler l'écart entre ce point ici et donner plus de temps avant qu'il ne s'anime, même si c'est juste 5 images. Donc, je vais juste couper une partie de la fin ici, la sauvegarder, on dirait qu'il y a là où il commence à s'animer. Donc, je pourrais même couper un peu plus, sauvegarder à nouveau, et voir comment ça se joue. Même c'est assez long. Je pense que je vais juste éliminer tout l'espace mort sur ce clip inversé et ensuite peut-être le sauvegarder quelques images dans ce calque. Je vais le jouer d'ici. Ouais, j'aime mieux ce timing. De cette façon, nous n'avons pas autant de pause avant qu'elle ne s'anime. Le seul autre problème est qu'il n'y a rien à combler ici, quand la maison n'est plus visible. Donc, je vais juste faire un nouveau calque solide, aller à Calque, Nouveau, Solide et je veux le rendre de la même couleur que l'arrière-plan. Donc, je vais cliquer dessus avec la pipette et cliquer sur OK, puis déplacer cela vers le bas vers l'arrière-plan. De cette façon, quand la maison s'anime et que son calque n'est plus visible, nous voyons toujours cette couleur d'arrière-plan. Je rejouerai ça une fois de plus. Voilà mon animation en boucle. Maintenant, il n'y a absolument rien de mal à animer votre maison simplement en l'inversant. Pour cette animation particulière, je pense que ça semble très bien. Si vous préférez ne pas simplement inverser l'animation, alors par tous les moyens il suffit de l'animer. Vous pourriez toujours revenir dans votre pré-composition et dire juste autour de l'image 70, c'est probablement là que je voulais commencer à animer. Allez dans l'une de vos fenêtres, puis animez tout, la même manière que vous avez animé les choses. Peut-être, il n'a pas besoin de dépasser, cela pourrait être aussi simple que de réduire les éléments, donc je vais le faire très rapidement. Prenez ces trois couches, définissez une image clé à l'échelle, allez en avant quelques images et réduisez l'échelle Y à zéro. Je vais pousser la couche de cadre vers l'avant quelques cadres, décaler un peu les vitres supérieure et inférieure, peut-être dans la direction opposée. Ensuite, je vais simplement copier ces images clés dans les couches mates correspondantes. Je vais prendre toutes ces images clés, aller dans l'éditeur de graphiques et ensuite donner un peu plus d'assouplissement. Peut-être, retirez l'assouplissement de ce côté, on y va. Maintenant, cette animation de fenêtre est éteinte, alors on peut voir à quoi ça ressemble. Donc, juste comme ça, je pourrais animer chacun de ces éléments individuels, en animant exactement de la même manière que je les ai animés et de cette façon, ce ne serait pas simplement une animation inversée. Mais, c'est totalement à vous de décider. N' hésitez pas à faire de votre animation ce que vous voulez. 15. Visite virtuelle de la maison n° 2: Pour la version mise à jour de cette classe, j'ai décidé d'animer un autre projet de maison et de le rendre un peu différent. Alors, laisse-moi jouer ça pour toi. Donc, voilà, c'est une autre animation de maison très simple, mais le design est un peu différent et certains des éléments ne sont pas seulement des rectangles simples comme ma première maison. Donc, je veux juste vous guider à travers certaines des techniques que j'utilise pour animer cette maison. Donc, je vais aller dans ma composition de boucle, et voici toutes mes couches. Donc, tout d'abord, parlons de ces lignes de briques. Je vais trouver ce calque et le solo. Donc, c'est à ça que ça ressemble. C' est juste un tas de chemins de course dans la façon dont je les ai animés. Donc, si vous allez au contenu, dans chacun de ces groupes, il y a un tracé de coupe pour chacune des lignes. Donc, c'est comme ça que j'ai animé chaque ligne à venir est à travers les chemins de coupe. Et si je vous appuie sur pour afficher toutes mes images-clés, et voir que je décalais toutes ces images-clés uniformément sur la première, puis j'ai compressé toutes les secondes images clés, comme je l'ai fait sur la voie d'évitement de mon autre maison, cela a produit une belle animation à la recherche. Donc, pour beaucoup de lignes minces que vous voyez, c'est comme ça qu'il les a animées. Même chose pour les nuages en arrière-plan. C' est juste une garniture de garniture sur une ligne de course. Sur cet arbre, j'ai fait quelque chose d'un peu intéressant. Je voulais qu'il se plie, peu comme si c'était juste en arrière-plan, alors laissez-moi trouver ce calque et donc, et jeter un oeil à la façon dont je l'ai animé. Eh bien, tout d'abord si j'appuie sur R et que j'affiche la rotation, vous remarquerez que je n'ai pas d'images-clés sur cette propriété. Au lieu de cela, j'ai animé ceci avec un effet. L' effet est appelé CC Bend It. Et la façon dont cela fonctionne est en définissant un point de terminaison de démarrage. Donc, je vais dupliquer ceci, éteindre le premier, puis réinitialiser la deuxième copie, me débarrasser des images clés, et vous remarquerez que mon arbre a disparu. Et c'est à cause de la façon dont vous devez le mettre en place. abord, vous devez aligner vos points de départ et vos points de terminaison sur votre illustration. Donc, j'ai besoin de déplacer le point final vers le haut de l'arbre, le point de départ à la base de l'arbre. Et voilà, maintenant vous pouvez voir que mon oeuvre est de retour. Maintenant que ceux-ci sont réglés, je peux plier cet arbre dans les deux sens, et c'est aussi simple que ça. Vous avez d'autres options pour la façon dont vous faites cette distorsion, mais c'est tout ce dont j'avais besoin pour mon animation. Maintenant, je vais m'en débarrasser et retourner l'original et jeter un oeil aux images clés réelles. Donc, comme je l'ai dit plus tôt, vous pouvez faire une overshoot avec fondamentalement n'importe quelle propriété keyframable. Donc, cette propriété particulière plie la couche d'avant en arrière, mais je n'ai toujours pas dépassé avec elle. Vous voyez qu'il commence à se plier, il dépasse la position finale, revient et puis juste joliment roche d'avant en arrière à sa valeur finale. Et voici à quoi ressemble mon graphique de valeurs, très similaire à nos autres dépassements. Je l'ai étalé au fil du temps pour lui donner l'impression qu'il a beaucoup plus de poids car c'est un si grand arbre derrière la maison. Mais vous remarquerez que dans ce cas, je n'ai pas fait beaucoup de dépassements avec les autres parties de la maison. Il y en a comme sur cet arbre et les buissons à l'avant, mais tous ces autres éléments sont en quelque sorte simplement glisser dans ou être attirés sur. Et je l'ai fait intentionnellement pour donner à cette animation une sensation légèrement différente. Donc, prenez toutes ces choses en considération quand vous travaillez sur votre propre maison. Vous n'avez pas à animer uniquement la propriété scale, vous pouvez utiliser des effets, vous pouvez utiliser des textures, vous pouvez utiliser la position, la rotation. n'y a pas de limites car vous pouvez appliquer l'éditeur de graphique et construire des choses comme overshoots ou des mouvements vraiment bien facilités à l'une de ces propriétés. Alors, soyez créatif, jouez et amusez-vous à voir ce que vous pouvez trouver. 16. Exporter un GIF: Maintenant que ma maison est animée, je veux l'exporter. Maintenant, j'ai deux classes qui vous apprennent spécifiquement à exporter des animations en tant que GIF et fichiers vidéo, compresser des GIF comme un boss et à compresser des vidéos pour le web. Si vous souhaitez savoir comment exporter vos animations dans l'un ou l'autre de ces formats, allez certainement les consulter. Ce sont des cours rapides et ils vous donnent un excellent aperçu de la façon de faire exactement cela. Pour cette animation particulière, je vais l'exporter en tant que GIF, et pour ce faire, je vais commencer par définir ma zone de travail. Maintenant, cela est déjà réglé sur la longueur que je veux que l'animation soit, donc je n'ai pas besoin de changer quoi que ce soit, mais sachez que quelle que soit votre zone de travail est ce qui sera exporté à partir d'après effets. Donc, définissez votre zone de travail exactement combien de temps vous voulez, puis passez à Composition, Ajouter à la file d'attente de rendu. Les paramètres par défaut doivent être corrects. Vous devriez avoir les meilleurs paramètres, sans perte, puis vous pouvez changer la sortie à en cliquant sur ceux-ci en lettres bleues. C' est ainsi que vous pouvez dire à After Effects où placer votre animation. Je vais mettre le mien droit sur le bureau, appelez-le simplement House_Build, c'est bon, puis cliquez sur Rendu. Ça ne devrait pas prendre très longtemps. Vous entendrez un petit carillon une fois que c'est fait, et je vais ouvrir cette animation à l'intérieur de Photoshop. Alors, ouvrez ça. L' ouverture peut prendre un peu de temps en fonction de la longueur et de la résolution de votre vidéo. J' ai exporté le mien à la résolution HD de 1440 par 1080, ce qui est assez grand et beaucoup plus grand que nécessaire pour exporter. On y va. La chronologie doit être ouverte. Si vous ne voyez pas le vôtre, venez simplement à Fenêtre, Montage, et vous pouvez cliquer sur Lire et vous assurer que cela s'affiche très bien. Vous ne pourrez peut-être pas lire en temps réel, mais cela vous montre au moins que votre vidéo a été exportée correctement. La première chose que je veux faire est de redimensionner ceci. Je vais donc passer à Image, Taille de l'image, et la changer à 800 par 600. Je vous recommande de garder vos GIF au moins 800 pixels sur la largeur ou la hauteur, selon la durée la plus longue, juste pour des raisons de compression et de temps de chargement. Je vais cliquer sur OK. Nous allons recevoir une petite notification que cela doit en faire un objet intelligent pour le redimensionner, c' est tout à fait bien, et maintenant c'est la bonne taille. Maintenant, je vais venir à Fichier, Exporter, Enregistrer pour le Web, Legacy. C' est ainsi que je peux l'exporter en tant que GIF. Je veux venir ici aux Presets, cliquez sur cette liste déroulante et aller jusqu'au sommet, GIF 128 Dithered. Cela prendra un peu de temps à traiter car il doit traiter chaque image. Mais on y va. Maintenant, nous voyons un aperçu de la compression GIF, et vous pouvez passer à travers cette image à la fois ou même frapper le jeu. On dirait que nous avons un peu de compression, donc je vais jeter un oeil à la taille de mon fichier ici. C' est seulement 626K, ce qui est très petit aussi long. Tant que votre GIF est de 2 mégaoctets ou moins, vous pouvez le télécharger directement sur Skillshare. Donc, je vais aller de l'avant et augmenter mes couleurs de 128 à 256. Voilà, tu y vas. Maintenant, notre image est beaucoup plus claire. Je suis content de l'apparence de ça, donc je suis prêt à exporter. Si votre animation est encore assez grande ou si elle n'a pas l'air très bonne, il n'y a que deux choses que vous pouvez faire ici qui affecteront vraiment la qualité de l'image. La première est de changer la résolution. Je vous suggère de descendre à quelque chose comme 400 par 300 si ce n'est pas si grand et puis de changer le nombre de couleurs. 256 est le maximum, mais si votre GIF semble bien à un nombre inférieur de couleurs, alors par tous les moyens, déposez-le car cela réduira la taille de votre fichier. Maintenant que tout est configuré, je vais m'assurer que les options de boucle sont définies sur éternellement. Ensuite, je vais cliquer sur Enregistrer et juste remettre cela sur le bureau. House_build est bien. Cliquez sur Enregistrer, Photoshop exportera ce GIF. Ensuite, je peux aller sur mon bureau, jeter un oeil à ce GIF. On y va. C' est la lecture, l'inversion et la boucle parfaitement. Maintenant, c'est prêt pour le téléchargement. 17. Vous avez réussi !: Félicitations, vous avez terminé l'animation avec facilité dans les effets après. Maintenant, je suis sûr que vous pouvez dire que je suis très passionné par l'éditeur de graphiques. Donc, si vous avez une bonne compréhension et compréhension de la façon dont cela fonctionne alors, j'ai réussi. Merci beaucoup d'avoir suivi ce cours et assurez-vous de poster votre projet de classe une fois qu'il est terminé. Nous voulons tous le voir et si vous le partagez sur les réseaux sociaux, tagez-moi @Jakeinmotion afin que je puisse le voir là-bas. Si vous avez des questions, comme toujours, posez-leur sur la page de la communauté et si vous aimez ce cours, j'adorerais si vous me laissez passer en revue. Assurez-vous que vous me suivez ici sur Skillshare afin que vous puissiez voir toutes les mises à jour que je les publie. Encore une fois, merci beaucoup d'avoir pris le cours. Ça signifie vraiment beaucoup pour moi et je te verrai dans la prochaine. 18. Bonus : visite virtuelle de démonstration de l'éditeur de graphiques: La première version de cette classe de loin, la question qui m'a le plus été posée était comment j'ai mis en place cette démo de l'éditeur de graphiques ? Je vais enfin répondre à toutes ces questions maintenant. Ce que vous ne pouvez pas voir ici, c'est toutes les couches dupliquées qui composent ces contours parce que j'ai mon interrupteur timide activé si je déshonore mes couches, nous voyons qu'il y a en fait beaucoup de couches dans cette composition et je les ai verrouillés et boucliés tous de sorte que Je pourrais les cacher et ne pas les gâcher. Donc, ce qui se passe ici, c'est que j'ai un duplicata de ce cercle maître avec le remplissage désactivé, donc nous voyons juste le contour et il y a un duplicata pour chaque image entre zéro et 30. C' est ainsi que nous l'avons gardé des cadres supplémentaires apparaissant , mais cela ne fonctionne que pour ces 30 images. C' est l'attrait de tout ça, c' est que ce n'est pas une solution très pratique. Donc, ce que j'ai fait si je déverrouille un de ces doublons et aller dans les contrôles de transformation, puis la position. J' ai une expression ici qui n'est pas facile à regarder, du tout, mais je vais la décomposer pour toi. Ce qu'il veut dire, c'est regarder ce cercle maître de couche comp. Ainsi, le calque de cercle maître et dans la transformation contrôlent la valeur de position. Ainsi, la position de la couche de cercle maître, puis regardez cette valeur à un moment spécifique, c'est ce que fait la valeur au moment. Ensuite, j'ai spécifié à quelle heure je veux qu'il regarde, dans ces parenthèses, nous avons thiscomp.frameduration. Cette expression calcule la durée d'une image dans cette composition en unités de secondes, car c' est ainsi que le temps est calculé dans les expressions, avec les unités de secondes. Donc, j'ai découvert quelle est la longueur d'un cadre alors, je l'ai multiplié par 30 ce qui signifie effectivement regarder, à la position de ce cercle à l'image 30. Maintenant, j'aurais pu écrire ceci d'une manière différente, je suis pleinement conscient que j'aurais pu juste dire une seconde mais c'est juste comme ça que j'ai fini par l'écrire. Donc, regardez la valeur de position de ce cercle au temps 30 images puis, soustrayez une image fois l'index et l'index est ce nombre ici. C' est l'index de la couche sur laquelle cette expression est écrite. Ainsi, le numéro de couche ou la valeur d'index de cette couche est 30. Donc, je prends l'image 30 et en soustraire l'index, qui est 30. Donc, nous obtenons une valeur de zéro. Alors, lisons-le encore une fois. Regardons la position du cercle maître à la période 30 moins 30 me donnant l'image zéro et utilisons cette valeur de position à cette image pour ce calque en double. Parce que j'ai basé cette expression hors de l'index, chaque fois que j'ai dupliqué une couche, la valeur d'index a changé. Donc, la première couche était de 30 images moins 30, donc les images zéro. Le suivant serait 30 cadres moins 29, ce qui serait un cadre et ainsi de suite. Tout ce que j'avais à faire était de dupliquer les couches 30 fois parce qu'il le basait sur la valeur d'index. Donc, chacun d'entre eux va être décalé par une image dans le temps. Donc, il est littéralement juste de prendre n'importe quelle valeur de position de ce cercle maître et d'assimiler sa valeur d'index au numéro de trame à partir duquel il a pris une valeur de position. Maintenant que je l'ai expliqué, vous pouvez probablement comprendre pourquoi je ne l'ai jamais montré dans les leçons. C' est très déroutant surtout, si vous êtes nouveau dans les expressions. En plus de cela, ce n'est pas très pratique car cela ne fonctionne que pour le nombre de trames dupliquées que vous avez. Mais j'ai trouvé une autre méthode qui utilise des effets plutôt que des couches dupliquées, juste au cas où vous vouliez l'utiliser. Alors, laissez-moi vous montrer comment ça marche. Au lieu des couches dupliquées, il utilise l'effet écho et cela se comporte légèrement différemment et il rend un peu plus lentement. Donc, c'est pourquoi je ne l'ai pas utilisé dans la démo de l'éditeur de graphiques, mais comme vous pouvez le voir, la piste va s'animer. La façon dont je l'ai mis en place est à travers une pile d'effets. Alors, passons par eux un à la fois. abord, j'ai juste un cercle noir avec un contour blanc et il est important que vous utilisiez ces couleurs, noir pour votre remplissage, blanc pour votre coup. Ensuite, j'ai appliqué un effet appelé CC composite. Ce que cet effet fait est de récupérer le calque d'origine puis de le recomposer sur dessus du calque après tout effet en utilisant l'un de ces modes de fusion. Maintenant, il se trouve que j'utilise pochoir luma qui est le même que le tapis de piste luma pochoir. Parce que j'ai utilisé du noir et blanc, ça se débarrasse de tout ce qui est noir et laisse le blanc. Donc, c'est la première étape, CC composite avec le mode composite luma pochoir. Donc, j'ai mon cercle de contour voyageant à travers l'écran. Ensuite, j'ai appliqué un effet d'écho et c'est ce qui va nous donner la trace. Mais j'ai ajouté une expression au temps d'écho car il est mesuré en secondes et je voulais pouvoir simplement taper une image négative pour savoir que l'écho est décalé une image à la fois. Donc, on va dans les effets, regarde l'écho, on ouvre ça. J' ai une expression très simple, j'ai la valeur, donc la valeur que je tape ici fois cette durée comp.frame, dont nous venons de parler, c'est juste calculer combien de temps une image est en secondes. Donc, je peux maintenant taper en négatif cinq et maintenant les pistes vont être décalées par cinq images chacune. Maintenant, je voulais que cela fonctionne comme une seule image de sorte qu'il semble fondamentalement que ces sentiers restent immobile, et puis je tourne juste le nombre d'échos jusqu'à 30 pour ces 30 images. Maintenant, si vous voulez plus d'échos, vous pouvez avoir cela plus longtemps, suffit de le tourner à n'importe quel numéro de trame que vous voulez. Vous pouvez également faire des choses intéressantes avec l'effet d'écho comme, désactiver la désintégration pour qu'elle s'estompe, n'est pas 100 pour cent tout le temps. WI va laisser ce retour à un, puis j'ai ajouté un autre CC composite. Si vous vous en souvenez, ce que cela fait est de compositer le calque d'origine avant que les effets ne soient appliqués de la manière que vous choisissez. Donc, par défaut, ce serait en avant et ce serait RVB seulement. Je voulais le mettre derrière tous les échos et je ne voulais pas juste RGB, je voulais qu'il prenne aussi l'alpha. De cette façon, je peux récupérer la couche entière exactement comme elle l'était. Donc, c'est sans RGB et c'est avec. Donc, cela a pris soin de ramener l'original et maintenant c'est juste une question de teinter pour que ce soient les couleurs réelles que je veux. Donc, j'ai ajouté un effet de teinte mis mon noir à ce rouge rosé et le blanc à la couleur jaune, et maintenant j'ai exactement le même effet d'écho. Si je veux rendre le trait plus épais, tout ce que j'ai à faire est de saisir la couche et d'augmenter la taille du trait et cela va se comporter exactement de la même manière que l'autre démo de l'éditeur de graphiques. Donc, si je devais combiner à nouveau mes dimensions X et Y, je pourrais faire ce chemin ce que je veux, faciliter ces images clés avec le graphe de vitesse et ça va se comporter exactement comme les expressions démo. Donc, voilà, c'est comme ça que j'ai construit la démo de l'éditeur de graphiques.