Animation avancée de type cinétique dans Adobe After Affects

1. Introduction: Bonjour, je suis Hong Chu et je suis motion designer au Canada. que je vais animer dans Adobe maintenant huit ans que je vais animer dans Adobe After Effects de manière professionnelle . J'ai travaillé dans des agences de publicité pour des clients tels que Adidas, PayPal, Walmart et bien d'autres. [MUSIQUE] Aujourd'hui, je vais vous apprendre à animer une vidéo d'introduction de type cinétique avancé dans After Effects, du storyboard à l'animation finale. La vidéo de type cinétique est type de vidéo d'animation très courant et populaire. C'est un élément essentiel de l' animation graphique qui vous aidera à comprendre comment travailler avec la typographie et utiliser typographie pour raconter l'histoire de votre marque de manière créative. Une fois que vous aurez compris comment animer vidéo de type cinétique dans After Effects, cela fera de vous un animateur plus raffiné et plus commercialisable auprès vos concurrents et sera capable créer du divertissement projets de votre propre chef. C'est également un point de départ solide pour améliorer vos compétences en graphisme animé et vous préparer à des animations plus complexes, ainsi qu'à de futures opportunités passionnantes. Dans ce cours, je vais vous montrer tout ce que vous devez savoir pour animer une vidéo courte mais de la meilleure qualité de type cinétique. Je vais vous montrer le flux de travail professionnel complet et complet de la préparation de votre storyboard dans Adobe Photoshop. Comment configurer votre fichier After Effects pour l'animation Flux de travail fluide et professionnel entre Photoshop et After Effects. Animation avancée à l'aide d'éditeurs de graphes pour des transitions fluides et soyeuses et des mouvements réalistes. Effets spéciaux les plus populaires et les plus intéressants pour les vidéos de type cinétique. Techniques avancées pour peaufiner votre vidéo avec des éléments secondaires et des problèmes. Comment animer avec un contrôle total. moyen simple et efficace de créer une animation complexe avec le moins d'images clés possible. Des tonnes de raccourcis clavier, de conseils et d'astuces en matière de flux de travail que j'utilise tout le temps pour mon travail professionnel quotidien. Pour le projet de classe, vous utiliserez les compétences et techniques apprises dans ce cours pour créer votre propre vidéo de type cinétique animée de 15 secondes. J'ai déjà fourni le storyboard que nous utilisons dans la classe, mais vous pouvez le personnaliser et créer votre propre design. Fabriquez quelque chose dont vous serez vraiment fier. Ce cours s'adresse à quelqu'un qui a déjà réalisé un certain niveau d' animation et qui est à l' aise avec le logiciel. Nous n'expliquerons pas le fonctionnement du programme, mais nous nous concentrerons plutôt sur les aspects avancés de la façon dont vous pouvez animer en tant que professionnel. Si vous souhaitez améliorer vos compétences actuelles en matière d'animation graphique et ajouter des techniques d'animation avancées à vos compétences, ce cours est fait pour vous. Pour être honnête, ce cours est assez difficile. Si vous ne connaissez pas After Effects et que vous n'avez jamais réalisé d'animation After Effects auparavant, je vous recommande de consulter mes autres cours pour débutants familiariser avec le logiciel avant de vous lancer celui-ci. Les concepts et techniques que nous apprendrons dans ce cours seront facilement traduits dans tout type de projet et vous permettront d'améliorer votre niveau pour devenir un meilleur animateur. Au-delà de la création de votre vidéo finale de type cinétique, vous développerez également une meilleure compréhension la narration visuelle et élargirez votre vocabulaire d'animation. Il entraînera vos yeux à devenir taille d'un animateur et vous offrira une toute nouvelle façon de voir l' animation dans le storyboard à l'avenir. J'espère que vous aurez beaucoup de plaisir à apprendre et à animer. Je te verrai en classe. 2. Projet: [MUSIQUE] Bienvenue dans la classe. Avant de commencer, je voudrais parler du projet de classe. Pour le projet de classe, vous allez animer votre propre vidéo de type cinétique de 15 secondes basant sur le storyboard fourni. Je vais vous expliquer tout le processus de personnalisation et de création de votre propre storyboard jusqu' à l'animation finale. Tout d'abord, je veux que vous lisiez description du projet qui s'y trouve, qui répertorie en détail les étapes à suivre pour mener à bien le projet. Familiarisez-vous avec ce que nous allons animer. Je vais vous emmener dans la création d'une vidéo passionnante et avancée de type cinétique à partir de zéro. fur et à mesure que vous suivez le cours et travaillez sur votre projet, je vous encourage à partager avec moi la vidéo finale dans le panneau de projet afin que je puisse vous fournir des commentaires personnalisés. Une vidéo de 15 secondes de type cinétique n'est pas un projet facile, surtout si c'est la première fois que vous le faites. Il y aura des difficultés et des douleurs, croyez-moi. Votre cerveau peut même vous faire un peu mal , mais tout comme apprendre quoi que ce soit, cela fait partie du processus et je suis là pour vous aider à tirer le meilleur parti de ce cours et à répondre à toutes les questions tous les barrages routiers en cours de route. Si vous le menez à bien et que vous terminez votre projet, vous en apprendrez beaucoup et deviendrez un bien meilleur animateur en quelques semaines. Une fois que vous m'aurez suivi et que vous aurez terminé ce projet, vous aurez une idée du processus complet pour créer une vidéo de type cinétique et de nombreuses techniques avancées, du processus et du flux de travail, et les techniques d'animation que nous enseignons dans ce cours sont applicables à toutes les œuvres d' animation graphique. Cela vous aidera à prendre une longueur d'avance et vous donnera la confiance nécessaire pour être prêt à tout futur travail client. De plus, au final, vous aurez une vidéo complète et passionnante de type cinétique avancé à mettre sur votre bobine de démonstration que vous pourrez présenter à client potentiel et travailler immédiatement. C'est tout pour le projet de classe. Je te verrai au premier cours. 3. Le storyboard: [MUSIQUE] Dans ce cours, parlons du storyboard. Pour l' animer dans Adobe After Effects, nous devons préparer quelque chose dans Photoshop pour l'animation, le storyboard. J'ai déjà mon fichier de storyboard dans la configuration de Photoshop ici, comme vous pouvez le voir. moment, je suis dans ce fichier storyboard.psd, qui est un fichier Photoshop. Ensuite, dans le panneau des couches, vous pouvez voir que j'ai l'image 1 jusqu'à l'image 10. Si j'active l'icône en forme d'œil, vous pouvez voir en faisant défiler les différents cadres que nous avons. Voici donc notre storyboard. Il y en a assez simples et directs. Si j'ouvre l'image 1 et que je masque toutes ces différentes couches au-dessus, vous pouvez voir que je n'ai qu' une couche de texte en arrière-plan, puis qu' il y a une couche de texte principale qui est l'animation et puis nous avons obtenu un fond presque noir. Seulement trois couches dans le cadre 1. Ensuite, si je passe à l'image 2, quand je l'ouvre, j'ai un texte d'animation surligné, puis un en violet au milieu, et l'autre en haut, qui est également surligné, quatre couches dans l'image 2. Elles sont très simples et directes. Une fois ces réglages terminés, je peux importer ce fichier storyboard.psd dans After Effects pour animer toutes ces différentes topographies. Si je vais dans le dossier, je peux ouvrir le fichier storyboard.png. Ensuite, vous pouvez voir ici, c'est notre storyboard complet, de 1 à 10. Voici à quoi il ressemble. Vous pouvez presque voir qu'il y a du mouvement et nous pouvons appliquer de nombreux effets et différents mouvements d'animation à la topographie pour obtenir une vidéo d'introduction de type cinétique. Une autre chose que je tiens à mentionner dans cette vidéo est que si vous souhaitez modifier et personnaliser votre propre vidéo d'introduction, vous pouvez également accéder à différentes couches, puis modifier le texte dans la couche. Si vous ne voulez pas que le premier mot se lise sous forme d'animation, vous pouvez le faire. Vous pouvez peut-être mettre une introduction sportive, quelque chose comme ça. Vous pouvez le personnaliser en fonction de vos propres besoins et créer votre propre animation, votre propre vidéo d'introduction. Mais pour l'instant, nous allons le garder comme animation. Ensuite, en termes de couleur, vous pouvez également changer la couleur si vous le souhaitez. Supposons que si nous passons à l' image 4 et que nous avons cet arrière-plan, ON, puis que nous avons celui de devant, qui est de couleur violette, si vous voulez faire un fond vert, vous pouvez le faire. Vous pouvez changer le thème en vert si vous le souhaitez, ou vous pouvez le changer en orange. Cela dépend de la couleur que vous aimez. Vous pouvez en fait personnaliser le storyboard votre couleur préférée avec votre couleur préférée et créer votre propre storyboard. À la fin, nous aurons quelque chose comme ça disposé du cadre 1 au cadre 10. Il montrera à peu près ce que nous allons animer chaque image, puis pour celle-ci, cela durera environ 15 secondes. C'est tout sur le storyboard. Dans la vidéo suivante, nous allons accéder à After Effects et créer un fichier d'animation. 4. Configuration du fichier: [MUSIQUE] Dans cette vidéo, je vais vous montrer comment configurer un fichier After Effects avec le storyboard que nous avions. Maintenant, ouvrons After Effects. C'est le panneau une fois que nous ouvrons After Effects. Au centre, vous pouvez cliquer sur cette nouvelle composition. Ensuite, je vais nommer celle-ci comme la composition principale, Main Comp, qui est la zone de travail principale de notre animation. Pour la largeur et la hauteur, je vais la garder en 1920 x 1080, puis je la laisserai aux pixels carrés. Pour la fréquence d'images, je vais en fait faire 30 images par seconde. Ensuite, la durée, je vais lui donner une durée de 15 secondes. Couleur de fond, maintenez-la au noir. Cliquez, d'accord. Nous avons maintenant une configuration de composition principale dans After Effects. La prochaine chose que je veux faire est d'importer le fichier Photoshop. Nous pouvons en fait double-cliquer sur cette zone de projet, puis accéder à notre storyboard. Je vais accéder au storyboard PSD, qui est le fichier Photoshop, puis l'importer, car je vais essayer de faire en sorte que la composition conserve la taille des calques. Assurez-vous de ne pas cliquer sur cette séquence Photoshop. Parce que si vous cliquez sur celui-ci, cela vous donnera du fil à retordre plus tard. Ceci n'est utilisé que lorsque vous créez une séquence. 95 ou 99 % des cas, nous n'en aurons pas besoin, alors assurez-vous simplement de ne pas cliquer sur celui-ci, puis de cliquer sur Ouvrir. Il me demande si je veux que la couche reste modifiable , puis je cliquerai sur OK. Comme vous pouvez le voir dans le panneau de projet ici, j'ai une pré-composition de storyboard , puis un dossier contenant toutes les couches Photoshop. La façon dont je veux organiser ce panneau de projet est de créer un dossier. Tout d'abord, appelez 00 _Render_Comp. Ce sera toujours au top puisque j'ai mis 00 à l'avant. Je vais déposer cette composition principale dans la composition de rendu, donc cette composition principale sera la zone de travail. De plus, lorsque nous aurons terminé, l'animation affichera cette composition principale, qui est une composition de rendu. Le dossier suivant que je souhaite créer en tant que dossier de ressources nommé assets. Ensuite, je déposerai ces couches de storyboard, ce dossier dans les ressources, qui sont le dossier des ressources. Le prochain que je veux créer est un Precomps. Le dossier precomps hébergera toutes les pré-compositions que nous avons. Si vous le souhaitez, nous pouvons toujours créer un dossier de musique ou de la musique et des vidéos si vous le souhaitez. Mais pour l'instant, je pense que ces quatre dossiers sont ceux que nous voulons conserver pour le moment. Cela peut garder notre panneau de projet bien organisé afin de nous aider plus tard. Accédez au dossier precomps , puis au storyboard, double-cliquez dessus. Vous pouvez voir ici que nous avons une à dix images dans chaque composition individuelle. Chaque composition contiendra tous nos calques Photoshop à l'intérieur de cette composition. Si je reviens en arrière, passe à Frame 2 et ensuite nous aurons toutes nos différentes couches. Ensuite, si on regarde Frame 3, on obtient toutes ces différentes couches. Ce que je veux faire maintenant, c'est revenir à la composition du storyboard, puis sélectionner entre 1 et 10, cliquer sur l'image 10, maintenir la touche Shift enfoncée, puis cliquer sur Image 1, les sélectionner toutes. Commande C, copiez-la, puis revenez à la commande comp principale V, collez-la. Maintenant, dans la zone de travail, qui est notre composition principale, nous allons du cadre 1 au cadre 10. Ce sera l'endroit où nous animerons notre vidéo de type cinétique. C'est tout pour savoir comment configurer notre fichier After Effects. Dans la vidéo suivante, nous pouvons commencer à animer la première image. 5. Commencez à animer des animations: Dans ce cours, commençons à animer la première image. Passons à la première couche d' images ici dans la chronologie et la première chose que je veux faire, les espacer un peu, espacer toutes ces différentes images, puis de tout retourner à l'aide de l'icône représentant un œil. Supposons que si je veux que chaque image dure une seconde, je vais simplement faire glisser ces différentes couches puis les échelonner, les décaler d'une seconde chacune. Maintenant, si j'appuie sur le bouton de lecture, vous pouvez voir que ce ne seront que des images statiques qui passeront les suivantes les unes après les autres. C'est notre énorme compensation en ce moment. Cette première image, animons la première image. Pour animer la première image, passons à la composition de l' image 1, double-cliquez dessus. Je veux zoomer. Si je zoome, je peux presque voir qu'il y a un arrière-plan violet derrière mon texte d'animation. Je pense qu'en ce moment, c'est devant. Je vais le déposer en dessous. Ensuite, tout d'abord, je veux les convertir en texte modifiable. Je peux cliquer sur le premier, bouton droit de la souris, puis créer, convertir en texte modifiable. allons transformer la couche Photoshop en une zone de texte dynamique, et maintenant nous pouvons réellement modifier le texte comme bon nous semble, mais nous allons le conserver sous forme d'animation pour le moment. Celui-ci, pareil, cliquez avec le bouton droit de la souris, puis cliquez sur Créer, convertir en texte modifiable. Pour le contexte, je vais laisser les choses comme ça. C'est génial Maintenant, il ne me reste plus qu'à animer ce texte d'animation ici. Laissez-moi zoomer un peu. Je peux cliquer ici pour l'adapter à la zone d'aperçu. heure actuelle, vous pouvez voir que le point d'ancrage n' est pas au centre de cette couche, n' est pas au centre de cette couche, donc je dois le placer au centre. Pour ce faire, je peux accéder à cet outil situé derrière le stylo, maintenir la touche Commande enfoncée , double-cliquer sur celui-ci, puis il va changer le point d'ancrage au centre de ma couche. C'est ce que je veux. L'animation que j' aimerais faire est, tout d' abord, de faire un changement d'échelle. Appuyons sur S sur le clavier, puis avançons peut-être 15 images, 1, 2, 3, 4, 5. J'utilise le raccourci. Vous pouvez voir dans le coin gauche ici, appuyer sur le chronomètre, ajouter une image-clé , puis revenir à zéro seconde. Remettons cela à zéro. Ensuite, nous pouvons facilement utiliser la touche de fonction F9 pour faciliter les images-clés et accéder à l'éditeur de graphiques. Essayons une courbe comme celle-ci pour l'atténuer complètement , donc c'est comme ça. J'ai l'impression que c'est un peu lent, donc je veux rapprocher les deux images-clés, faire 10 images. Il s'agit de la première animation que nous avons. Il a déjà de l'énergie. C'est bon Maintenant, j'ai juste besoin de dupliquer cette couche Command D, Command D, deux fois, puis d'appuyer sur P sur le clavier, mettre une image-clé de position, puis d'avancer de 10 images. Ramenez celui-ci vers le haut, puis abaissez celui-ci. Allons-y doucement. Accédez à l'éditeur de graphes. Un autre moyen d'alléger facilement une image-clé consiste à cliquer avec le bouton droit puis à accéder à l' assistant d'images-clés, en J'utilise le raccourci. Le raccourci est F9. Je maintiens la touche de fonction enfoncée , puis la touche F9 du clavier. Vous pouvez voir le raccourci ici, il indique F9. C'est pareil. Accédez à l'éditeur de graphes. Je veux faire un graphique d' assouplissement ici. Une autre chose est de vous assurer que vous êtes dans le graphe de vitesse plutôt que dans le graphique des valeurs. Vous pouvez cliquer sur le deuxième bouton ici , puis changer le graphique en graphique de vitesse et vous pouvez maintenant voir quelque chose de similaire à ce que nous avons ici. Si je clique sur ce bouton ici, Ajuster tous les graphiques à afficher » s'affiche. Nous allons adapter ce graphique à la vue ici et l'agrandir pour qu' il soit plus facile de faire glisser la poignée. C'est un graphique que nous avons pour réaliser cette animation ici. C'est bon Il s'agit de la première animation de notre texte ici. Après cela, je veux faire apparaître le texte du milieu vers le haut , puis le redimensionner complètement , puis transformer ces deux textes en haut et en bas en un plan. faire, une fois que nous aurons présenté cette motion, je passerai à la motion du milieu et je m'assurerai ensuite de revenir à l'outil de sélection. Nous avons déjà la propriété d'échelle ici. Assurez-vous que j'appuie sur une image-clé ici, puis avance peut-être quelques secondes, pour l'agrandir. Oui. Quelque chose comme ça fonctionnerait. Ensuite, ces deux couches se transformeront en contour. La façon de le faire est de dupliquer ces deux couches et de les couper à ce stade. Pour ce faire, utilisez Command Shift D et vous pouvez maintenant voir que j' ai deux couches différentes. C'est exactement la même chose que les deux premières sélectionnées. Cependant, ils sont découpés à 20 images par ici. Il s'agit maintenant de deux couches distinctes. Cette couche 1, Animation 5, est identique à l'animation 3 ici. En gros, j'ai dupliqué la couche et je l'ai coupée à ce stade. Maintenant, j'ai juste besoin de les modifier dans les grandes lignes. La façon de procéder est très simple. Accédez simplement au panneau de caractères ici, et si vous n'avez pas de panneau de caractères, vous pouvez accéder à Windows, puis sélectionner le panneau de caractères ici, puis appuyer sur cet échange, ce remplissage et ce trait. Cela va transformer notre texte d'animation en plan. Si je joue l'animation, voici à quoi elle ressemble. Cependant, lorsqu'il grossit, il se superpose à mon texte de plan. À ce stade, je veux toujours que le texte s' éloigne un peu plus de ce texte au centre, donc il y a une coupure à ce stade. C'est l'animation que nous aimons , puis revenons à la composition principale. Regardons l'animation. Quelque chose comme ça, cependant, il me manque encore quelque chose. Ici, je veux ajouter deux couches solides. Passez à la couche, nouveau. Et puis solide. Je veux que cette animation ait un aspect découpé au lieu d'une transition fluide ou d'une mise à l'échelle fluide. Je veux qu'il soit coupé, donc en gros comme des problèmes de typographie cinétique. Je veux accéder à ce sélecteur de couleurs , puis le changer pour les arrière-plans de couleur bleu foncé. Assurez-vous que c'est peut-être le problème. Cliquez sur « OK », puis coupez-le en deux images. Appuyez sur le crochet gauche , puis avancez d'une image Commandez la flèche droite , puis utilisez l'option crochet droit pour le couper. Fondamentalement, cette couche ne dure que deux images. Un, deux, ce seront nos coupes. Je vais en mettre un ici, un ici, puis le dupliquer. Je vais peut-être en mettre un ici, et ensuite, voyons voir, un par ici. C'est le style que nous avons obtenu. Il y a presque un éclair de couleur d'arrière-plan entre les animations, sorte que l'animation n'est pas très fluide. Revenons à la composition principale et voyons à quoi elle ressemble. Oui. Je pense que cela fonctionne et que c'est ainsi que nous animons Frame 1. 6. Couches de null et de coupe: [MUSIQUE] Dans cette leçon, animons Frame 2. Nous avons déjà l'animation Frame 1. Nous pouvons y jeter un œil. Il s'agit de notre animation Frame 1 et en ce moment , nous avons la Frame 2 vient d'être découpée autour de ces cinq images d'une seconde. Nous pouvons accéder à la composition de Frame 2, double-cliquer dessus. Tout d'abord, pour animer Frame 2, je souhaite transformer ces trois couches en texte modifiable. Sélectionnez les trois couches, cliquez avec le bouton droit sur Créer, convertissez-les en texte modifiable. Nous devons maintenant changer le point d'ancrage au centre de ces trois couches. Pour ce faire, assurez-vous maintenir la touche « Commande  » du clavier enfoncée. Double-cliquez sur cet outil situé derrière un stylo. Vous pouvez maintenant voir que les trois couches ont le point d'ancrage au centre. Pour animer ces couches, je veux abord dupliquer ces trois couches, la commande D, puis peut-être que je peux la changer pour une couleur de niveau différent, disons le rouge. Je peux désactiver ces trois premières couches. Je veux transformer le mot en mouvement plutôt qu'en animation. Ensuite, je souhaite également dupliquer à nouveau cette couche. Mets un mouvement de plus sur le dessus. Ensuite, dupliquez celui-ci à nouveau, mettez-en un de plus en bas. Dupliquez à nouveau, mettez-en un de plus ici. Maintenant, j'ai six couches avec du texte animé dessus. Ensuite, j'ai trois couches avec animation. Pour animer ces couches. Je veux le déplacer complètement. Réactivez ces animations. Maintenant, je veux déplacer celui-ci vers le haut. Maintenant, je veux contrôler la propriété de position de toutes ces couches avec un seul objet nul, allez dans Layer New puis No Objects. Assurez-vous que tout est parenté à la valeur nulle. Ensuite, placez la touche sur le clavier. Je peux animer les objets nuls. Une fois que nous avons obtenu la propriété de position, nous pouvons cliquer avec le bouton droit sur Dimensions séparées puisque nous animons uniquement la position y, nous pouvons séparer les dimensions animées uniquement sur la position Y. Appuyez sur le chronomètre pour ajouter une image-clé, puis avancez, peut-être 10 images, 11, 12, 13 images. Déplacez-le vers le bas comme ceci, puis avancez et peut-être cinq autres images. Faites en sorte que la taxe sur les mouvements s'installe au centre. Quelque chose comme ça. Ensuite, je dois sélectionner les trois images-clés. Cliquez avec le bouton droit sur Keyframe Assistant, Easy Ease Accédez à l'éditeur de graphes. Assurez-vous que vous êtes dans le graphique des valeurs plutôt que dans le graphique de vitesse cette fois-ci, cliquez sur cette icône, puis cliquez sur Graphique des valeurs. Cinquième graphique à visualiser. Tout ce que je veux faire, c'est faire glisser ces poignées pour lui donner un peu plus d'énergie. Quelque chose comme ça. Si je prévisualise l'animation, voici à quoi elle ressemble. Ça, c'est bien. Si je reviens à la composition principale, prévisualisons le tout de l'image 1 à image 2, tu vois ça ? Ça, c'est bien. Nous avons cette animation ici. Peut-être que nous voudrions nous accrocher à ce cadre un peu plus longtemps. Je peux tout déplacer, peut-être deux cadres. Il a un support à deux cadres. Ça, c'est bien. Nous avons maintenant cette motion ici. La prochaine chose que je veux faire est de m'assurer que ces balises de mouvement, la balise violette , descendent vers cette ligne ici, puis vers cette ligne ici, puis reviennent vers le haut. Je veux que ce texte animé descende et revienne au centre. Pour ce faire, à partir d'ici, il suffit de trouver ce mouvement en violet. Comment pourrait-on l'appeler violet vif ? Ensuite, nous pouvons le découper à ce cadre ici. Commande Shift D, déplacez-le vers le bas, puis avancez de quatre images, 1, 2, 3, 4, et coupez-le à nouveau. Commande D. Déplacez-la vers le bas. Allez de l'avant, quatre images. Coupez-le à nouveau, remettez-le en place. Avancez quatre cadres, 1, 2, 3, 4, puis coupez-les à nouveau. Va par ici. Regardons l'animation ici. Vous pouvez voir que notre taxe sur les mouvements violette circule ici. Je pense qu'il nous manque une image. J'ai juste besoin de les déplacer, peut-être pour deux images, puis de l'étendre pour deux images. Nous avons du mouvement, descendez, montez. Oui. C'est ce que nous aimons. Vous pouvez voir pour l'instant que je n'anime rien. Je découpe simplement les couches pour que les textes animés puissent être découpés dans différentes positions, et chacune d'elles dure quatre images. Nous avons maintenant le texte violet prêt. Nous avons juste besoin de corriger les autres contours ici. Pour ce cadre, où est mon plan ici ? Voici mes grandes lignes. Je dois le découper dans ce cadre , puis déplacer ce contour vers le haut. Sur ce cadre, nous avons le violet sous ce contour. Il y a des commutateurs, tu vois ? Ensuite, si le violet redescend à ce cadre, j'ai besoin de trouver ce contour. Commande Shift D. Déplace ce plan vers le haut. À ce stade, cliquez à nouveau sur Command Shift D déplacer ce plan vers le bas. Lorsque le violet revient au centre, nous devons trouver ce contour ici. Commande Shift D. Déplacez ce contour sous le texte animé violet. Voyons maintenant à quoi ressemble l' animation. Tu vois ça. Notre texte animé violet change de place par rapport à notre texte animé de plan, et il se déplace vers le bas puis revient au centre. C'est l'animation que nous voulons. Revenons à la composition principale et voyons le tout. Déplace celui-ci un peu. Peut-être qu'il ne devrait pas y avoir de mise en attente. Allons voir. Je ne veux juste pas qu'il y ait une mise en attente. Lorsqu'il coupe dans la deuxième image, vous voyez qu'il y a une prise d'une seconde. Je ne veux pas ça, donc je veux couper cette prise, peut-être couper ce cadre pour le superposer pour deux cadres. ce moment, c'est l'avant du Frame 2, je dois avancer de deux cadres et le découper ici. Option crochet gauche, coupez-la ici. Donc, quand il arrive, le Frame 2 est déjà en mouvement, il est déjà en mouvement. Je veux que ma transition soit toujours en mouvement. Je ne veux pas que la transition se fasse et s'arrête là. Ce n'est pas une transition. Tu vois ça ? Cela fonctionne. Sauvegardons le projet. C'est ainsi que nous animons la deuxième image. Dans la vidéo suivante, nous allons continuer à animer Frame 3 [MUSIC]. 7. Effets spéciaux: [MUSIQUE] Faisons une simple transition d'un flash. C'est très courant pour un type cinétique. Tout ce que nous avons à faire est d'accéder à la couche puis de créer une nouvelle couche solide, changer la couleur en blanc, renommer le nom en flash, puis de cliquer sur « OK ». Faites glisser cette couche à fond entre l'image 2 et l'image 3. Tout d'abord, je veux voir quand nous voulons que le Frame 3 entre, donc par ici, quand les textes animés du cadre cessent de bouger. Pourquoi ne pas commencer à déménager ici et nous voulons passer à Frame 3 ici. Pour celui-ci, je dois déplacer le début de cette couche ici. Utilisez nos raccourcis clavier, crochet gauche, pour vous y rendre jusqu'ici. Nous devons également placer ce flash au-dessus du Frame 3. Alignez-le avec l'image 3, appuyez sur « T » sur le clavier pour faire apparaître la transparence, puis appuyez sur le chronomètre pour ajouter une image-clé. Avancez de 10 images, appuyez sur Commande, Shift, Flèche droite, puis ajoutez une autre image-clé mettez la transparence à zéro. Ce sera notre transition. Il suffit de sélectionner les deux images-clés, puis de cliquer avec le bouton droit de la souris. Accédez à l'assistant d'images clés, passez à Easy Ease. Accédez à l'éditeur de graphes. Assurez-vous que vous êtes dans le graphe de vitesse, puis nous n'avons qu'à faire une courbe comme celle-ci avec un extrême assouplissement, et nous coupons la couche à la fin de l'option images-clés, entre crochets droits. Nous avons maintenant une transition rapide. C'est ce que nous avons. Rejouons l'animation. C'est ce que nous avons. Commande S, enregistrez le projet. Passons à l'image 3 pour animer ce texte animé. Tout d'abord, transformez le texte animé en texte modifiable. Maintenant, je dois placer le point d'ancrage au centre. Utilisez une astuce : maintenez la touche Commande enfoncée sur le clavier, double-cliquez sur ce stylo derrière l'outil. Pour celui-ci, je dois créer une composition pour le texte car je dois y ajouter un effet spécial. Pour créer une précomposition, cliquez sur cette couche, puis maintenez la touche Commande Shift C enfoncée sur le clavier et nommez-la mouvement. Cliquez sur « OK ». Maintenant, nous avons une composition animée. Passons au panneau des effets et des préréglages sur le côté droit. Si vous ne l'avez pas, vous pouvez accéder à Windows , puis cliquer sur Effets et préréglages. Les effets que nous essayons de rechercher s' appellent CC Scale Wipe. Nous avons maintenant effacé l'échelle CC dans le panneau Effets et préréglages. Nous pouvons faire glisser celui-ci sur la couche de mouvement que nous avons, puis nous pouvons animer l'étirement de la couche. Actuellement, elle s'étend vers le haut, ce qui n'est pas ce que nous voulons. Il faut que la direction soit 90 degrés vers la droite. Maintenant, je veux définir une image-clé sur le tronçon. Lorsque la valeur est nulle, c'est l'état final de notre animation. Appuyez sur « U » sur le clavier et au début, tout devrait se dérouler comme suit. Sélectionnez les deux images-clés, F9, Easy Ease, allez dans l' éditeur de graphes et donnez-lui une courbe d'assouplissement extrême comme celle-ci. Regardons l'animation. C'est l'animation que nous voulons. Ça a l'air bien. Commande S pour enregistrer. Revenez à la composition principale. Voyons à quoi ressemble l' animation. Ça a l'air sympa. Ça me paraît bien. La prochaine chose que je veux faire est de faire une transition du cadre 3 au cadre 4. Passons à Frame 3. À l'intérieur du Frame 3, je souhaite ajouter un flou rapide radial. Tout d'abord, passons à Calque, Créer, Nouveau, puis Réglage de la couche. Ce sera notre flou rapide. Passons à la recherche de CC Radial Fast Blur dans le panneau Effets et préréglages . Puisque vous avez déjà sélectionné la couche , double-cliquez dessus et voici les effets C que nous voulons obtenir. En gros, par ici, je veux animer la quantité de flou rapide de 0 à 50 %. À 50, puis simplifiez les deux images-clés. Donnez-lui une courbe d' assouplissement extrême de cette façon. Donnez-lui peut-être plus de temps. Quelque chose comme ça. Cela fonctionne. Maintenant, j'ai juste besoin de bouger un peu plus. Ce que je veux faire, c'est simplement animer le suivi de cette couche de mouvement. Double-cliquez sur cette composition animée , puis accédez à cette couche ici. Accédez aux textes , puis ici dans l'animation, ajoutons un suivi. À partir de zéro, je veux m'aligner. C'est la fin de notre flou directionnel, et c'est le début de notre flou directionnel. Rentrons à l'intérieur. Le début doit être nul et ensuite la fin doit être quelque chose comme ça. Ensuite, nous pouvons facilement effacer une image-clé. Assurez-vous que cette courbe est similaire à la courbe de flou cinétique que nous avions à l'extérieur, puis si nous revenons à l'image 3, c'est l'effet que nous voulons obtenir. Je pense que c'est trop lent. Il y a un endroit où tout s'arrête. Je dois relier la transition de flou cinétique au plus près de cette animation au recto. J'ai juste besoin de déplacer ce flou de mouvement jusqu'ici quand il se calmera et que la transition commencera. Déplacez ces images-clés ici pour les aligner sur le flou cinétique. Peut-être que j'ai même besoin de me chevaucher un peu. Je peux juste recouper cette partie ici. Faites glisser celui-ci. Je pense que ça a l'air mieux. Ensuite, Frame 4 arrive. Voyons si je peux également modifier la propriété d'échelle de cette couche de mouvement. Mettons une image-clé sur la balance, puis agrandissons , puis simplifiez les deux images-clés de la balance. Accédez à l'éditeur de graphes. Assurez-vous que nous avons une extrême facilité comme celle-ci. Cela fonctionne, je pense. Cela fonctionne mieux. Regardons l'animation. Ça a l'air bien. C'est tout avec l'animation Frame 3. Dans la vidéo suivante, nous pouvons continuer avec Frame 4. 8. Sélecteur de gamme: [MUSIQUE] Dans cette leçon, poursuivons l'animation. Faisons l'animation de l'image 4. Depuis la dernière transition que nous avons faite à partir de l'image 3, nous avons le texte animé, puis nous l'avons découpé comme ça. Nous voulons que cela passe du plus grand au plus petit sur le texte, pour passer de la dernière image pour obtenir un mouvement très fluide. Pour ce faire, il me suffit tout d'abord d'entrer dans le cadre de composition, puis de le sélectionner sur le texte, m' assurer que nous le changeons en texte modifiable, puis de changer le point d'ancrage sur centre du texte. Maintenez la commande enfoncée, double-cliquez dessus, appuyez sur S sur le clavier. Faites apparaître la propriété de la balance. Je veux que ce soit au centre de l'écran, donc je dois accéder au panneau d'alignement. Si vous ne disposez pas du panneau d'alignement, accédez aux fenêtres, puis choisissez Aligner. Je souhaite l'utiliser pour m'aligner horizontalement puis verticalement. Assurez-vous que celui-ci se trouve au centre. Je veux que ça commence assez fort. Ensuite, peut-être 15 images deviennent plus petites. Facilité. Accédez à l'éditeur de graphes. Nous avons une extrême facilité comme celle-ci. Peut-être que c'est trop grand, qu'il est plus petit, et peut-être que c'est trop lent. Je dois faire 10 images. Revenons à la composition principale. Voyons comment fonctionne la transition. J'ai du haut et du bas, ça marche de haut en bas. Plus gros, puis plus petit. Enregistrez le projet. C'est notre animation pour l'image 4 et nous pouvons faire l'image 5 ici tout à fait. La façon dont je veux le faire, c'est que je veux entrer dans le cadre 5. instant, je pense que le cadre 4 est trop simple. Je souhaite également placer ce texte dans le cadre 4. Allons cliquer avec le bouton droit sur Créer, puis sur le texte modifiable. Copions cette commande C. Retournez à la composition principale et déposez ce texte dans le cadre 4. Accédez au personnage et assurez-vous de le changer en violet ici. Placez le point d'ancrage au centre. Peut-être le déplacer un peu vers le bas. Ce texte ici, vous pouvez peut-être l'agrandir un peu. Déplacez-le vers le bas. Je pense que c'est trop gros. J'ai besoin de l'avoir ici. Ça, c'est bien. Maintenant, j'ai juste besoin d'animer ce texte pour qu'il soit allumé au hasard, d'une manière ou d'une autre, pendant que nous avons ce texte sur l'animation qui arrive. Pour animer cette couche, nous devons ajouter un sélecteur de texte. Cliquez sur cette couche, puis accédez à Animation, Ajouter un sélecteur de texte, Sélecteur de plage. Nous avons maintenant ajouté un animateur appelé Range Selector sous notre couche unique en son genre. Sous le sélecteur de plage, il y a un bouton appelé Ajouter. Nous pouvons cliquer dessus, choisir Propriété, puis ajouter un changement d'opacité au collecteur de plages. Nous devons d'abord réduire l'opacité à zéro sans ajouter d'images-clés. Maintenant, une fois que l' opacité est passée à zéro, nous faisons glisser le point de départ du sélecteur de plage. Allumons cette option car elle se chevauche. Il recouvre ma couche de texte. Zoomez. Une fois que nous avons obtenu le pourcentage de départ de 0 à 100, vous pouvez voir qu'il illumine réellement notre texte. C'est l'animation dont nous avons besoin. J'ai réglé une touche pour que ça commence à zéro , puis à 100 ici. Cependant, nous voulons que le texte arrive au hasard plutôt que l'un après l'autre. Nous devons aller dans l'onglet Avancé , puis activer cette option aléatoire. De cette façon, vous pouvez voir notre texte apparaître de manière aléatoire à l'écran. Mais pour l'instant, j'ai l' impression que c'est trop lent. Afin de garder le même rythme que celui que nous avons vu sur l'animation ici, je souhaite également animer l'offset. Je veux que le décalage soit nul au début, puis peut-être le décaler à 40 pour cent. Ensuite, peut-être le contrebalancer à moins 10 pour cent. Ensuite, avancez de 30 pour cent, remettez-le à moins 20, puis compensez-le à peut-être 20 pour cent. J'ai juste besoin que ce texte apparaisse au hasard et qu'il reste là comme ça. Je pense que cela fonctionne. Regardons l'animation dans son intégralité. Cela fonctionne. C'est tout pour l'animation Frame 4. 9. Track Matt: Vous vous souvenez que nous avions le cadre pour l'animation ? C'est une couche unique en son genre, et maintenant je peux la copier. Commande C, revenez à la composition principale. Je veux que cette image 5 ait la même animation de couche unique en son genre. Je peux supprimer l'ancien que nous avions. utilise juste un nouveau. Ensuite, assurez-vous de changer la couleur en blanc. Quelque chose comme ça. Maintenant, il ne nous reste plus qu' à l'animer selon les tendances. Nous avons également un parcours très subtil là-bas. Je peux peut-être l'agrandir un peu, mettre au centre. Ensuite, pour les deux premières couches, cliquez avec le bouton droit sur « Créer » du texte modifiable et nous assurer que le point d'ancrage se trouve au centre. Faisons également en sorte que cela figure sur le texte au centre du cadre et que la tendance se trouve également au centre du cadre. Ça va commencer quelque chose comme ça. Une fois que nous l'avons obtenu sur les sélections de l'image précédente, nous allons passer à ce cadre ici. Nous avons le code ici, puis nous avons la propriété de position. Animons cela, voyageons vers la gauche et suivons cette tendance. Appuyez sur P sur le clavier. Faisons en sorte de voyager vers la droite. Je pense à quelque chose comme ça. Ensuite, simplifiez facilement l'image-clé. Accédez à l'éditeur de graphes. Pour celui-ci, faisons une courbe comme celle-ci. Je pense que je veux que la tendance apparaisse maintenant à l'écran. Je veux qu'il glisse vers la droite. Ça devrait commencer quelque part par ici. Ensuite, je peux facilement assouplir un cadre clé. Optez pour une courbe d'assouplissement extrême comme celle-ci. Voyons peut-être si je change la courbe de celui-ci pour quelque chose comme ça. Je pense que cela fonctionne. Maintenant, nous avons juste besoin d'un tapis de course. Passons à la couche, New, Solid. Ensuite, nous pouvons dessiner une trace mate sur cette couche solide, cette forme ici. Rallumez-le. C'est notre tapis de piste. Assurez-vous que ce tapis de piste se déplace avec le calque activé. Je dois donc accéder au lien parent, puis le placer sur le calque activé. Nous avons ce trackmat au top de la tendance, et la tendance va utiliser un alpha mat. Éteignons la piste mate. Il est déjà éteint. Regardons l'animation. Oui, je pense que ça marche. La commande S enregistre le projet. Revenons à la composition principale. Je pense que cela fonctionne. Commande S pour enregistrer le projet. Passons à zéro seconde et affichons un aperçu du tout. Maintenant, nous avons déjà terminé nos cinq secondes. Ce sont nos cinq premières secondes. Prévisualisons-le à nouveau. Supposons qu'avec les cinq premières secondes de la vidéo suivante, nous allons continuer avec l'animation et animer Frame 6. 10. Sélecteur de gamme avancé 1: Dans cette leçon, nous allons travailler sur l'image 6 et également sur la transition depuis l'image 5-6. Revenons à l'image 5 que nous avons déjà animée auparavant. Une fois que l'animation s'est calmée et s'arrête, il suffit que ces deux lignes se déroulent séparément. Je veux que cette tendance vienne vers la gauche, qu' il y ait l'écran, puis cette couche en bas, filme vers la droite de l'écran. Tout d'abord, appuyons sur P sur le clavier. Placez une image-clé sur la propriété de position, puis appuyez sur Command Shift (flèche droite). Tirez dessus comme ça. Maintenant, j'ai juste besoin d'effacer ces deux images-clés. Cliquez avec le bouton droit sur Keyframe Assistant, Easy Ease, puis je peux faire glisser des images-clés, quelque chose comme ceci. Oui, ça marche. La prochaine chose que je veux faire est de déplacer ces deux couches complètement vers l'extérieur en partant de la gauche. En ce moment, j'ai cette couche ON. Je vais voir un tapis de piste. J'ai obtenu cette couche TREND. Si je change la position de la couche ON, voyons si je clique sur la couche puis sur la tendance, place une image-clé sur la position, puis si je déplace les deux hors écran. Oui, ça marche comme ça. Il ne me reste plus qu'à accéder à l'éditeur de graphes. Changez la courbe en une courbe d' assouplissement comme celle-ci. Maintenant, vous pouvez voir qu'ils voyagent dans des directions différentes, cela fonctionne. Revenons à la composition principale et une fois qu'ils seront arrivés ici, je pourrai utiliser Frame 6 pour couvrir le tout. Maintenant, nous sommes passés à Frame 6, c'est bien. Double-cliquez sur l'image 6 , puis nous pouvons animer l'image 6. Tout d'abord, cliquez avec le bouton droit sur la couche de compétences Create Convert to Editable Text. Assurez-vous que le point d'ancrage se trouve au centre. Je peux même changer celui-ci, peut-être agrandir le texte. Ensuite, je veux trouver ma couche Align essayez de la placer au centre. Oui, ça me semble bien. Essayons d'utiliser un objet nul, allons dans Layer New, puis Null Object. Laissez-nous associer cette couche de compétences à l'objet nul. Maintenant, nous avons une valeur nulle et ensuite je veux changer la propriété de position, animer un peu, ainsi que la propriété d'échelle. Peut-être comme ça. Rétrécissez, déplacez-vous d'ici, légèrement vers la gauche, puis quand cela se stabilise, rétrécissez. C'est l'animation complète. Nous avons F9, Easy Ease. Faisons d'abord la courbe d'assouplissement de la position. Faisons cette courbe extrême, puis revenons à la propriété scale pour faire une autre courbe. J'ai besoin d'un assouplissement des deux côtés , donc j'ai besoin d'une courbe comme celle-ci. Essaie juste ça. Je pense que cela fonctionne. Commande S pour enregistrer le projet. Autre chose, j'ai juste besoin d'animer ce texte ici à l'aide d'un sélecteur de plage. Encore une fois, passons à l'onglet « Animation » et ajoutons un sélecteur de plage. Tout d'abord, ce dont j'ai besoin, c'est d'une opacité du trait. Passons au sélecteur de plage et cliquez sur cette annonce ici. Nous avons une opacité de couleur de remplissage, puis une couleur de contour. Passons à la couleur du trait. Utilisez cette opacité ici. Ensuite, ce que je dois faire, c'est le ramener à zéro et animer le départ ici. C'est difficile à voir car nous avons notre couleur de remplissage en ce moment. Dans ce cas, je souhaite ajouter un autre sélecteur. Passons à l'animation , puis choisissons un autre sélecteur de plage. Dans celui-ci, ajoutons une propriété, remplissons l'opacité des couleurs. Faisons d'abord l'opacité de la couleur de remplissage, réduisons tout à zéro, puis nous pouvons animer le pourcentage de départ pour obtenir quelque chose comme ça. Commençons à zéro, avançons de 10 images, changeons-le à 100 pour cent. De 0 à 100 %, en allégeant les images-clés. Ensuite, nous pouvons faire comme une courbe comme celle-ci. Peut-être que c'est trop rapide, éloignons-les deux l'un de l'autre. Oui, je pense que ça fonctionne. Je trouve que l'animation est bonne et que nous pouvons ensuite copier les images-clés. Commande C, allez dans cet autre sélecteur de plage puis Commande V, collez-le. Déplace l'opacité de la couleur de remplissage de quelques images vers l' avant. Je veux juste voir où se situe l'opacité de mon trait. Il se peut que j'aie besoin d'ajouter un trait tout de suite. Je ne pense pas avoir d'accident vasculaire cérébral. Cliquez sur la couche de compétences, accédez au personnage. Ici, dans le trait, je dois ajouter un trait blanc comme celui-ci. Vous voyez, nous avons une couleur de fond en blanc , puis une couleur de contour en blanc. Vous pouvez maintenant voir que nous avons un trait qui contourne le texte des compétences. Dans le sélecteur de plage, opacité de notre trait s' anime d'abord , puis notre opacité de remplissage émet quelques images plus tard, afin d'obtenir un effet similaire à celui-ci. Regardons l'animation. Je pense que nous pouvons faire évoluer cette compétence un peu plus loin. Je pense que ça a l'air bien. Tu vois ça ? En gros, nous utilisons le sélecteur de plage puis nous réduisons l' opacité à zéro , puis nous animons uniquement le pourcentage de départ pour que le trait soit d'abord dirigé vers le bas. Ensuite, quelques images plus tard nous avons la couleur de remplissage. C'est ainsi que nous obtenons cet effet. Revenons à la composition principale. Regardons l'animation ici. Ça a l'air bien. Sauvegardons le projet. C'est tout avec notre animation Frame 6. 11. Sélecteur de gamme avancé 2: Dans cette leçon, nous allons animer Frame 7. Comme nous avons déjà le Frame 6 prêt ici, je pense que lorsque le texte de compétence se rétrécira ici, je veux qu'il passe au Frame 7, donc je vais le couper ici. Au cas où vous n'auriez pas compris la leçon de Frame 6, nous allons animer Frame 7 de la même manière que Frame 6 bien que cette fois nous ayons un arrière-plan presque de couleur foncée. Mais nous allons faire essentiellement la même chose, simplement pour montrer comment fonctionne le sélecteur de plage et comment animer d'abord le trait , puis remplir la couleur en second. Passons à Frame 7, puis choisissons cette couche principale. Cliquez avec le bouton droit sur Créer et convertir en texte modifiable. Ensuite, assurez-vous que nous avons le point d'ancrage au centre. Maintenez la touche Commande double-cliquez sur ce stylo situé derrière l'outil Maintenant, je veux juste m' assurer que nous avons ce texte au centre du cadre. Essayons de trouver le panneau d'alignement, qui se trouve également sous Windows, aligne puis utilise l' alignement horizontal puis l'alignement vertical. Je peux peut-être même l'agrandir un peu comme ça. Tout d'abord, ce que nous voulons nous assurer, c'est que nous devons nous assurer que celui-ci a une couleur de trait autour de la bordure. Passons au personnage. Si aucun personnage n'est ouvert, vous pouvez accéder à Windows, puis choisir le personnage ici. instant, vous pouvez voir que je n'ai qu' une couleur de fond sur ce texte principal. Je dois ajouter une couleur de contour. Cliquez sur le trait, puis utilisez le sélecteur de couleurs pour le définir sur blanc. Cliquez sur cette couleur blanche ici. Maintenant, vous pouvez voir que j'ai à la fois un trait et une couleur de fond. La prochaine chose que je veux faire est d'ajouter un sélecteur. Pour cela, je peux cliquer sur cette couche, accéder à l'animation, ajouter un sélecteur de texte, un sélecteur de plage. Pour le sélecteur de plage, fois que je l'ai ajouté, il n' y a rien à voir pour l'instant. n'y a qu'un pourcentage de position de départ et de fin, et il y a aussi une compensation. Pour pouvoir utiliser un sélecteur de plage, nous devons également ajouter une autre propriété. C'est là que nous devons cliquer sur ce bouton Ajouter, ajouter une propriété. Nous devons d'abord ajouter une opacité de couleur de remplissage. Si nous ajoutons une opacité de couleur de remplissage, et sans rien faire, si je change le point de départ, rien ne se passe car tout est à 100 %. Cependant, si je change l'opacité de remplissage à zéro, une fois que j'ai modifié le pourcentage de départ, vous pouvez voir que le sélecteur de plage contrôle mon texte et que chaque lettre passe directement de zéro pour cent d'opacité à 100 % d'opacité. C'est ainsi que je contrôle l'opacité de remplissage de chaque lettre l'aide du pourcentage de départ du sélecteur de plage. Si j'ajoute une image-clé ici au début à partir de zéro pour cent, puis après quelques images, je la changerai à 100 pour cent. Maintenant, j'ai écrit chaque lettre une par une. C'est notre animation. Tout ce que j'ai à faire est de sélectionner les deux images clés, Easy Ease, et ensuite je dois juste faire une courbe comme celle-ci. Tu sais quoi, dans la mauvaise direction. J'ai besoin de faire une courbe comme celle-ci pour m'en sortir facilement. Ça a l'air bien. J'ai maintenant mon animation d' opacité de remplissage. Une autre chose que je dois faire est d'ajouter l'animation d' opacité de la couleur du trait. Dans ce cas, je dois ajouter un autre sélecteur de plage. Accédez à l'animation, ajoutez un sélecteur de texte, une plage. Cette fois, nous devons ajouter une opacité de couleur de trait. Comme je l'ai déjà dit, si nous maintenons l' opacité du trait à 100 %, rien ne changera. Cependant, si je le change à zéro pour cent, puis si je passe de zéro pour cent des points de départ à 100 pour cent, vous pouvez voir que j'écris sur ce texte uniquement la partie du plan du texte. C'est ainsi que nous animons le plan. Maintenant, j'ai juste besoin d'ajouter une image-clé de départ à zéro seconde , puis de la changer à 100 pour cent à la fin. Easy Ease a Keyframe, accédez à l'éditeur de graphes. Nous sommes toujours dans le Speed Graph. Modifiez cette courbe comme ceci. Maintenant, j'ai à la fois une couleur de fond et une couleur de contour directement activée. Cependant, ils se chevauchent sorte que vous ne pouvez plus voir le trait. C'est pourquoi je dois retarder le point de départ de la couleur de remplissage de quelques secondes, de quelques images, de quatre images. Maintenant que j'ai retardé le début de la couleur de remplissage, vous pouvez voir le trait d'abord puis la couleur de remplissage ensuite. Peut-être que quatre images c'est trop, je le retarde de deux images. Je pense que ça a l'air bien. C'est ainsi que nous réalisons cette animation complexe avec seulement quatre images-clés. Revenons à la composition principale. Regardons l' animation complète ici. Peut-être trois images, parce que pour l'instant je ne peux toujours pas voir le trait. Peut-être qu'il voyage trop vite. Je dois lui donner plus de temps. Ça me paraît mieux. Coupez ici. De plus, pour ce texte ici, je veux qu'il se réduise un peu dès le début, peut-être qu'il avance un peu puis qu'il se réduise. Facile Effacez une image-clé , puis modifiez la courbe. Quelque chose comme ça. Regardons la transition. Cela fonctionne. Ensuite, une fois que tout sera réglé, je le ferai grossir à nouveau. À l'échelle de la propriété, ça va être facile ici et ensuite ça va grandir comme ça. Accédez à l'éditeur de graphes. Cela fonctionne. C'est notre animation Frame 7. Comme ça. Ensuite, ici, nous allons le couper au cadre 8. Je trouve que Frame 7 est trop lent. Je dois effectuer la transition plus tôt. Une fois qu'il sera réglé, il disparaîtra immédiatement. Donnez-lui même un peu de chevauchement. Par ici. Oui, ça marche. C'est tout avec notre animation Frame 7. 12. Devenez des initiés du mouvement: Avant de continuer, je tiens à partager avec vous une nouvelle excitante. Les cours de motion design sont désormais plus abordables chez Motion Circles. Avec notre abonnement Motion Insider pour seulement 7$ par mois, vous bénéficierez d'un accès illimité à nos meilleurs cours de motion design, auxquels plus de 50 000 étudiants du monde entier font confiance Il est temps d'améliorer vos compétences en motion design pour devenir les meilleurs animateurs possibles En tant qu'initié, vous recevrez également des fichiers de projet gratuits issus de tous nos didacticiels YouTube sur Motion Circles. Et profitez d'une réduction exclusive de 25 % sur tous les autres projets d' animation incroyables d'autres artistes dans notre boutique de fichiers de projets. Ne manquez pas cette opportunité d'améliorer vos compétences en animation tout en faisant partie de notre communauté dynamique. Rejoignez-nous dès aujourd'hui sur motion circles.com et libérez votre 13. Animation complexe: [MUSIQUE] Dans cette leçon, animons Frame 8. Mais avant cela, je crois que j'ai oublié quelque chose pour Frame 7. heure actuelle, il n'y a qu'un texte de couleur blanche qui apparaît, ce qui n'est pas une très bonne transition entre notre cadre 7 et le cadre 8. Donc je pense que ce que je veux faire, c'est qu'avant qu'il n'augmente, supprimons ces deux images-clés, je veux qu'elles soient réduites d'abord. Coupons-le et dupliquons-le. Commande Shift D, puis effectuons une modification de propriété à petite échelle. Je veux changer la couleur pour celle-ci, pour le violet. Trouvons la couleur violette. C'est un violet. Prenons cette couleur ici, Command C, puis revenons à notre Frame 7 ici. Je veux changer celui-ci en violet, puis désactiver le trait, appuyer sur cette icône ici pour désactiver le trait. Maintenant, nous n'avons qu'une couche principale violette. Je voulais juste couper de plus en plus petit, peut-être cinq cadres, puis le couper à nouveau. Cette coupe, puis commence à pousser comme ça. Ce sera notre animation pour Frame 7. Coupez, puis nous le faisons grandir comme ça pour le faire passer à Frame 8. Cela fonctionne. Ensuite, nous avons le Frame 8 ici. Passons à l'intérieur du cadre 8, veillons à ce que tous ces éléments soient convertis en texte modifiable, puis à placer tous les points d'ancrage au centre. Celui-ci, je veux animer comme nous le faisions auparavant avec effets d'effacement à l'échelle CC, et je dois commander Shift C, faire une composition, cliquer sur « OK ». Je veux intégrer ces deux couches dans cette couche intermédiaire et maintenant je veux que cet air moyen passe du plus grand au plus petit. Deux images-clés sont faciles et faciles. Donnez-lui une courbe d'assouplissement comme celle-ci. Cela fonctionne. Ensuite, il ne me reste plus qu'à copier, à passer à la composition principale. Souvenez-vous de cet effet que nous avons dans Frame 3, j'ai juste besoin de copier cet effet ici. Copiez les quatre images-clés, commande C, puis passez à l'image 8, collez-la. Assurez-vous que nous changeons de direction à 90 degrés. Je veux aussi que l'animation commence dès sa première arrivée, donc je dois m'assurer que cette première image-clé de la propriété stretch se trouve au début, donc quand elle arrive, elle est déjà animant. Quelque chose comme ça. Revenez à la composition principale. Regardons l'animation. Cela fonctionne. Ça a l'air sympa. Commande S pour enregistrer le projet. Maintenant, ce que nous devons faire, c'est entrer dans cette commande de motion design C pour copier la couche, puis sortir de la commande V, pour la modifier pour accélérer. Maintenant, nous avons un accélérateur. Changez cette couche en une couleur blanche comme celle-ci et je pourrai ensuite copier les deux autres couches. Changez-les pour accélérer également, mais ensuite, changez-les, laissez-moi les désactiver. Pour celui-ci, je veux que la couleur de mon trait soit de cette couleur violette, alors descendez dans cette couleur violette, alors le style de calque, puis allez dans le Stroke, utilisez ce sélecteur de couleur, choisissez la couleur violette. Puis celui-ci aussi quand je change de couleur en violet. Nous avons maintenant trois couches d' accélération, puis trois couches de motion design. Je voulais juste faire quelque chose de similaire au début de l'animation. Souvenez-vous que c'était avant. Je veux utiliser un objet nul pour contrôler toutes ces couches. Assurez-vous que nous associons cette couche 4 et cette couche 7 à l'objet nul, car nous avons déjà cette couche de contour parent de la couche intermédiaire, sorte que nous n'avons pas à attribuer le contour à l'objet nul. Encore une fois, si je change la position de l'objet nul, vous pouvez voir que je suis déjà en train de tout changer. Une fois que celui-ci est installé, je veux juste séparer les dimensions, animer la position y, puis faire tomber la couche d'accélération. Trace-clé facile à utiliser. Tu sais quoi ? Celle-là. Faisons le graphique des valeurs, puis inclinons la courbe AS ici. Quelque chose comme ça, ça marche. Ensuite, une fois que nous l'avons ici, je veux juste que cette couche d' accélération entre l'une après l'autre. En gros, je veux que celui-ci n'apparaisse pas, change les points de départ de ces deux couches à ce stade, utilise le raccourci clavier, les crochets gauches. Ensuite, nous avons ceci. Une couche ici et ensuite la dernière sera là, donc celle-ci juste là. Je veux qu'ils s'en mêlent comme ça. Le troisième arrive en premier, puis celui du milieu, puis celui du haut. Cela fonctionne. Je veux qu'ils s'en mêlent comme ça. Après qu'ils coupent comme ça, je veux que le haut et le bas disparaissent comme ça et ensuite je veux que celui du milieu grossisse comme ça. Peut-être avec une image-clé de maintien, comme une coupure. heure actuelle, la transition se fait en douceur, mais je veux avoir une image-clé complète, donc sélectionnez les trois images-clés, cliquez avec le bouton droit de la souris, désactivez et maintenez l'image-clé. Je veux qu'il disparaisse avant qu'il ne change de taille, donc comme ça. Une fois que la couche intermédiaire change de taille, les couches supérieure et inférieure disparaissent ainsi. Quelque chose comme ça, peut-être même plus grand. Cela fonctionne pour moi. Revenons à la composition principale, voyons à quoi elle ressemble. Cela fonctionne. C'est alors que nous avons coupé le Frame 9 comme ceci. C'est pourquoi nous avons choisi Frame 9 ici. Commande S pour enregistrer le projet. C'est tout pour l'animation Frame 8. 14. Transition complexe: [MUSIQUE] Dans cette leçon, animons l'image 9. Maintenant, nous avons déjà ce texte ACCELERATE qui grandit de plus en plus. Maintenant, nous passons à l'image 9. Double-cliquez sur la composition. Cliquez avec le bouton droit sur « Créer un texte modifiable ». Les deux ont disparu. Ce que nous pouvons faire, c'est simplement dupliquer celle du bas, la commande D, puis la dupliquer à nouveau, commande D. C' est notre mise en page. Maintenant, il faut d'abord placer le point d'ancrage au centre du texte. J'ai besoin de déplacer la V3 plus loin et de changer celle-ci, peut-être. Assurez-vous qu'il se trouve au centre du cadre. Ensuite, Command Shift C pour la pré-composition. Cliquez sur « OK ». Souvenez-vous de l'effet d'effacement de la balance que nous avions auparavant dans l'image 3, copiez-le à nouveau. Celui-ci. Passez à l'image 9, mettez-la ici et assurez-vous que le degré est de 90 degrés comme ceci. Tu sais quoi ? Au début, je pense que je veux le garder plus grand comme ça, 160 %. Ensuite, une fois que c'est réglé, je veux utiliser une image-clé. Une fois que tout sera réglé comme ça , nous aurons ces antécédents comme ça. Cela fonctionne. Quelques images plus tard, nous allons remplacer cette couche ACCELERATE par CAREERS. En gros, il suffit de le couper. Crochet carré ici, coupez-le. Nous avons ACCELERATE et ensuite celui-ci devrait être CAREERS, C. Nous allons le couper ici. C'est peut-être trop lent. Nous devons le découper ici avec une CAREER, puis ajouter une, deux, trois, quatre, cinq, deux, trois, quatre, cinq, cinq images plus tard, une image-clé. Un, deux, trois, quatre, cinq. Fais-le plus grand. Un, deux, trois, quatre, cinq. Faites-le aussi grand que ce texte central ici. Cela fonctionne. Ensuite, je peux changer les trois images-clés pour activer ou maintenir les images-clés. Maintenant, j'ai juste besoin d'un objet nul pour contrôler la taille de tout. Cliquez sur la propriété Scale , puis avancez de 10 images. Fais-le plus grand comme ça. Assurez-vous de les assouplir , puis allez sur le graphique de vitesse, changez-le en une courbe comme celle-ci. Ça s'assouplit. Ensuite, si nous revenons à la composition principale, voyons l'animation. Je veux que l'étirement se produise même après le changement d'échelle de ces textes ACCELERATE. Il y a un mouvement continu. Vous voyez qu'une fois qu' elle est devenue plus petite, cette partie continue de s'étirer, ce permet une transition plus fluide vers elle. Alors, ici, je veux que nous nous recouchions. Peut-être que nous pouvons faire la transition. Une fois que les carrières se chevauchent dans notre secteur, nous pouvons faire la transition. Ensuite, une fois que le texte CAREER chevauche le plan, je souhaite également désactiver le plan. L'option repose entre crochets, recule d'une image, commande la flèche gauche, l'option repose sur le crochet carré, coupez-la. Lorsque la CAREER occupe tout l'espace, le schéma disparaît. Cela fonctionne. Commande S pour enregistrer le projet. C'est tout avec notre animation Frame 9. 15. Cadre de finition solide: [MUSIQUE] Dans cette leçon, nous allons travailler sur l'image finale du storyboard, qui est l'image 10. Comme vous pouvez le voir ici, nous avons déjà cette transition depuis Frame 9, les textes sur les carrières s' agrandissant de plus en plus. Nous allons couper à partir d'ici et faire entrer la ligne des cercles de mouvement, passant du plus grand au plus petit. Double-cliquez sur cette composition de Frame 10. Animons d'abord le texte de ce cercle animé. Faisons de même, sélectionnez les deux couches et cliquez avec le bouton droit sur Créer un texte modifiable. reste plus qu'à placer le point d'ancrage au centre, maintenir la commande enfoncée, double-cliquer sur le stylo derrière l'outil. heure actuelle, le site Web est assez petit, donc je veux l'agrandir. Appuyez sur S sur le clavier , ouvrez la propriété d'échelle, puis nous pouvons l' agrandir. Quelque chose comme ça. Nous allons maintenant animer la propriété d'échelle de ces cercles de mouvement. Appuyez sur S sur le clavier, ajoutez une image-clé, puis avancez de quelques images. Agrandissez ce texte, peut-être comme ceci. Nous pouvons sélectionner les deux images-clés , puis cliquer avec le bouton droit sur Keyframe Assistant, Easy Ease. Passons à l'éditeur de graphes, créons une courbe d'assouplissement comme celle-ci, c'est bien. Alors voyons l' animation, elle a l'air bien. Ensuite, une fois que c'est presque réglé, je veux que ce texte soit là, ce site vienne du haut vers le bas. Je vais utiliser la propriété position, appuyer sur P sur le clavier, définir une image-clé, puis la déplacer plus loin de quelques images, faire glisser celle-ci vers le haut. Nous avons un changement de position de haut en bas, facilité est la clé. Accédez à l'éditeur de graphes, nous pouvons faire une courbe comme celle-ci. Maintenant, j'ai juste besoin de couper la couche quelques images après l'image-clé. Peut-être qu'ici, utilisez l'option de raccourci clavier, crochet gauche pour le couper ici. Le texte va arriver comme ça. Peut-être un cadre de plus, optez pour un cadre de plus, option crochet gauche. C'est l'animation que nous avons, revenons à la composition principale et voyons l'animation. Je pense que ça marche, je peux probablement faire en sorte que celui-ci arrive plus tôt. Lorsque les cercles de mouvement se calment presque, je peux faire apparaître le site Web. Ça a l'air bien, commande S pour enregistrer le projet. Maintenant, une autre chose que je veux faire, c'est que, tout d'abord, quand elle arrive, je ne veux pas que cette couleur apparaisse tout de suite. Je veux que la couleur passe du côté droit vers la gauche. Pour ce faire, nous devons changer ce texte ici en violet. Essayons d'abord de changer le texte en violet. Appuyez sur cette couche puis utilisez le sélecteur de couleurs, choisissez une couleur violette ou une couleur rose. Alors je veux que ce fond rempli vienne de la droite. En gros, peut-être environ 10 images, je veux que ce remplissage de couleur vienne de la droite. Appuyez sur P sur le clavier. Ajoutez une propriété de position, faites avancer 10 images, puis ajoutez une autre propriété de position, faites-la glisser jusqu'ici. C'est mon animation, elle va de droite à gauche. J'ai juste besoin d'alléger facilement ces deux images-clés, puis de leur donner une courbe d'assouplissement. Ça a l'air bien. Lorsque la couleur de fond apparaît, je veux que le texte devienne de couleur blanche. Tout ce que j'ai à faire est de dupliquer cette couche ici, de commander D, puis de changer ce texte en blanc. Une fois ce texte en blanc, je souhaite utiliser le remplissage dégradé comme masque de piste pour cette couche de texte. Dupliquez le fond dégradé, placez-le au-dessus du texte blanc et remplacez le trait mat du texte blanc par Alpha mat. Si vous n'avez pas l'option Track Matte ici, vous pouvez cliquer sur le deuxième bouton dans le coin, cela vous donnera cette option de mat de piste. En gros, lorsque le remplissage des couleurs arrivera, la couleur de ce texte changera en blanc, comme ça. Revenons à la maquette principale et voyons notre animation. Maintenant, il me manque juste un fond noir. Je dois revenir à cette composition, passer à la couche, nouvelle, puis solide, ajouter un fond noir en dessous, puis revenir en arrière. Peut-être même pas noir, je pense que c'est une couleur bleu foncé. Je dois copier ce fond bleu foncé, la commande C, puis passer à l'image 10. Ajoutez-le à l'arrière, supprimez le fond noir que je viens d'ajouter. Regardons l'animation. Cela fonctionne. Je pense que ça a l'air bien. Une autre chose que je voudrais ajouter est que je veux ajouter quelques flashs comme le premier que nous avons dans le Frame 1, juste quelques flashs de couleur unie. Commande D, dupliquez cette couche solide, placez-la sur le dessus, puis coupez-la en deux cadres. En gros, déplacez le point de départ de cette couche jusqu'à ce point ici, utilisez le raccourci entre crochets gauche , puis avancez d'une image. Commandez la flèche droite, puis coupez l'option crochet rouge. Maintenant, j'ai ce remplissage de couleur juste pour deux cadres. Appuyez sur U sur le clavier. Maintenant, je l'ai à l'extérieur du cadre, donc je dois le remettre à l'intérieur du cadre. Supprimez simplement ce chronomètre à images-clés, puis déplacez celui-ci sur le cadre. Accédez au panneau d'alignement, je veux m'assurer qu'il est bien au centre. Ensuite, ça clignote une fois, je vais le dupliquer. Commande D, je vais juste le laisser clignoter peut-être trois fois, voyons voir. Peut-être que deux fois suffiront. Ça a l'air bien. Ici, pour la troisième fois, je veux que tout cela clignote en noir et blanc. Ce que je veux faire, c'est accéder aux couches, nouvelles, puis ajouter une couche de réglage. Coupez-le pour deux cadres, crochet gauche, puis avancez d'un cadre. Commandez la flèche droite, puis utilisez l'option crochet droit. Sur cette couche de réglage, je vais la nommer noir et blanc, puis accéder au panneau des effets et des préréglages. Cherchons un effet appelé teinte, double-cliquez, j'échange la couleur. Ce sera notre cadre noir et blanc, et il ne me reste plus qu'à ajouter un effet de courbes. Recherchez une courbe, puis nous pouvons faire apparaître le contraste avec quelque chose comme ça. Peut-être faire glisser une image de plus. Il va clignoter en noir et blanc tout à coup. Regardons l'animation depuis le début. Je pense que cela fonctionne. Commande S pour enregistrer le projet. Je ne veux pas non plus que ce texte reste toujours immobile dans ce cadre pendant les dernières secondes. Je veux que le tout dérive un peu, qu'il bouge de plus en plus. Accédez au texte principal de ce cercle de mouvements, qui est le texte blanc. Accédez à la propriété d'échelle, appuyez sur S sur le clavier. Ça va durer peut-être trois secondes. Je souhaite ajouter un changement d'échelle à 130 pour cent. Vous voyez, nous pouvons voir ce texte violet en dessous. Je dois couper cette couche une fois que le texte blanc arrive. Je dois couper à partir d'ici, sélectionner cette couche, option restaurer le support pour couper la couche. Ensuite, je veux aussi placer le site Web sur ce texte blanc afin qu'il soit complètement réduit. Cela fonctionne. Accédez à la composition principale et regardez l'animation. Je pense que c'est trop rapide et qu'il dure cinq secondes. Je dois récupérer cette image-clé jusqu' ici et ensuite je veux la changer à peut-être un pour cent. Ça ne va pas trop vite, voyons voir. Je pense que cela fonctionne. C'est tout pour toutes nos animations, prévisualisons le tout dès le départ. C'est notre animation complète. Dans la vidéo suivante, je vais vous montrer comment ajouter un effet glitch et quelques autres animations secondaires. 16. Lignes de Glitch: [MUSIQUE] Dans cette vidéo, ajoutons quelques éléments supplémentaires pour rendre le tout plus raffiné. La première chose que nous devons ajouter est une ligne de problème superposée sur l'ensemble de la vidéo. Pour ce faire, passons au panneau des couches, puis au nouveau. Ajoutons une couche solide. On peut faire une couleur noire. Cliquez sur « OK » et appelez cela des lignes de pépin. Passons au panneau Effets et préréglages, recherchons Fractal Noise ici, double-cliquez sur celui-ci. C'est un effet de bruit fractal que nous avons. Nous devons modifier certains paramètres afin d' obtenir les effets de ligne de pépin. La première chose que nous devons changer est de changer ici le type de bruit, de le changer en bloc. Ensuite, nous devons augmenter le contraste. La luminosité dont nous avons besoin pour la réduire. Rendez-le très subtil. Ensuite, passez à la transformation et vérifiez cette mise à l'échelle uniforme. Nous voulons changer la largeur à 1 000 ou 10 000 et également changer la hauteur à 1. Maintenant, nous avons un tas de lignes ici. Tu vois ça ? Si nous manipulons le contraste, nous pouvons atténuer un peu plus le tout. Si je zoome, je veux le voir de plus près. Passons au sous-réglage. Pour le pourcentage d'influence, changeons l' influence à zéro. Ça va me donner toutes ces lignes droites ici. Pour la sous-mise à l'échelle, le moins que nous puissions faire est de 10. Complexité. Je pense que ça n'a pas d'importance. On peut le garder à 6 heures. En gros, c'est ce que nous voulons. Nous avons juste besoin de manipuler un peu plus la luminosité. Tonifie-le à fond. Ensuite, vous pouvez voir que les lignes sont très subtiles ici. Ici, dans le mode de fusion des lignes de problème, passons à l'écran. Vous pouvez maintenant voir que ces lignes sont superposées au-dessus de notre animation. Cependant, ils ne s' animent pas pour le moment. J'ai juste besoin d'aller dans les options d'évolution , puis de passer à la graine aléatoire. Si je change la graine au hasard, vous pouvez voir que toutes ces animations se produisent. Je trouve que les lignes sont trop fortes, donc je dois changer un peu plus la luminosité, peut-être la réduire encore plus pour atteindre peut-être moins 250. Maintenant, nous pouvons voir qu' il ne reste que quelques lignes. Ici, dans la graine aléatoire, je veux ajouter une expression, maintenir la touche Option enfoncée sur je veux ajouter une expression, Mac, puis cliquer sur le chronomètre. Ici, on peut taper 20 fois. Voyons voir si cela fonctionne. Pouvez-vous dire qu'il y a une animation de lignes glitching très subtile là-bas ? C'est peut-être trop subtil. Cela fonctionne mieux. Ou peut-être que le temps multiplié par 20 est trop rapide. Faisons un temps multiplié par 15 ou 10. Après cela, une autre chose que nous voulons ajouter est d'accéder au panneau Effets et préréglages. Je souhaite ajouter un effet temporel postérisé. Si vous recherchez une postérisation, il y a ce temps de postérisation, double-cliquez dessus. En gros, il s'agit de changer votre fréquence d' de 24 images par seconde à n'importe quoi d'autre. Pour l'instant, nous voulons faire 10 images par seconde, bruit fractal a une apparence plus délicate. Je pense que cela fonctionne. Prévisualisons l'ensemble de l'animation. Maintenant, vous pouvez voir que nous avons une ligne d' erreur en arrière-plan. C'est tout pour la ligne défaillante. Dans la vidéo suivante, je vais vous montrer comment ajouter d'autres éléments secondaires à la vidéo. 17. Animation secondaire 1: [MUSIQUE] Dans cette vidéo, ajoutons une animation secondaire à l'ensemble de la vidéo d'introduction. Passons au panneau Projet ici, puis cliquons dessus , Créer une nouvelle composition. Pour celui-ci, nous pouvons le nommer pour qu'il s'anime sous forme de cercles. Gardez tout pareil, cliquez sur « OK ». Nous pouvons maintenant dessiner un cercle avec les outils sur le dessus. Maintenez cet outil rectangle enfoncé, accédez à l'outil Ellipse, puis nous pouvons dessiner un cercle, maintenir les touches Commande et Option et Shift enfoncées pour restreindre la propriété. Vous pouvez ensuite utiliser la barre d'espace pour déplacer la position du cercle pendant que vous dessinez. Relâchez-le. C'est notre cercle. Pour le cercle, je veux qu'il soit au centre absolu de la composition. Je vais à l'outil Aligner, aligner verticalement et horizontalement. J'ai besoin d'un trait au cercle au lieu de le remplir. Pour désactiver ce remplissage, je peux maintenir la touche Option enfoncée sur le clavier, cliquer sur ce remplissage trois fois 1,2,3. Maintenant, je n'ai qu'un trait autour du cercle. Passons à l'outil Ellipse, passons au trait, puis je souhaite modifier le cap de ligne. Au lieu de Butt Cap, je veux le changer en casquette ronde. Ce sera notre premier cercle. Passons à l'échelle de la propriété. Faisons en sorte que cela soit plus petit. Ensuite, je souhaite changer la largeur du trait à 15. Dupliquons ce cercle, commande D, accédez à la propriété Scale, agrandissez-le. Cependant, changez le trait en un trait plus fin, peut-être sept. Dupliquez à nouveau ce cercle, agrandissez-le encore, puis remplacez le trait par 20. Ensuite, dupliquez à nouveau ce cercle. Appuyez sur « S » pour l'agrandir un peu. Modifiez la largeur du trait à six. Maintenant, j'ai juste besoin d'en faire deux de plus, commande D, de l'agrandir, passer à une largeur plus épaisse. La dernière, commande D, l'agrandit, puis modifie le trait pour le rendre plus fin. Ce sera notre cercle. Nous devons maintenant animer ce cercle ici. Passons au premier cercle, ajoutons un effet de tracé Trim. Je peux manipuler ce point final ici pour animer le cercle de façon intermittente. Pour animer cela, je veux ajouter deux images clés, le début et la fin, partir de zéro, puis avancer de 15 images ou 20 images , puis modifier le début et la fin à 100 pour cent. Easy Ease : deux images clés sont affichées dans l'éditeur de graphiques. Faites glisser ces courbes comme suit. Il ne me reste plus qu'à retarder la fin du cercle. Si je place cette couche en solo ici, vous pouvez voir l'animation. Je fais simplement glisser les images clés de fin vers la droite et vous pouvez voir l'animation comme celle-ci. Elle apparaît, puis s'efface puis s'efface, c'est l'animation dont nous avons besoin. Nous pouvons copier toutes les images clés (commande C) puis les coller toutes sur ces différents cercles. Commande V. Regardons l'animation. Ils voyagent tous en même temps. Cependant, ce n'est pas ce que je veux, je veux qu'ils voyagent à des moments différents. Je souhaite modifier le décalage de ces images clés. En gros, sélectionnez tout, puis ici dans la barre de recherche, tapez offset. Nous pouvons maintenant voir le décalage ici. En gros, ce que je veux faire, c'est pour les deux premiers, je veux le décaler comme ceci, le deuxième , le troisième cercle et le quatrième, je vais lui donner un décalage comme celui-ci. Ensuite, je l'ai compensé comme ça pour les deux derniers. Ils partent d'une position différente. Regardons l'animation maintenant. Cela semble meilleur et plus complexe. Commande S, enregistrez le projet. Je pense que c'est ça, c'est ce que je veux. Nous pouvons utiliser cette composition pour la placer dans notre animation. Voyons où nous devons le placer. Que diriez-vous d'ici ? Si nous avons notre animation circulaire ici, agrandissez-la. Je ne veux pas que le cercle se forme complètement pour que nous ayons un cercle complet à l'écran. Passons à cette composition. Appuyez sur « U » sur le clavier. Je pense que je dois déplacer ces images clés de valeur finale un peu vers la gauche pour obtenir quelque chose comme ça. Le cercle change constamment, nous n'avons pas de cercle complet créé à l' écran et l'animation est plus courte, plus rapide. Je pense que ça marche, comme ça. Nous devrions avoir quelque chose dans ce cadre parce que ce cadre est assez ennuyeux et nous avons juste besoin que la couleur soit dans ce violet. Passons au panneau Effets et préréglages pour rechercher un effet de remplissage. Prends cette couleur violette. Les deux sont à la fois, donc je dois supprimer le premier, c'est trop. Je vais juste le mettre sur l'écran ici et l'agrandir. Pour mieux lier le Frame 4 et le Frame 5, cela fonctionne. Il s'agit d'une animation circulaire en tant qu'animation secondaire. Dans la vidéo suivante, je vais vous montrer une autre animation secondaire. 18. Animation secondaire 2: [MUSIQUE] Dans cette vidéo, animons d'autres éléments supplémentaires. Passons au panneau Projet ici , puis cliquez sur « Créer une nouvelle composition ». Nous pouvons nommer celle-ci, lignes animées, puis cliquer sur « OK ». Maintenant, il me suffit d'accéder à ce stylo et tracer une ligne droite horizontalement. Ça a l'air plutôt bien. Ensuite, je veux dupliquer cette commande D, déplacer un peu vers le bas, puis modifier la largeur du trait à peut-être 20 pixels. De plus, je dois changer le Butt Cap, passer au Stroke, puis changer le Butt Cap en Round Cap. Il en va de même pour le premier. Il suffit de changer le Butt Cap en Round Cap. Rapprochez les deux et j'ai besoin d'en dupliquer une autre, Commande D. Rendre celle-ci plus fine, peut-être 13. Ensuite, dupliquez-en un autre. Je trouve que cela semble bon, et voici nos lignes. Nous devons animer les lignes de la même manière que nous animons le cercle. Nous pouvons en fait aller dans le cercle animé et voir si je copie simplement cette commande d' images-clés de découpage (Commande C), puis passer aux lignes animées et la coller, Command V. Voyons l'animation. Je trouve que c'est encore mieux. Nous n'avons même pas besoin de faire quoi que ce soit nous-mêmes. Nous pouvons simplement copier ces deux images-clés. Copions les images-clés sur chacune d'elles, et c'est notre animation. Ça a vraiment l'air bien. Ensuite, je dois sélectionner la commande à quatre couches Shift C et la nommer Line 1. Maintenant, il me suffit de le dupliquer la commande D, puis de passer à la rotation, lui donner une rotation de 90 degrés. Ce sera notre croix ou l'animation sinusoïdale X. Si je passe à la balance, je peux la réduire, peut-être 80 % pour les deux. Voyons si j'en copie un autre, celui-ci ici. Ensuite, allez dans « Echelle », désactivez cette propriété de contrainte. Mettez un négatif sur l' échelle x pour inverser la tendance. Ensuite, celui-ci, je peux faire la même chose Commande D, aller sur « Echelle », cocher cette contrainte, puis négative ici. J'ai juste besoin de déplacer la position pour mieux tout aligner. Donnez-lui un meilleur alignement. Je pense que ça a l'air bien. C'est notre animation ici. Ça a l'air bien. Commande S pour enregistrer les projets. Passons à la composition principale. Ajoutons nos lignes animées ici. Celui-ci, nous n' avons pas besoin d'être aussi gros, peut-être à une échelle de 20 %, et de le mettre de côté ici. Je veux peut-être que nous commencions par ici. Coupez cette option de couche entre crochets gauches. Dupliquez celui-ci, mettez-le ici. J'essaie de trouver où placer le gros Command S pour enregistrer le projet. En fait, nous pouvons essayer de mettre le plus gros ici, essayons si cela fonctionne. Faisons glisser cette ligne animée et l'alignons ici. Utilisons R pour la rotation. Mettons-le ici. Je pense que cela fonctionne. Nous ajouterons un tas d' autres éléments plus tard pour le rendre plus raffiné. Mais pour l'instant, je pense que celui-ci est sinusoïdal ici, je pense qu'il fonctionne. Je veux que ça commence par ce cadre, alors coupez-le ici comme ça. Cela fonctionne. Ensuite, nous pouvons en faire une autre ici, Commande D. Faisons celle-ci sur le côté droit. Cela fonctionne. Pour accélérer ici, on peut faire le cercle, le faire glisser vers le bas. Placez-le au-dessus du Frame 9. Je pense que cela fonctionne. La dernière pour le cercle de mouvement, nous pouvons toujours utiliser ces lignes animées ici. J'ajoute simplement ces lignes animées et ces cercles animés au hasard pour donner plus de variété, puis j'ajoute des éléments supplémentaires à l'ensemble de ma vidéo. Cela fonctionne. Je peux même ajouter le cercle animé ici et le réduire dans ce cadre ici. C'est cubique. Je peux en fait le changer pour peut-être 20 pour cent. Ensuite, ajoutez-en un peut-être ici, et changez-le à 10 pour cent. Cela fonctionne. Regardons l'animation pour l'instant. Je pense que c'est trop petit , ici. Je peux encore ajouter quelques petits cercles, je vais copier ces deux cercles Command D. Passons maintenant à un aperçu de notre animation complète. C'est un peu lent en ce moment, mais je peux le rendre plus tard et vous montrer l'animation complète, mais vous avez compris l'idée. Il suffit de les placer au hasard dans les lignes animées et les cercles animés différentes tailles , puis à différents endroits pour intéresser davantage l'ensemble de la vidéo. Je pense que la dernière chose que je veux faire est d' ajouter un arrière-plan subtil, texte de plan, tout comme dans la première scène ici, nous avons malheureusement un texte d'animation en arrière-plan. Je veux juste ajouter ces détails, comme si ce contexte n'était pas si clair. Trouvons ce cadre ici, Frame 6. Je veux dupliquer la commande D de la gamme , puis me débarrasser de toutes les images-clés et animations. Je veux juste agrandir celui-ci, puis accéder à la propriété du personnage. Supprimez l'animateur de texte, puis supprimez la couleur de remplissage comme cela, puis agrandissez-la en gros en arrière-plan. Quelque chose comme ça. Modifiez ensuite le trait sur peut-être 0,1, et peut-être que la transparence sur 50 pour cent. Je pense que ça a l'air bien. Que diriez-vous de ça ? Peut-être 25 pour cent ? Je pense que ça a l'air mieux. Vous voyez cette opacité de 25 % en arrière-plan, il suffit de donner un peu plus de texture à l'arrière-plan. Ça a l'air bien. Ensuite, je dois juste l'ajouter à la dernière image, qui est une image finale ici, la trame 10. Dupliquez celui-ci, appuyez sur « U » sur le clavier, supprimez toutes les images clés. Appuyez sur « S », faites-le très grand. Changez ensuite la couleur du trait en blanc. On y va, fais-le grand. Modifiez la largeur du trait à 0,1. Faisons la partie du cercle comme si c'était un cercle, faisons-la encore plus grande. Modifiez ensuite la transparence à 25 % ou 30 %. Je pense que cela fonctionne. C'est tout notre dernière animation complète. Dans la vidéo suivante, je vais vous montrer comment l'exporter, et je vous montrerai la vidéo au format MP4 exportée dans son ensemble. 19. Exportez: [MUSIQUE] Dans cette vidéo, je vais vous montrer comment l'exporter dans une vidéo au format MP4. Nous avons déjà terminé notre animation complète. Pour exporter la vidéo, passons à Composition, puis choisissons cette option pour Ajouter à la file d'attente de rendu. Après avoir cliqué sur « Ajouter à la file d'attente de rendu », vous pouvez voir ici que nous pouvons choisir le module de sortie. Cliquez sur cette « Haute qualité ». Normalement, nous le téléchargerons dans un format QuickTime, accédez aux options de format. Nous allons choisir cet Apple ProRes 422. Cliquez sur « OK ». Ensuite, tout est resté pareil, cliquez sur « OK ». Nous pouvons choisir un dossier, dossier d'animation de type cinétique, puis nommons celui-ci pour les sorties. Cliquez sur « Enregistrer » et nous pouvons maintenant appuyer sur ce bouton de rendu. Vous pouvez voir qu'il affiche notre vidéo. Maintenant, notre vidéo est prête. Revenons au dossier, puis regardons-le. Ici, dans le dossier de sortie, double-cliquez sur celui-ci. Ce sera notre dernière vidéo. Cependant, il est au format MOV. Si vous souhaitez qu'il soit encodé au format MP4, nous devons télécharger Adobe Media Encoder. Je vais vous montrer comment faire. Mais d'abord, regardons ces 15 secondes pour l'animation. [MUSIQUE] Oui, ce sont nos 15 secondes d'intro animée. Si vous souhaitez passer celui-ci au format MP4, nous devons ouvrir Adobe Media Encoder. Allez-y et ouvrez Adobe Media Encoder. Avec Adobe Media Encoder ouvert, déplaçons cette vidéo au format MOV dans cette file d'attente. Ici, nous pouvons réellement changer la façon dont nous voulons l'encoder. Nous pouvons le changer en H264, qui est un format très courant pour les vidéos MP4. Ici, nous n'avons rien à changer, dans les paramètres, nous pouvons modifier un dossier de sortie. Ce sera le même dossier dans cette sortie. Cliquez sur « Enregistrer » puis appuyez sur ce bouton de jeu vert. Maintenant, il va encoder notre vidéo au format MOV en une vidéo au format MP4. [MUSIQUE] 20. Félicitations: Félicitations, tu l'as fait. Il est maintenant temps de terminer votre projet et de le partager avec moi et vos camarades de classe. N'oubliez pas de publier votre vidéo dans le panneau de projet pour obtenir des commentaires et inspirer d'autres étudiants. C'est une question difficile, mais maintenant tu l'as vaincue. S'il y a quelque chose que vous n'êtes pas clair, hésitez pas à me poser toutes vos questions et je suis là pour vous aider. Si vous vous souvenez de certaines des techniques enseignées ici, vous pouvez toujours revenir en arrière et vous rafraîchir la mémoire. J'ai également quelques autres cours que vous pouvez consulter pour apprendre différentes techniques afin d' améliorer vos compétences en animation. Merci beaucoup d' avoir suivi ce cours. J'espère vous voir dans mes autres vidéos. Bravo.