Introduction à l'animation graphique : l'animation de logos et d'icônes dans After Effects

1. Introduction: Bonjour, je suis Hongshu, je suis motion designer au Canada. Je fais de l'animation professionnelle dans Adobe After Effects depuis plus de six ans. Je travaille dans deux agences de publicité différentes pour des clients tels que Adidas, PayPal, 711 Walmart et bien d'autres. Aujourd'hui, je vais vous apprendre à animer des logos et des icônes dans Adobe After Effects. Tout logo significatif est une compétence essentielle et l'une des premières compétences que vous devez acquérir pour vous lancer dans le graphisme animé. , chaque motion designer débuts, chaque motion designer a déjà été invité à animer le logo. C'est un point de départ solide pour apprendre les bases de l' animation graphique afin de prendre une longueur d' avance et de vous préparer à de futurs succès. Dans ce cours, je vais vous montrer tout ce que vous devez savoir pour commencer à animer un logo. Je vais vous montrer le flux de travail professionnel complet , du storyboard au rendu final. Comment utiliser divers outils dans After Effects. Comment utiliser Track Matte dans After Effects, qui est essentiel pour l'animation. Comment utiliser les principes de l' animation, comment utiliser l'éditeur de graphes pour donner vie à vos logos, réfléchir aux mouvements et résoudre les problèmes. N'hésitez pas à me munir de mon dossier de projet pour le suivre. Pour le projet de classe, vous allez animer votre propre logo Les concepts et techniques que vous apprendrez dans ce cours seront facilement traduits dans n'importe quel type de projet et vous permettront de vous mettre au point et exécution avec une animation After Effects. Au-delà de la simple création d'une animation de logo, vous développerez également une meilleure compréhension la narration visuelle et élargirez votre vocabulaire d'animation. Il entraînera vos yeux à devenir yeux d' animateur et vous offrira une toute nouvelle façon de voir les logos et les animations à l'avenir. Ce cours s'adresse à tous ceux qui souhaitent se lancer dans l' animation graphique ou à ceux qui souhaitent animer leurs logos personnels ou professionnels. À la fin du cours, vous devriez être capable d' appliquer les connaissances apprises dans ce cours à n'importe quelle animation de logo ou d'icône. J'espère que vous aurez beaucoup de plaisir à apprendre et à animer. Rendez-vous en classe. 2. Préparer les fichiers dans Adobe Illustrator: Voici notre Storyboard. On a cette belle icône de Toronto. Avant de les intégrer dans Adobe After Effects, nous devons faire quelque chose dans Adobe Illustrator pour préparer les fichiers, pour que tous les calques soient séparés. Je peux te montrer ce qui va se passer si on ne fait pas ça. Commençons par créer une composition dans Adobe After Effects, puis cliquez simplement sur « OK ». Double-cliquez sur ce panneau de projet qui charge le fichier Storyboard ici, choisissez « Composition », cliquez sur « Ouvrir » et maintenant nous avons chargé le fichier Illustrator dans Adobe After Effects. Ensuite, nous allons cliquer sur cette icône Composition. Ici vous pouvez voir que nous avons obtenu ce fichier Illustrator de cette icône de Toronto, mais nous n'avons qu'un seul calque. Nous n'avons pas accès aux calques séparés dans Adobe Illustrator C'est donc un problème. Avant de pouvoir l'introduire, dans After Effects, nous devons ouvrir le fichier Illustrator, ouvrons. On y va. Ensuite, ce que nous devons faire est d'aller dans le panneau Calques sur le côté droit ici. Si vous ne l'avez pas sur votre droite, vous allez dans Fenêtre, cliquez sur Calques, puis cliquez sur ce seul calque ici, allez dans ce menu déroulant, puis cliquez sur ce Release to Layers (Séquence). Cliquez dessus. Ensuite, nous devons cliquer sur Maj, sélectionner tous les calques sous ce calque maître, puis les sortir du premier calque maître. Il suffit de le faire glisser jusqu'à ce que vous voyez cette ligne bleue là. Maintenant, nous pouvons supprimer la dernière couche, qui est vide maintenant. Ce que vous pouvez voir ici, fondamentalement, nous avons séparé toutes les couches dans Adobe Illustrator. Lorsque nous introduisons ce fichier dans After Effects, nous allons avoir tous ces éléments sur ses calques individuels afin que nous puissions les animer séparément. C' est tout ce que nous devons faire avant d'intégrer ce Storyboard dans Adobe After Effects. Après cela, sauvegardons le fichier. Ici, nous pouvons aller à Fichier, puis cliquer sur « Enregistrer ». J' ai déjà enregistré sous, donc c'est pour ça que c'est grisé. 3. Configurer les fichiers dans After Effects: Maintenant, ouvrons After Effects. Voici notre After Effects. abord, nous devons créer une nouvelle composition. Il suffit de cliquer sur cette nouvelle icône de composition ici. Renommons ceci en comp principal. Ici, nous pouvons changer la largeur et la hauteur de la vidéo. Faisons 1080 d'ici 1080. On n'a pas besoin de changer quoi que ce soit ici. La fréquence d'images est de 2997. On peut changer la durée à 10 secondes. Notre animation va durer environ six secondes, donc nous avons mis dix secondes pour avoir plus de chronologie à travailler. La couleur d'arrière-plan peut être en noir, puis cliquez sur OK. Importons maintenant l'illustrateur ou le storyboard dans After Effects. Nous avons deux façons, nous pouvons d'abord cliquer avec le bouton droit de la souris sur ce panneau de projet, puis aller à importer, fichier. Passons maintenant à notre storyboard, qui se trouve sous le bureau, l'icône de Toronto, le storyboard. Voici un dossier dont nous avons besoin. Ensuite, nous pouvons choisir la composition. Le fichier que nous avons est en 1080 d'ici 1080, donc il sera le même que la vidéo que nous avons créée dans After Effects. Cliquez sur Ouvrir. Maintenant, il est en train de charger. On y va, c'est là. C' est une façon d'importer le fichier Illustrator. Une autre façon est de double-cliquer sur ce panneau vide ici. Une fois que vous double-cliquez, il va charger cette fenêtre afin que vous puissiez choisir le fichier que vous souhaitez importer. Je vais cliquer sur Annuler, car nous avons déjà le fichier ici. Avant d'aller plus loin, je veux d'abord organiser le panneau de projet, sorte que tout soit propre et organisé. C' est la meilleure pratique pour que je ne sois pas confus, aller de l'avant. Créons une photo ici, nommez-la des actifs, puis un autre dossier. Ensuite, créons un autre dossier, nommez-le final comp. Faites glisser la composition principale vers notre composition finale, puis faisons glisser ce dossier de couches d'icônes de Toronto dans notre dossier d'actifs. Un autre dossier dont nous avons besoin, qui est le dossier pré comps. Nous pouvons donc faire glisser cette icône de Toronto dans notre dossier pré comps. Ces trois dossiers sont ceux dont nous avons besoin pour organiser le panneau de projet. 4. Renommer les calques: Avant de passer à autre chose, nous voulons nous assurer que nous sauvegardons le projet, alors allez dans Fichier, puis cliquez sur « Enregistrer sous » car c'est la première fois que nous l'enregistrons. Je veux choisir un dossier dans lequel l'enregistrer, donc je vais aller à Bureau, Fichiers de travail, puis le nommer Toronto Icône. Cliquez sur « Enregistrer », alors maintenant nous avons le projet enregistré. Ensuite, je veux également m'assurer que nous avons la même mise en page afin que tout le monde soit sur la même page. abord, nous devons aller dans After Effects Window, puis cliquer sur « Workspace ». Cliquez sur cette « Mise en page d'animation ». Maintenant, nous devrions tous avoir une mise en page similaire. Actuellement, j'utilise Adobe After Effects CC 2020. Avant de faire quoi que ce soit d'autre, copions tous les calques, commande A, puis la commande C Copy, dans la composition principale. Le Main Comp va être la composition dans laquelle nous allons travailler. Maintenant, ce que je dois faire est d'organiser les couches, juste pour regrouper certains des éléments et aussi renommer certains d'entre eux. Ici, nous avons trois couches, qui est ce ballon jaune. Ce que nous devons faire, c'est de préparer ces trois couches afin qu'elles soient dans une même composition. La façon dont nous faisons cela est de sélectionner les trois couches, puis cliquer sur « Commande, Maj et « C ». Nommez-le Ballon Jaune, puis cliquez sur « OK ». Maintenant, nous avons un précomp dans ce Main Comp qui contient notre ballon jaune. Ces cordes du ballon, je veux les supprimer et puis je les dessinerai ensuite. Ces trois couches sont les mêmes ; ces trois couches sont les ballons bleus. Nous voulons également précomposer ceci, Command, Shift, C, Pre-Comp, puis le renommer en Blue Balloon. Ici, nous pouvons voir, c'est la couche de réflexion. Je veux éteindre ça pour l'instant. C' est une autre réflexion. Voici notre copie de Toronto. Alors, qu'est-ce que c'est ? Ici, nous avons les quatre lignes ici. Ce que nous devons faire est semblable au ballon que nous avions avant. Nous avons juste besoin de précomposer ces quatre couches. Sélectionnez les quatre, puis Commande, Maj, C, renommez-le. Cliquez sur « OK ». Maintenant, ces calques ici dans la section inférieure, nous pouvons voir quand je bascule l'icône Eye ici, ce sont les couleurs derrière ces lignes. Ce que je veux faire est de changer la couleur d'une étiquette à tous les calques afin qu'elle soit facilement reconnue, et je sais tout de suite que ce sont les couleurs derrière les lignes. Je veux juste cliquer sur cette « Étiquette » ici et puis choisir une couleur différente, peut-être une couleur rose, ou peut-être une couleur jaune. Ce sont les remplissages de couleur derrière les lignes. Faites défiler vers le bas ici. Qu'est-ce que c'est ? L' un d'eux est l'arrière-plan. Je n'ai pas besoin de l'arrière-plan ici, donc le dernier est un arrière-plan. Je peux le renommer en BKG, puis je peux le verrouiller parce que je n'ai pas besoin d'animer l'arrière-plan. Ce sont toutes les couleurs que nous avons. Tu te souviens des ballons que nous avons précomptés ? Voici le ballon jaune, et ensuite on a le bleu ballon. Le ballon bleu et jaune. Ces deux-là, quand je les supprime dans le Main Comp, ils ne sont pas réellement supprimés. Vous pouvez toujours y accéder dans ce panneau Projet ici. Vous pouvez voir ce sont les deux précomps que nous avons créés auparavant. Je veux rendre le Main Comp propre et organisé, donc je veux juste supprimer le ballon maintenant. Je ne veux pas m'inquiéter pour l'instant, je veux juste l'animer plus tard. Maintenant, nous pouvons aller dans le panneau Projet ici, sélectionner les trois precomp que nous avions, puis les faire glisser dans le dossier pré comp. Dans le Final Comp, tout ce que nous avons c'est ce Main Comp qui est celui nous animons, puis dans ce dossier précomps, nous avons ces différents éléments que nous avons créés. Ici, nous avons, à partir de la liste des couches, ce nom ici, Layer 26 à Layer 32. Si nous bascule entre l'icône ici, nous pouvons voir que ces calques sont les lignes dans cette fenêtre de section centrale. Je veux faire la même chose pour préparer ces lignes. Sélectionnez tout, cliquez sur « Commande, Maj, C », puis renommez-le. Cliquez sur « OK ». Ces deux couches sont les réflexions sur la tour. C' est quelque chose dont nous n'avons pas besoin pour l'instant. Ce que nous pouvons faire est de cliquer sur « Maj clic » pour sélectionner les deux, puis cliquez sur cette icône « Timide » ici. C' est ce qu'on appelle l'icône timide. Une fois que vous cliquez sur l'icône « Timide » et que vous montez ici, vous pouvez cliquer sur ce « Masquer tous les calques » qui a une icône timide activée, donc une fois que je clique dessus, vous pouvez regarder ici, ces deux couches vont disparaître, mais ils ne sont pas supprimés. On les cache de tout ce panneau. Une fois que nous sommes prêts à les animer, nous pouvons simplement éteindre l'interrupteur et nous pouvons les voir, ils sont de nouveau allumés. Fondamentalement, nous avons juste besoin de renommer toutes les couches afin que nous sachions lequel est lequel. Maintenant, nous pouvons passer à la prochaine vidéo. 5. Précomposer les calques: Continuez à partir de la dernière vidéo. Dans cette vidéo, ce que nous devons faire est de regrouper une partie de la couleur de remplissage avec des lignes afin que chaque élément ait sa propre composition. Laissez-moi vous montrer comment faire, d'abord, cliquez sur les trois couches de soleil, puis maintenez Commande+Maj+C pour précomposer, puis le Soleil, puis cliquez sur Entrée, alors voici un élément que nous avons que nous avons besoin d'animer plus tard, alors nous l'avons fait. Maintenant, nous allons trouver le nuage. Nous avons ces trois lignes de nuages ici, mais nous devons trouver la couleur de remplissage, donc nous avons juste besoin de descendre en bas ici, chercher la couleur du nuage bleu clair. Nous sommes là, c'est la couche 51 à 53 et puis j'ai juste besoin de les amener au sommet. Le raccourci pour cela est commande+Maj+crochet droit, puis il s'agit du premier nuage. Ceci est une couleur de remplissage mettre sous les nuages, puis précomposer ces deux couches. Faites la même chose pour le deuxième et le troisième nuage. Maintenant, nous avons les trois nuages précomposés. La couche suivante est l'aiguille supérieure, que nous n'avons pas à la précomposer. Cette partie, nous devons trouver la section entière de la fenêtre du milieu ici, donc c'est une ligne de fenêtre, et ensuite nous avons besoin de la fenêtre du centre aller en bas ici, et aussi nous avons besoin de ce fond de couleur rouge. Couleur rouge de remplissage, couche 61, puis amenez-le tout le chemin vers le haut. Mettez-le sous le calque central de la fenêtre et précomposez ces trois couches. Maintenant, nous avons toute la section dans une couche. Ici, nous avons le pôle inférieur, donc nous devons trouver ces deux couleurs bleues derrière le pôle, puis amener ces deux tout le chemin vers le haut précomposer ces quatre couches. Ici, le cercle, le triangle. Ici, nous avons un court rectangle, j'ai besoin de trouver cette couleur de remplissage aussi. Fondamentalement, faites la même chose pour tous les autres éléments. Je vais accélérer ces parties pour que tu n'aies pas à me regarder faire ça encore et encore. Ok, jetons un oeil à ce que nous avons fait, donc maintenant vous pouvez voir dans la composition principale, nous avons tous ces différents éléments sur les couches séparées, et ensuite certains d'entre eux sont regroupés, donc nous avons réduit jusqu'à 23 couches au lieu d'environ une centaine au début. Maintenant, nous devons mettre tous ces precomps dans le dossier precomp que nous avons créé. ce moment, ils sont tous enregistrés sous « Final Comp », alors allez dans le panneau du projet ici et puis faites glisser tout sauf pour la comp principale dans ce dossier precomps, puis cliquez sur cette flèche pour fermer le dossier, maintenant nous avoir un panneau de projet organisé propre, donc nous avons fait tout l'organisation, renommage et tout, maintenant il est prêt à être animé, passons à la vidéo suivante. 6. Animer le bas de la tour: Maintenant, que le plaisir commence. Commençons, animer. abord, je dois introduire un concept dans After Effects appelé Track Matte. Il s'agit de la possibilité d'utiliser une couche pour déterminer la marge ou la limite de la couche en dessous. Permettez-moi de vous montrer comment cela fonctionne. Nous pouvons simplement cliquer sur cette icône ici dans le panneau Projet pour créer une nouvelle composition. Je vais le nommer « Test » à des fins de démonstration. Ensuite, tapez quelque chose, puis, ajoutons un rectangle sur le dessus. Allez dans le calque ci-dessous, cliquez sur cette icône « Track Matte » ici et mettez « Alpha Matte ». De cette façon, je peux utiliser la limite de la première couche pour déterminer où la couche ci-dessous va être visible. Si je déplace le premier calque, vous pouvez voir quand le calque ci-dessous sort de la boîte, il devient invisible. De cette façon, si nous devions animer la deuxième couche, alors il peut aller du bas vers le haut. Une fois qu'ils passent devant cette boîte invisible, il va apparaître à l'écran. Revenons à la composition principale pour commencer à animer cette icône de Toronto. Nous allons avoir besoin de ce concept Track Matte. Nous allons l'utiliser pour animer la plupart des éléments de cette icône. Je veux animer ce pôle inférieur pour glisser à partir du bas. Cliquez sur le raccourci P. Si vous n'avez qu'une seule position, cliquez avec le bouton droit de la souris. Cliquez sur « Séparer les cotes », puis vous pouvez accéder aux positions X et Y séparément. Je veux définir une image-clé à zéro seconde pour la Position Y, puis aller de l'avant 15 images. Utilisez un raccourci « Commande-Maj-Flèche Droite » pour aller de l'avant dix images, puis « Commande-Flèche Droite » pour aller une image à chaque fois. Je vais cliquer cinq fois. Un, deux, trois, quatre, cinq, cinq images. Je veux déplacer cette position finale à la 15e image, puis revenir à zéro seconde. Faites glisser la position Y vers le bas. Vous pouvez voir que le pôle commence à descendre. Je veux qu'il commence à partir de là, et qu'il apparaisse une fois qu'il aura dépassé le cercle. Dans ce cas, nous allons avoir besoin de Track Matte. Je veux cliquer sur ce « Outil Rectangle ». Dessinez un masque rectangle, puis cliquez sur ce « Pôle inférieur ». Allez dans « Track Matte ». Si vous n'avez pas Track Matte dans votre barre d'outils, vous allez simplement dans le coin inférieur gauche, cliquez sur « Développer » ou « Réduire ». Ensuite, la piste Matte va apparaître. Cliquez sur « Bottom Pole », utilisez « Alpha Matte » et voyons ce qui se passe. Prévisualisons ça. Il y a un problème maintenant. Le pôle apparaît là où se trouve la couche de ce rectangle, mais je veux l'inverser. Je dois choisir « Alpha Inverted Matte ». Ça va inverser le masque. Vous pouvez le voir disparaître dans ce rectangle, et quand je gratte la chronologie, ça va apparaître là où il n'y a pas de rectangle. C' est ce dont j'ai besoin. Je veux qu'elle s'anime. Zoom avant. Réglez légèrement la position. Qu' il n'y a pas d'espace entre le pôle et le cercle. C' est l'animation que je veux. C' est assez ennuyeux parce qu'il n'y a pas d'énergie dans cette animation. Je veux ajouter un dépassement à cette position Y. Avant qu'il ne s'installe en place, je veux qu'il passe sur quelques pixels et puis revient. À partir du 15e cadre, retournez peut-être, cinq images. Au 10e cadre, je vais ajouter quelques dépassements. C' est un dépassement. Essayons 530. Vous pouvez voir la valeur ici à zéro seconde à partir de 680. Il va monter jusqu'à 530 et ensuite revenir à 540. C' est l'animation dont nous avons besoin. Après cela, nous faisons un clic droit, allez à « Key-frame Assistants », « Easy Ease ». Au lieu des images-clés linéaires, nous voulons que les images-clés changent la vitesse, et si nous faisons glisser ces images-clés et aller dans cet « Éditeur de courbes », nous pouvons voir qu'il s'agit d'une courbe de ces trois icônes. Cliquez dessus pour afficher le plein écran, dans cette section. Maintenant, nous sommes dans le graphe de vitesse. Pour le rendre plus énergique, je veux faire glisser la vitesse du graphe de vitesse. Maintenant, vous pouvez voir à cette marque de zéro seconde, la vitesse de ces éléments est de zéro pixels par seconde. Cette vitesse monte et revient ensuite vers le bas. la courbe est raide, plus la vitesse est élevée. Je veux faire glisser cette courbe pour obtenir une vitesse plus élevée ; pour obtenir plus d'énergie. Il suffit de le faire glisser pour avoir une courbe comme celle-ci. Prévisualisons ceci. Cliquez sur « N » pour modifier la plage de prévisualisation afin que vous ne prévisualisiez que dans cette section. Voyez-vous ? C' est la première pôle d'animation. Ça m'a l'air bien. Je veux faire cette animation de base, cette section ici, base inférieure. Utilisez un raccourci pour l'amener vers le haut. « Commande-Maj », « Crochet carré droit ». Il peut amener l'élément tout le chemin vers le haut. Nous voulons animer de la même manière que ce « Pôle inférieur ». Cliquez sur « P » pour ouvrir la propriété Position. Cliquez avec le bouton droit sur « Dimensions séparées », puis nous voulons copier les cadres clés de ce pôle. « Commande-C », « copie ». Retournez aux images zéro. Cliquez sur ce calque, « Coller ». Cet élément a la même animation que la première animation de pôle. Maintenant, ce que je dois faire est d'ajouter un calque en tant que mat de piste pour couvrir où je ne veux pas voir cette base inférieure. Cliquez sur le calque. Si vous ne cliquez pas sur le calque, vous allez créer un masque sur le calque. Ce n'est pas ce que tu veux faire. Ce que vous voulez faire est de créer un nouveau calque avec une nouvelle forme. Je veux aller ici et je veux dessiner un rectangle dans cette zone. Juste assez grand pour couvrir cette base inférieure. Ensuite, cliquez sur cela, choisissez « Alpha Inverted Mattes ». Voyons l'animation. 7. Animer le centre de la tour: Ensuite, ce que nous voulons faire est, nous voulons animer cette seule ligne ici. Allons trouver cette couche de ligne, nous avons la ligne supérieure, puis la ligne de fond. Utilisez le raccourci pour l'amener en haut, le crochet carré droit de commande Shift. Zoom avant, ça va être facile. abord, ce que je dois faire est de changer ces points d'ancrage au centre de la ligne. Cliquez sur le calque, montez ici, utilisez cet outil panoramique derrière. C' est aussi l'outil Point d'ancrage. J' ai juste besoin de cliquer sur ce point d'ancrage, faites-le glisser au centre de cette ligne. Maintenant, nous pouvons aller à cette ligne de fond, cliquez sur cette flèche droite, puis Transformer. Voici la propriété de l'échelle. Ce que je veux faire, c'est que je veux seulement que la ligne se développe dans la direction horizontale. J' ai besoin de dissocier la propriété height et width, alors cliquez sur « Unlink », puis définissez une image clé comme zéro seconde. À zéro seconde, je veux que la valeur de la ligne x soit à zéro, donc tapez zéro. À la 15e image, je veux que cette valeur soit 100, tapez 100. Maintenant, vous pouvez voir que la ligne peut juste animer dans comme si elle grandissait sur. Présentons ceci, donc c'est ce dont j'ai besoin. Mais en ce moment, vous pouvez voir que l'animation de ligne est trop lente, donc nous devons faire la même chose. Sélectionnez les deux, cliquez avec le bouton droit de la souris, Assistant d'images clés , Easy Ease, allez dans l'éditeur de graphiques. Voici le graphique de vitesse que nous avions avant. Faites glisser cette courbe ici pour lui donner plus de vitesse. Mais ne faites pas trop glisser sinon, l'animation va être trop rapide. Prévisualisez ceci. C'est une vitesse similaire à celle des deux précédentes animations. Mais maintenant j'ai l'impression que ces trois animations se passent trop vite, donc je veux le ralentir un peu. C' est très facile de le faire. abord, nous devons sélectionner les trois couches. L' un est cette ligne de fond, puis il y a la base inférieure, le pôle inférieur. Cliquez sur la touche de raccourci U du clavier pour afficher toutes les images clés animées. Sélectionnez Toutes les images, Maintenez l'option enfoncée sur Mac ou PC. Faites glisser la dernière image pour les espacer afin que vous puissiez faire glisser l'image pour qu'elle soit plus rapide ou plus lente. Dans ce cas, je veux qu'il soit plus lent, donc je fais glisser vers la droite, maintenez la touche d'option. Voyons l'animation. C' est au-dessus de la vitesse que je veux, c'est bien. Enregistrez le projet. Maintenant, finissons l'animation de cette ligne de fond. Nous pouvons aussi faire ce top line aussi. Allons juste ici pour trouver la ligne supérieure. Le voici, commande de déplacer le crochet carré droit pour l'amener au sommet. Nous pouvons simplement faire glisser et copier ces deux images clés. Mais avant de le faire, nous devons changer la commande de point d'ancrage R et activer la règle, puis faire glisser une règle pour savoir où est le point central. Cliquez sur ce calque Top Line, choisissez cet outil Pan derrière, puis faites glisser le point d'ancrage sur cette ligne directrice, également au centre de cette ligne ici. Copiez ces deux images clés, accédez à la marque zéro seconde, puis collez-la sur ce calque Top Line. Présentons ceci. Maintenant, vous pouvez voir que ces deux ont exactement la même animation. Après avoir fait ça, je veux animer cette section centrale ici. abord, nous allons trouver cette section de la fenêtre centrale, fenêtre du centre, amenez-la en haut. Celui-ci, je veux animer de la même manière que j'ai animé les deux lignes, je veux qu'il grandisse du centre vers les deux directions. Je veux utiliser cet outil Pan Behind mettre au centre ici. Cliquez sur cette flèche, accédez à la propriété Scale dissocier cette valeur x et y. On peut copier cette image-clé, y aller, coller. Maintenant, nous pouvons voir les sections centrales animant de la même manière que les deux lignes. Mais pour la fenêtre centrale, je veux aussi lui donner plus de personnages, je veux ajouter quelques overshoots avant qu'il ne s'installe en place. Je veux qu'il dépasse 100 pour cent en valeur x afin que je puisse le changer pour peut-être comme 110 à la 11e image, ou même le faire glisser vers l'arrière d'une image. Donc, au 10e cadre, prévisualisez ça. Sélectionnez les trois qui vont dans l'éditeur de graphiques. Assurez-vous qu'il s'agit d'un graphique de vitesse, puis faites simplement glisser ceci pour lui donner plus de vitesse. Retourne, prévisualise ça. J' ai l'impression que 110 pour cent, c'est trop, alors je veux le changer à 105. Présentons ça, c'est mieux. Sauvegardez le projet, passons à autre chose. Animons la partie inférieure et supérieure dans la section centrale. Glissons ces deux-là, Centre en bas, Centre en haut. Déplacé tout le chemin vers le haut. Une fois que la fenêtre centrale se développe en position, je veux que le haut glisse vers le bas, puis cette section inférieure glisse vers le haut. D' abord, faisons le fond ici. Cliquez sur cette flèche, Transformer, puis allez à la propriété Position, cliquez avec le bouton droit sur Dimensions séparées, aller de l'avant, 15 images. Au 15e cadre, je veux que la position y soit en place, 540, puis passe à cette zéro seconde marque. Faites glisser la position y comme ceci, puis faites glisser vers le bas comme ça. Mais en ce moment, c'est trop lent, je voulais aussi dépasser. Donc c'est 540 à la fin, puis 469. Dans ce cas, notre 10e cadre, je veux que ce soit 545. Faites glisser les trois images clés, cliquez avec le bouton droit sur Assistant d'images clés, Easy Easy. Allez dans l'éditeur de graphique, cliquez dessus pour l'adapter à l'écran, puis faites glisser le graphique de vitesse pour le rendre plus rapide comme ceci. C'est bien, alors je veux faire cette section supérieure ici. Cliquez sur P, faites apparaître les cotes séparées de la position. Cinq positions à 15 secondes. Avec cela, faites-le glisser à la 15 seconde, puis zéro seconde. Je veux que ça commence par le bas, puis à 10 secondes, peut-être 535 dépassements de tir. Sélectionnez les trois images clés, Assistant d'images clés, Easy Ease, puis allez dans l'éditeur de graphiques, faites la même chose. Faites-le glisser pour lui donner un peu plus de vitesse. Comme ça, alors nous allons en prévisualiser ça. Regardez ça, l'animation elle-même a l'air bien. Maintenant, nous avons juste besoin d'ajouter le Matte de piste, comme nous l'avons fait avant. Assurez-vous de cliquer sur l'un des calques, puis de monter en haut ici, Outil Rectangle. Faites glisser un rectangle comme celui-ci, puis cliquez dessus, faites glisser un autre rectangle comme celui-ci. Pour le calque inférieur, je veux qu'il apparaisse où se trouve ce rectangle inférieur. Cliquez sur ce centre en bas, allez à Track Matte, cliquez sur Alpha Matte, puis réunissez les deux autres calques. Définissez celui-ci sur Alpha Matte aussi. Voyons voir. Vous pouvez voir qu'il y a encore deux couches de la réflexion parce que rappelez-vous que nous les cachons avec cela avec un bouton Timide, mais nous avons oublié de désactiver l'icône des yeux avant eux, donc ils apparaissent toujours dans l'aperçu. Je veux cliquer sur cette icône ici, dénubrez-le. Où est le reflet ? Ces deux-là. Oui. Il suffit de cliquer sur l'icône de l'œil pour la masquer dans l'aperçu. Voici à quoi ça ressemble en ce moment. Enregistrez le projet. Maintenant, nous avons terminé le pôle inférieur, la base, puis la section centrale. 8. Animer le haut de la tour: Avant de passer à la section suivante, je veux décaler ces couches. C' est ce qu'on appelle l'action qui se chevauche. En gros, je ne veux pas qu'ils entrent en même temps. Je veux que l'un d'entre eux arrive en premier, puis déclenche le suivant, puis le suivant déclenche le suivant, comme un effet stupéfiant. Trouvons d'abord le pôle inférieur. Ce pôle devrait venir en premier. Voici le pôle inférieur. Comme un pôle inférieur arrive, comme ça, cette base inférieure devrait venir un peu plus tard. Puis la ligne du fond. Après ça, je veux que la fenêtre centrale arrive en premier. Ensuite, je veux que ce haut arrive et que le bas arrive. Voyons ce qui se passe maintenant. Vous voyez que, est plus propre et organisé maintenant. En ce moment, il me semble que la section de la fenêtre centrale est encore trop exagérée. Je veux y aller et voir ce qui se passe. C' est la fenêtre centrale. Cliquez sur « U » pour afficher l'image clé. Va de zéro jusqu'à 105. Alors vous voyez à partir de 105, il devrait descendre à 100. Mais alors que je scrute la chronologie, elle dépasse 105. Ça va encore plus grand. C' est ce que je ne veux pas. Je veux cliquer sur les trois images clés, puis aller dans l'éditeur de graphiques, pour voir ce qui se passe. Je veux refaire cette partie d'animation. Parfois, c'est juste plus facile de le refaire. Supprimer. Au début, il devrait être zéro. Un cadre tendu, il devrait être 105, puis après cinq cadres, il devrait revenir à 100. Cliquez avec le bouton droit sur « Assistant d'images clés, facilité facile », allez dans l'éditeur de graphiques. Faites glisser ce graphique E pour le rendre plus rapide comme ça, puis revenez en arrière, prévisualisez ceci. C' est mieux. Maintenant, semble beaucoup plus lisse qu'avant. Tu vois, oui, j'aime ça. Maintenant, on peut passer à autre chose. Aller à l'avant. Nous voulons animer la section supérieure de cette icône ici. D' abord, attrapons ce rectangle. Amenez-le jusqu'au sommet et maintenant on peut les traîner quelque part par ici. Fais-les glisser en arrière. Je veux les ajouter de la même manière que pour le pôle inférieur. Je voulais juste glisser de bas en haut, puis ajouter un tapis de piste pour couvrir où je ne le veux pas. C' est un rectangle. Cliquez sur « position p », cotes séparées. Cliquez sur « y position », puis allez de l'avant, faites-le glisser vers le bas. Allez au 10e cadre. Overshoot un peu, 535, c'est l'animation que je veux. Cliquez ensuite avec le bouton droit sur « Assistance d'images clés, facilité facile ». Allez dans l'éditeur de graphique, ajustez la vitesse, le rendre plus rapide. C' est fait. Ensuite, ce court rectangle sur le dessus, cliquez sur « p » faire la même chose. C' est la position finale, la taille finale. Alors, allez de l'avant. Faites glisser le vers le bas. C' est supposé à 535. Cliquez avec le bouton droit sur « Assistant d'images clés, facilité facile » aller dans l'éditeur de graphiques. Faites glisser la vitesse. Vous pouvez également maintenir la barre d'espace pour naviguer dans cet éditeur de graphiques. Retourne. Prévisualisons ça. C' est bon, sauf que nous n'avons pas encore la piste Matte. Je veux ajouter dans la piste Matte, commençons par le faire horizontal. Cliquez sur l'icône « Rectangle ». N' oubliez pas de cliquer sur l'un des calques afin de ne pas ajouter de masque. Si je ne clique pas sur les calques, lorsque j'ajoute un rectangle dessus, je vais faire glisser un masque. Cela ne fonctionnera pas parce que le masque va voyager avec le calque. Il ne reste pas en position. Vous calque est ce rectangle ici, est toujours visible. C' est pourquoi nous avons besoin d'une piste Matte, pour rendre l'endroit où nous ne voulons pas être invisible. Cliquez sur « Calque de curseur » aller à l'outil de rectangle, en masquant un rectangle, puis placez-le sur le dessus de ce rectangle horizontal, choisissez Alpha Matte. Faites glisser une case ici, puis définissez-la sur Alpha Matte. Maintenant, nous allons prévisualiser ceci. Ils arrivent en même temps. Je veux aussi décaler ces deux-là comme tous. Je ne veux rien entrer en même temps, sorte qu'il semble plus naturel et organique. Cela arrive, puis le court, ce rectangle entre en jeu. Alors ce que nous devons faire est d'animer ce long rectangle. Celle-là. Apportez-le au sommet. Faites la même chose. Je vais le faire rapidement. Ça va être pareil. Oui, c'est fait. Prévisualisons ceci. Joli. Ils utilisent tous la même animation, juste de la lumière par le bas. Faisons ça vite aussi. Enfin, on peut faire l'aiguille supérieure ici. ce moment, je viens de coller dans la position y des autres couches. Mais je veux que cette aiguille apparaisse et qu'elle descende. Je veux que ce dépassement soit beaucoup plus important, peut-être comme ça. Maintenant une fois de plus. J' ai besoin de faire glisser cette position y plus loin. Prévisualisons ça. Ouais, quelque chose comme ça. Je veux cacher la règle, je n'ai plus besoin de la règle, juste le raccourci pour cacher la règle est un point-virgule de commande. Zoom arrière montre l'image complète. Vous pouvez également changer à partir d'ici, peut-être 100 pour cent, utiliser la barre d'espace pour naviguer, puis nous allons prévisualiser dès le début. Ça a l'air bien. Un seul problème. J' ai oublié d'ajouter une piste Matte pour l'aiguille supérieure donc je vais le faire. Faites glisser un rectangle ici, agrandissez-le car il se déplace plus loin de ce point. Ensuite, définissez Alpha Matte. Prévisualisons ceci. Maintenant a l'air sympa. J' aime ça. Voilà, tu y vas. C' est votre animation d'icône de tortue. Prochaine vidéo, nous allons construire le cercle et le soleil qui sort. 9. 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 10. Animer le cercle et le soleil: Dernière vidéo, nous avons terminé l'animation Toron CN Tower. Dans cette vidéo, je vais vous montrer comment animer ce cercle autour d'elle et aussi le soleil qui sort. Trouvons d'abord cette couche de cercle et la couche de soleil. Allons au fond ici. Voici la couche de soleil et la couche de cercle, déplacons-les vers le haut. Tout d'abord, faisons le cercle. Pour animer le cercle, nous devons utiliser ce qu'on appelle trim pass, mais pour couper la passe, le cercle doit être un calque de forme, ou comme une ligne. En ce moment, ce sont des fichiers illustrateurs, donc nous devons le convertir en une forme. Pour ce faire, cliquez avec le bouton droit sur le calque illustrateur, puis allez à créer, puis créez des formes à partir d'un calque vectoriel. Cliquez dessus, vous pouvez voir en ce moment il y a un autre calque généré, il s'appelle contour de cercle, puis ce calque illustrateur de cercle est masqué. Les icônes des yeux s'éteignent, nous n'en avons plus besoin, donc nous pouvons simplement les supprimer. Cliquez sur le contour du cercle, cliquez sur cette petite flèche ici, puis cliquez sur ce bouton ajouter ici. Nous avons besoin de ce truc appelé chemin de coupe. Fondamentalement, il va couper un chemin littéralement. Comment cela fonctionne est triste, allez à la propriété de chemin de coupe, et puis maintenant vous pouvez voir si je fais défiler ce pourcentage, vous pouvez voir que la ligne est en train d'animer sur et hors. Ce qu'il faut faire, c'est au début, je veux que ce soit zéro pour cent. Alors peut-être par ici, une seconde 16 images, je veux que ce soit 100 %. Présentons ça. C'est à peu près juste. La seule chose est, je ne veux pas que la ligne s'anime à partir de ce point ici, je veux qu'elle s'anime à partir du bas. Pour changer cela, nous devons modifier ce pourcentage de compensation. Il suffit de faire glisser le décalage et vous pouvez voir que la ligne est en train de se déplacer, la ligne de départ, il suffit de le faire glisser jusqu'à ce qu'il atteigne le bas là, donc c'est environ 96 pour cent. Maintenant, ça peut commencer par le bas. Je veux que ça commence avec le poteau entrant dans le cadre. Je vais faire reculer deux images. Présentons ça. C'est bien. Actuellement, ces deux images clés sont des images clés linéaires, donc je veux cliquer avec le bouton droit de la souris, puis l'assistant d'images clés , faciliter la facilité, pour la changer en images clés d'accélération. Quelque chose comme ça. Ça marche pour moi. Enregistrez le projet. Afin d'animer la couche de soleil, tout d'abord, je dois changer ce point d'ancrage au centre du cercle autour de là, puis je dois tracer un chemin le long du cercle ici pour que le soleil puisse voyager le long. Pour ce faire, j'ai besoin d'utiliser cet outil de stylo, juste en gros dessiner un cercle, comme ça, comme ça. Ne le fermez pas, sinon ce ne sera pas un chemin, et alors le soleil ne pourra pas le suivre. Tu dois le laisser ouvert. Ensuite, je peux aller en haut ici, maintenez l' option enfoncée, bascule entre la couleur pour l'éteindre. Maintenant, j'ai ce chemin de cercle, tout ce que j'ai à faire est de descendre ici, cette icône, puis descendre sur ce chemin, cliquer sur cette image-clé, ajouter une image-clé ici, n'importe où, puis copier cette image-clé, Commande C, allez à la couche solaire, allez à la position de transformation, puis Commande D, collez. Vous pouvez voir que le soleil a changé de position. Il passe maintenant au point de départ de cette ligne ici. Si je scrute la chronologie, vous pouvez voir qu'elle se déplace le long du chemin maintenant. C'est ce que nous voulons. Maintenant, je peux juste désactiver l'icône pour ce chemin, je n'en ai plus besoin, j'ai juste besoin de la couche solaire ici. Ça va commencer par le bas. Déplaçons toutes les images clés vers l'avant, je veux que le soleil commence à voyager peut-être autour de la 10e image, à partir d'ici. Je veux aussi qu'il couvre le bord du cercle afin que je puisse le déplacer au-dessus de cette ligne de cercle. Avant d'aller de l'avant, nous allons simplement sélectionner toutes ces images clés ici, avec le bouton droit de la souris et cliquer sur ce rove dans le temps. Pendant que j'ai parcouru des voyages, je veux qu'il s'arrête là. Je vais ajouter une image-clé, puis supprimer l'image-clé derrière elle, sorte qu'elle s'arrête là. Il ne voyage plus plus plus loin. Une autre chose est, je veux ajouter le changement d'opacité. Je veux que le soleil s'estompe au lieu de se couper. Allons à l'opacité, cliquez sur l'image-clé, passez à zéro ici. À ce stade, le soleil devrait commencer comme une opacité nulle, puis au fur et à mesure qu'il va de l'avant, il s'installe lentement, peut-être s'intégrer plus rapidement, et rapprocher ces deux images clés. ce moment, vous pouvez voir quand le soleil entre, ce n'est pas très lisse. L' animation est un peu agitée. Ce que nous devons faire est de changer ces deux images clés à l'image-clé rove, sorte que la vitesse ne soit pas affectée ici dans ces deux positions, puis cela va rendre l'animation beaucoup plus lisse. La façon de le faire est d'aller dans cette image-clé ici, maintenez la commande enfoncée pour cliquer sur cette image-clé, puis cliquez deux fois fondamentalement, puis elle devient un cercle, ce qui signifie qu'il s'agit d'une image-clé itinérante. La vitesse ne change pas à ce stade. Il va juste parcourir cette image-clé ici. Commande cliquez deux fois. Maintenant, passez à la première image clé pour faciliter l'image clé aussi, cliquez avec le bouton droit de la souris sur l'assistant d'image clé, facilité. Maintenant, nous allons prévisualiser. Je veux voir la courbe, ce qui se passe ici. Ça a l'air bien. Enregistrez le projet. Prévisualisons l'animation. J' ai toujours l'impression que le soleil sort trop vite, alors je le rends plus lent. Ouais, comme ça. Une autre chose que nous pouvons ajouter , c'est que le soleil a aussi un contour de cercle. Nous pouvons également ajouter un chemin de coupe à cela, afin que le cercle puisse construire sur. Allons dans la composition du soleil. Faites la même chose que le cercle dans la composition principale, alors voici le contour, puis cliquez avec le bouton droit sur « Crée forme à partir d'un calque vectoriel », puis allez ici, ajoutez un tracé de coupe. À zéro seconde, changez la valeur de fin à zéro, puis environ une seconde sera 100. Revenons à la comp principale et jetons un oeil. Le contour est animé, mais le cercle ne tourne pas, ce qui le rend bizarre. Maintenant, j'ai besoin d'ajouter une valeur de rotation au cercle lui-même. Il suffit de cliquer sur le chronomètre lors de la rotation, puis de revenir dans le temps. Par ici, peut-être le changer en négatif 90, ou en négatif 180. Présentons ça. Je veux que le cercle entre ici. D' ici, et puis il commence déjà à tourner. Je suppose qu'une valeur de rotation n'est pas assez grande, donc je veux la changer en 360 négative. Ensuite, je vais déplacer l'image-clé du passage de tendance aussi pour qu'elle entre en même temps lorsque le cercle devient visible. C' est un point ici que le cercle s'arrête en position. Présentons ça. Ça me semble bien. Maintenant, je sens que le cercle extérieur voyage trop tôt. J' ai besoin de le déplacer. Peut-être une touche. Maintenant, nous allons prévisualiser ceci. Ça me semble bien. Maintenant, nous avons fait la tour et aussi le soleil, le cercle, la prochaine vidéo, nous pouvons voir comment nous pouvons animer les nuages. 11. Animer les nuages: Dans cette vidéo, nous allons animer les nuages et aussi la copie ici, ceci comme Toronto. Tout d'abord, prenons la couche de nuage. Fais en bas. Voici un nuage un, deux et trois, sélectionnez-les, amenez-les au sommet. Donc ce que je veux faire, c'est je veux juste qu'ils glissent dedans. Ça va être très simple. abord, changeons le point d'ancrage de cette position au centre de chaque nuage. Maintenant, je vais prendre ce stylo derrière l'outil. zoom avant, utilisez la barre d'espace pour naviguer et faites glisser ce point d'ancrage vers le centre de ce nuage. Alors voici mon deuxième nuage. Je vais faire glisser ce point d'ancrage au centre ici et ensuite le troisième, la même chose, fait. Ce que je veux faire, c'est faire d'abord le premier nuage. Cliquez sur « P » sur le clavier, activez la position, puis cliquez avec le bouton droit de la souris sur les cotes séparées. Je vais seulement animer l'exposition. Alors que la tour se construit sur, je veux que le nuage arrive probablement par ici. Donc, je veux cliquer sur ce « Chronomètre » ici, puis ajouter une image-clé, faites-le glisser vers l'avant. Donc ici, à cette image clé ici, ce sera la position finale de mon nuage une couche. ce moment, je suis à 20 images. Donc, je veux changer cela, faites-le glisser vers la gauche. Peut-être déplacer celui-ci plus loin pour qu'il se déplace lentement. Ça ne bouge pas si vite. Quand il entre et veulent également que le nuage s'estompe au lieu de simplement couper. Je veux donc ajouter un changement d'opacité à cette couche. Une façon de le faire est de, pendant que vous avez sélectionné le calque, maintenez la touche « Maj », puis appuyez sur « T » sur le clavier. Donc, il va montrer la valeur d'opacité ici. Cliquez sur le « Chronomètre » à l'image clé. Maintenant, c'est à 100 % et je vais faire glisser cette image clé à 100 % vers l'avant, peut-être un peu, quelques images, puis la changer à zéro. Donc, en ce moment, à 20 images, l'opacité est de zéro à 100 sur la 23e image. Je vais peser le nuage va s'intégrer, tandis qu'il glisse aussi de la gauche. Comme ça. Présentons ceci. Donc le nuage se déplace encore trop vite pour moi. Je vais faire glisser cette image-clé plus loin pour qu'elle se déplace lentement et aussi je veux que le nuage entre après que le soleil l'ait passé parce que je ne veux pas qu'elles se chevauchent. Dans ce cas, je vais saisir ces trois images clés et ensuite les déplacer un peu en arrière, sorte que le nuage ne commence pas à s'installer jusqu'à ce que le soleil le passe. Glissez-le ici, puis modifiez le. Donc je ne veux pas non plus que le nuage se croise avec le cercle. Donc je vais faire glisser cette opacité encore plus loin, moment le nuage croise le cercle, je ne veux pas cela, donc je vais changer l'exposition. Faites glisser vers la droite afin de ne pas se croiser. Présentons ceci. Oui, quelque chose comme ça, ça marche pour moi. Maintenant, je vais faire la même chose pour les deux autres nuages. Il suffit d'animer la propriété de position et aussi l'opacité. C' est la position finale du nuage. Aussi, je veux à ce stade ici, je veux que la valeur d'opacité soit 100, puis au début, je veux qu'elle soit nulle. Légèrement changé la position x à partir de la droite. Ou peut-être que je veux que la position finale soit encore plus éloignée du bord. Peut-être juste là. C' est très bien. Ensuite, je vais faire la même chose pour le nuage trois, dimensions séparées. Allumez l'opacité. Donc je veux que l'opacité soit à 100 ici. Faites glisser ce point pour l'aligner sur les deux autres calques, puis ici, l'opacité doit être nulle. Faites glisser légèrement l'exposition, c'est bien. Présentons ceci. J' aime ça, sauf qu'en ce moment ils viennent en même temps, ce qui est quelque chose que je ne veux pas. Donc, tout d'abord, je vais couper ces trois couches pour que la première image soit à ce stade. Une seconde, deux images. La façon de le faire est de maintenir l'option enfoncée et le crochet carré gauche. Vous voyez que les couches sont coupées, puis ces trois couches ont tous commencé au même point. Ce que je voulais faire, c'est juste les décaler un peu, pour qu'ils ne viennent pas en même temps. Comme ça, passons un aperçu de ça. J' ai l'impression que quand ils montent, ils sont trop près du bord. Surtout le premier. Je veux que le premier se rapproche de la tour quand il apparaît pour la première fois sur l'écran. Donc, la façon de le faire est de changer l'exposition, peut-être par ici, puis de faire glisser le point d'extrémité plus près de la tour. Peut-être par ici. Comme ça, ça me semble bien. Maintenant, j'ai l'impression qu'il y a encore des mouvements trop rapides. Donc, je vais faire glisser ces deux images clés encore plus loin pour rendre l'animation lentement, cela fonctionne pour moi. Maintenant, nous avons les nuages cloués. Faisons la copie de Toronto. 12. Révélation de texte amusante: Ensuite, animons ce texte de Toronto ici. Je veux vous apprendre l'un des moyens les plus faciles d'animer un texte. C' est aussi un de mes incontournables. Parfois, quand je ne sais pas comment animer le texte ou je ne veux pas que ce soit simple, ennuyeux. Je veux qu'il soit stylisé, mais aussi très facile à faire. C' est l'une de mes animations incontournables pour n'importe quel titre et vous savez que vous pouvez appliquer à tout ce que vous voulez. Laissez-moi vous montrer comment le faire. Tout d'abord, la couche de Toronto se trouve actuellement dans Illustrator. C' est un calque vectoriel, mais ce dont nous avons besoin, c'est de le taper à nouveau dans After Effects, car je ne peux pas convertir ce calque Illustrator en calque de texte. Tout ce que nous avons à faire, c'est de saisir cet outil de type, il suffit de taper le mot Toronto. La police que j'utilise est Gotham X Narrow bold, tout ce que je dois faire est de la changer en toutes majuscules. Vous pouvez choisir la police que vous voulez, puis je vais superposer au-dessus de cette couche vectorielle. C' est bon, je peux éteindre cette autre couche que j'ai ici. Maintenant, je peux même supprimer ce calque Illustrator. Je n'en ai plus besoin. Je veux d'abord repositionner le point d'ancrage au centre de ce Toronto, puis tout ce que je veux animer est la propriété de position. Appuyez sur « P position », cliquez avec le bouton droit de la souris « Séparez les dimensions » Ce que je sais en ce moment, c'est y position 850 est une position finale dans laquelle je veux que le texte soit. Je vais cliquer sur le « Chronomètre », frapper, mettre une image clé là, et puis je vais la faire glisser vers l'avant jusqu'à la 15e image. Après 15 cadres, je veux que le texte s'installe en place. Revenons au début, je voulais animer du bas ici, glisser vers le haut, puis à la 10e image, je veux ajouter un dépassement. Exactement, ce que nous avons fait avant pour les autres éléments de la tour. À la 10e trame , attachez ici, donc c'est 850. Puis la remise des gaz, je veux que ce soit 845. Sélectionnez toutes les images clés, donc cliquez avec le bouton droit de la souris sur « Assistant d'images clés » facile facile. Présentons un aperçu de l'animation. Je veux que le dépassement soit encore plus dramatique. Peut-être, je peux ajouter 840. Voyons voir ça. C'est bien. Ensuite, allez dans l'éditeur de graphique, modifiez le graphe de vitesse pour leur donner plus d'énergie et de vitesse, comme ça. Présentons un aperçu. Ouais, j' aime cette animation. Cool. Maintenant, voici la partie amusante. Suivez-moi de près. abord, je veux dupliquer cette couche 1, 2, 3, 4, 5, 6. Six fois, de sorte que j'ai sept couches et chaque couche peut contenir une lettre. La façon de le faire est très simple. Il suffit de taper sur « Command-D » pour dupliquer six fois. Un, puis je vais dessiner un masque. Sur la première couche ici, je vais dessiner un masque sur T. Dans la deuxième couche, dessinez un masque sur O. Troisième couche, dessinez sur R. Faites la même chose pour le reste. Ce qui se passe, c'est que chaque couche ne contient qu'une seule lettre. Si je bascule entre cette icône activée et désactivée, vous pouvez voir que chacun de mes calques n'est qu'une lettre. Maintenant, ce que je dois faire est de sélectionner les sept couches ici, puis d'utiliser une option de raccourci, crochet carré droit, pour le couper. Les sept couches sont coupées en un seul cadre. Maintenant, voici un truc, désélectionnez-les tous, sélectionnez-les en bas d'abord, puis en haut. Je vais cliquer sur le premier calque en bas, l'ordre est très important ici. Peu importe ce que vous cliquez en premier, ce sera la première chose qui sera animée. abord, je vais cliquer sur ce calque « T », puis maintenez la touche Maj, cliquez sur ce dernier calque O, puis cliquez avec le bouton droit de la souris, « Assistant d'images clés » couches de séquence. Voici une autre fenêtre, nous n'avons pas besoin de changer quoi que ce soit, il suffit de cliquer sur « OK ». Maintenant, vous voyez que la position du calque a été modifiée , puis ils viennent tous l'un après l'autre. Maintenant ce que je dois faire, c'est, avant de cliquer sur quoi que ce soit, vous voyez qu'il y a une flèche gauche et droite sur ma souris. Je veux juste suivre la fin de toutes les couches. Il suffit de les traîner dehors, qu'ils soient jusqu'à la sixième deuxième marque. Maintenant, nous allons prévisualiser l'animation. Vous voyez ça, c'est l'effet que nous obtenons de ce flux de travail. C' est un effet de printemps pour le texte et c'est de l'animation que je fais toujours, chaque fois que je ne peux pas penser à une façon créative d'animer la copie. Maintenant, nous allons regrouper les sept couches en une seule composition, « Command-Shift-C », « Pré-Comp » et appeler ce tube de Toronto « Okay ». Ensuite, ce que je veux faire est d'ajouter un cache de piste pour couvrir où je ne veux pas voir la copie au début. Assurez-vous qu'aucun calque n'est sélectionné. Dessinez un rectangle comme ça, puis définissez-le sur alpha mat. Présentons ceci. Parfait. C'est l'animation que je veux pour que ce texte arrive. Maintenant, nous allons prévisualiser toute l'animation avant de passer à la vidéo suivante. Je veux que Toronto arrive plus tard. Sélectionnez les deux calques, faites-le glisser derrière, vers l'avant dans le temps. Au moment où la tour se construit, je veux que le texte de Toronto parvienne. J' ai oublié de traîner cette barre jaune. Je veux que le barreau arrive en même temps que le texte de Toronto. Voilà, tu y vas. C'est ton animation. 13. Animer la réflexion: Dans cette vidéo, nous allons travailler sur la réflexion sur la tour. abord, descendons ici pour saisir la réflexion que nous avons éteinte au début. Ces deux couches sont le reflet, les amenant au sommet. Maintenant, ce que je dois faire est de recréer cette réflexion dans les séquelles. La façon de le faire est d'abord de créer un nouveau calque solide, aller à la couche, nouveau. Cliquez sur « Solide ». Voici une fenêtre que j'ai laissé tomber cette couleur ici, cette couleur bleu clair sur le reflet. Le solide que nous créons, il va être 1080 d'ici 1080, nous pouvons le renommer en réflexion, cliquez sur « OK ». Vous voyez maintenant que nous avons créé un calque de la même couleur que le reflet. Maintenant, ce que je dois faire d'abord, je veux dessiner le long des lignes de cette réflexion, mais ensuite cette couche couvre dessus, donc je ne peux pas voir ça. La façon de le faire est de cliquer d'abord sur cette icône, c'est l'icône Calque d'ajustement. Une fois que j'ai cliqué dessus, ce calque va devenir un calque de réglage, qui va être invisible. Mais en même temps, je peux encore dessiner sur cette couche. Avec cette icône cochée, je peux aller sur le dessus ici, prendre un crayon, puis zoomer. Il suffit de dessiner le long du contour de cette réflexion, comme ceci. De cette façon va créer un masque au-dessus de ce calque solide, et une fois que je l'ai terminé, je vais cliquer sur « Off » pour que cette forme soit faite. Puis cliquez à nouveau sur ce calque de réflexion, je veux dessiner un autre masque à côté, zoomer encore plus loin. Je veux dessiner cette forme ici. Fermez la forme, puis nous pouvons désactiver le calque de réglage comme ceci. Vous pouvez voir cela l'effet que nous obtenons, donc j'ai dessiné pour masquer sur cette couche solide. Maintenant, la couche solide, si j'éteins le masque. C' est le calque avant le masque. Une fois que j'ai dessiné le masque, il ne me montrera que la partie qui est à l'intérieur du masque que j'ai dessiné. Nous avons la réflexion maintenant je peux supprimer les deux réflexions avant. Supprimez ces deux-là. Maintenant, ce que je dois faire est d'obtenir cette section centrale ici, essayez de trouver les couches, fenêtre Centre. C' est la fenêtre centrale, en haut, donc j'ai eu la fenêtre centrale, centre en haut et le centre en bas. Je veux pré-compiler ces couches. Commande Shift C, recomposer, section centrale de la tour. Cliquez sur « OK » et puis je veux faire descendre cette réflexion au-dessus de cette section centrale de la tour. abord, ce que je dois faire est d'animer cette réflexion allant de droite à gauche. Cliquez sur P position, cliquez avec le bouton droit sur les cotes séparées Je veux que la réflexion s'anime ici. Cliquez sur le chronomètre à l'image clé de l'exposition. Faites glisser vers la droite, c'est le reflet et puis allez peut-être ici, faites glisser la position vers la gauche, comme ceci. C' est l'animation de la réflexion. Présentons ceci. C' est peut-être trop lent, je vais le rapprocher ici. J' ai toujours l'impression que c'est trop lent, peut-être même plus. Cela semble mieux pour maintenant et puis ce que nous devons faire, Rappelez-vous la marque de piste que nous utilisions avant, nous pouvons faire la même chose avec cette réflexion. Tout ce que je dois faire est de dupliquer cette couche, la couche Centre tour, commande D dupliquer, puis mettre ce nouveau calque dupliqué sur le dessus de la réflexion. Utilisez ce calque comme limite de la réflexion afin que la réflexion ne soit visible qu'à l'intérieur de cette section centrale de la tour. Il suffit de définir ce reflet sur alpha mat. Maintenant, vous pouvez voir si une égratignure à travers la chronologie. Le reflet n'est visible que. L' un est à l'intérieur de la tour. C' est ainsi que nous avons réalisé la réflexion. Prévisualisons l'animation. J' ai toujours l'impression qu'il n'y a pas d'énergie à cette réflexion alors que j'attrape les deux cadres clés encore plus près. Cela semble mieux, maintenant je veux sélectionner les deux images clés. Cliquez avec le bouton droit sur l'assistant cadre Comme prévu qui me semble bon, ça que vous faites la réflexion. 14. Animer le ballon: Maintenant, animons les ballons. abord, allons prendre le ballon du panneau de projet sous le dossier « Pre comps ». Cliquez sur cette flèche. J' ai ce ballon bleu, puis ballon jaune. Prenons ce ballon bleu, mettez-le dans la comp principale. abord, je veux y aller pour ajouter une chaîne attachée au ballon. Double-cliquez, maintenant, allons simplement à l'outil Plume. Sans aucun calque sélectionné, je veux dessiner une chaîne, peut-être aussi longue, puis je ne veux pas de couleur de remplissage, mais je veux une couleur de trait. Allez dans le « Contenu », « Forme », puis éteignez la couleur de remplissage, allumez la couleur de trait, changez-la en noir. C' est à peu près juste. Ensuite, ce que je veux faire est d'ajouter des effets à la chaîne. Allons à « Fenêtre », cliquez sur ce « Effets & Presets ». C' est là que nous allons appliquer les effets. Recherchez la déformation des vagues, puis double-cliquez pour la placer sur ce calque, puis ajustons certains des paramètres. Tout d'abord, je veux changer ce point d'ancrage à la chaîne ici. C' est le point d'ancrage. Je vais mettre sur le dessus. Changons la largeur de l'onde à environ 90, puis nous pouvons essayer de changer la direction de l'onde. Vous pouvez voir que je changeais la direction, vous pouvez voir que la ligne est déjà déformée comme si elle agitait. Je veux juste une légère vague, très subtile, comme ça, et ensuite je veux changer la vitesse de l'onde à zéro. Maintenant, tout ce que je veux faire, c'est animer le visage. De là, je veux ajouter les zéro secondes. Ajoutons une image clé sur le visage, alors cliquez sur « Chronomètre » ici. Maintenant, nous pouvons cliquer sur la touche de raccourci, « U », sur le clavier pour afficher l'image clé dans la chronologie ici. Alors je veux juste aller jusqu'à une seconde, puis changer le visage en négatif ici. Je veux faire glisser ce visage jusqu'au bout pour qu'il dure plus longtemps, ce qui signifie que l'animation va être plus lente. C' est très subtil en ce moment, mais voyons si cela fonctionne après avoir animé le ballon, revenez à la comp principale. Montez ici, cliquez sur le stylo derrière l'outil, placez ces points d'ancrage sur le ballon lui-même, comme ça, puis faites glisser la position y vers le bas. À partir de ce point, le ballon sera là, puis faites glisser vers l'avant jusqu'à peut-être quatre secondes. Cliquez sur le raccourci clavier « V » pour aller à « Outil de sélection », puis je vais faire glisser cette bulle vers le haut. Vous voyez qu'il y a une poignée sur le chemin. Je veux modifier légèrement la poignée sur le chemin pour avoir un chemin de courbe vers lui. Au lieu d'un chemin droit, une légère courbe. Ne doit pas être exagéré, je veux juste me déplacer légèrement vers la gauche ou vers la droite. Ça marche. Présentons un aperçu de l'animation. L' animation flottante me semble bien, c'est juste une chaîne. Peut-être que j'ai besoin de faire bouger la chaîne plus vite. En ce moment, il bouge à peine. Allez à cette chaîne ici. Je veux aussi que la chaîne soit derrière le ballon, donc je veux mettre la couche sur le fond. Faites glisser les deux images clés plus près pour que l'animation soit plus évidente. Revenons à la comp principale pour en prévisualiser. Tu sais quoi ? Ça m'a l'air bien. Maintenant, faisons la même chose pour l'autre ballon. Retournons au panneau du projet, attrapons ce ballon jaune, mettez-le dans la comp principale, puis retournez à l'intérieur. Je peux simplement copier l'autre chaîne dans cette composition. Ici, vous pouvez voir qu'il y a cette couche bleue de ballon, pré comp, et puis copions simplement ceci, « Commande C ». Retournez au ballon jaune, collez, et puis tout ce que j'ai à faire est de changer la position, mettre derrière ce ballon ici. Nous pouvons mettre la couche en bas pour qu'elle soit derrière le ballon. Retournez à la composition principale, faites glisser ce calque, peut-être par ici. Je ne veux pas qu'ils viennent en même temps, comme je l' ai déjà dit, donc je veux décaler l'animation. abord, changeons le point d'ancrage au centre du ballon. Ensuite, ce que je peux faire est de copier ces deux images clés, « Commande C », puis aller au début de cette couche de bulles jaune, coller dans les deux images clés. Maintenant, nous allons prévisualiser. Je veux voir ce qui se passe ici. Vous voyez en ce moment, le ballon jaune suit le même chemin que le ballon bleu. Ce que je veux faire est de modifier le chemin de celui-ci. abord, nous devons sélectionner deux images-clés, puis aller à la première image-clé, puis je peux changer le chemin de la bulle jaune. Maintenant, vous voyez que je peux faire glisser les deux positions en même temps sur le côté droit, et maintenant c'est un chemin différent. Mais quand même, je veux le changer encore plus. Je veux aller à la dernière image clé ici, puis peut-être la faire glisser vers la dernière un peu, puis la faire glisser plus loin de cela. Je veux que ce jaune se déplace plus lentement que le bleu. Présentons un aperçu de l'animation. J' ai l'impression que ces deux-là sont encore trop proches l'un de l'autre. Je veux que le jaune aille à droite au lieu de la gauche. Allez à la dernière image-clé ici, faites glisser ce chemin, quelque part ici, et modifiez un peu la courbe. Présentons ceci. Maintenant, il n'est pas assez haut, donc vous pouvez toujours voir la chaîne. Je dois aller à la dernière image clé et ensuite faire glisser le ballon jaune encore plus haut pour que vous ne voyez pas la ficelle pendre en l'air. Ça devrait être bon pour moi. Sauvons le projet. Ensuite, tout ce que nous devons faire est juste de suivre le même processus pour les deux premiers ballons, puis nous pouvons créer deux autres ballons, mais à la position différente. Voici l'animation finale. Tout ce que j'ai fait est de copier ces deux ballons, puis de les coller dans une autre composition, puis de fixer la position de ces deux et changer la couleur de sorte que j'ai quatre ballons différents à venir. Ce sera le même processus que les deux premiers. Voici l'animation finale. Prochaine vidéo, je vais vous montrer comment exporter ce fichier en GIF ou en MP4 afin que vous puissiez le partager avec vos amis ou le publier sur Internet. 15. Exportez: On y va. C'est notre dernière animation. Donc maintenant, je veux exporter ce fichier dans un fichier GIF. Tout ce que je dois faire est de cliquer sur cette composition ici, puis cliquez sur cette ajouter à la file d'attente d'Adobe Media Encoder. Une fois que j'ai cliqué dessus, il va ouvrir Adobe Media Encoder. Une autre chose à faire attention est qu'en ce moment ma plage de prévisualisation est réglée à partir de zéro seconde à six secondes. Donc, ce sera la plage à laquelle cette animation va être rendue. Fondamentalement, si je mets la région de rendu comme six secondes ne va rendre que la vidéo de six secondes pour moi. Je peux aussi le définir plus longtemps si je veux. Je peux le régler à neuf secondes. Tout ce que je dois faire est de cliquer sur la marque de neuf secondes, mettre mon indicateur de minuterie là, puis appuyer sur la touche N du clavier pour définir le point de sortie. Ensuite, si vous voulez définir le point de fin va à B, B sur le clavier. On y va. Maintenant, la file d'attente d'Adobe Media Encoder est ouverte. Ce fichier est actuellement envoyé à la file d'attente. Voici le cadre que nous pouvons choisir. Cliquez sur cette flèche vers le bas ici. Nous pouvons exporter ce fichier sous forme de formats MP4. Donc, si vous voulez exporter en MP4, vous pouvez simplement appuyer sur ce H.264. C' est un format vidéo MP4 de haute qualité. Ensuite, si vous voulez un format GIF, vous pouvez simplement cliquer sur ce GIF animé. Maintenant, je veux seulement que ce soit GIF animé donc je vais choisir ceci. Vous pouvez modifier certains paramètres dans le préréglage, mais pour l'instant, tout ce dont nous avons besoin est cette option GIF animé. Ensuite, nous pouvons choisir ici où nous voulons enregistrer le fichier. Je veux l'enregistrer sur le bureau, sortie finale, puis le nommer Toronto Logo. Appuyez sur Entrée, puis cliquez simplement sur ce bouton vert de démarrage. Ça va commencer le rendu. Très bien, c'est fait. Jetons un coup d'oeil. Voici notre dernière animation. 16. Félicitations !: Félicitations, vous avez terminé le cours. Vous devriez maintenant être capable d' appliquer les techniques apprises dans ce cours à tout type d'animation. Le défi que je vous ai lancé était de prendre n'importe lequel de vos propres logos ou icônes, quelque chose qui vous passionne, et d'appliquer ce que vous avez appris dans ce cours à votre propre design. N'oubliez pas de publier votre animation sur la page du projet, j'ai hâte de voir ce que vous allez proposer. Si vous avez des questions concernant ce cours, envoyez-moi une note dans le panel de discussion et je suis là pour vous aider. Merci beaucoup d' avoir suivi ce cours. Bonne animation. [MUSIQUE]