Le guide du débutant pour animer des GIF personnalisés | Jake Bartlett | Skillshare
Menu
Recherche

Vitesse de lecture


  • 0.5x
  • 1 x (normale)
  • 1.25x
  • 1.5x
  • 2x

Le guide du débutant pour animer des GIF personnalisés

teacher avatar Jake Bartlett, Motion Designer

Regardez ce cours et des milliers d'autres

Bénéficiez d'un accès illimité à tous les cours
Suivez des cours enseignés par des leaders de l'industrie et des professionnels
Explorez divers sujets comme l'illustration, le graphisme, la photographie et bien d'autres

Regardez ce cours et des milliers d'autres

Bénéficiez d'un accès illimité à tous les cours
Suivez des cours enseignés par des leaders de l'industrie et des professionnels
Explorez divers sujets comme l'illustration, le graphisme, la photographie et bien d'autres

Leçons de ce cours

    • 1.

      Bande-annonce du cours

      0:41

    • 2.

      Pour commencer

      10:00

    • 3.

      La position de l'avion

      18:21

    • 4.

      La rotation de l'avion

      4:26

    • 5.

      Le cœur

      8:08

    • 6.

      Les nuages

      4:16

    • 7.

      Le texte

      4:56

    • 8.

      Exporter un GIF

      3:25

    • 9.

      Félicitations !

      0:53

  • --
  • Niveau débutant
  • Niveau intermédiaire
  • Niveau avancé
  • Tous niveaux

Généré par la communauté

Le niveau est déterminé par l'opinion majoritaire des apprenants qui ont évalué ce cours. La recommandation de l'enseignant est affichée jusqu'à ce qu'au moins 5 réponses d'apprenants soient collectées.

25 966

apprenants

597

projets

À propos de ce cours

Il s'agit du guide du débutant complet rapide et facile pour se familiariser avec Adobe After Effects. Aucune expérience nécessaire ! Je vais vous montrer comment utiliser les outils à l'intérieur du programme, animer votre conception en boucle et exporter un GIF dans Photoshop pour le partager avec vos amis !

Ce cours s'adresse à toute personne intéressée par la conception de mouvements (motion design).  Peut-être êtes-vous un graphiste qui a toujours voulu transformer l'une de vos pièces en un GIF animé, ou peut-être que vous n'avez jamais pensé à la conception auparavant, mais que l'animation a toujours ressemblé à quelque chose que vous apprécieriez ! Quoi qu'il en soit, ce cours vous permettra d'être opérationnel dans le monde de l'animation graphique !

Et si vous souhaitez entrer dans le monde des animations graphiques, ce cours est un excellent tremplin vers mes autres cours After Effects. Le prochain cours que je vous recommande de suivre est Le guide du débutant d'Adobe After Effects .

______________

Plan du cours

  • Créez des fichiers .gif personnalisés. Dans ce cours détaillé, Jake vous apprendra tout ce que vous devez savoir sur After Effects pour concevoir et créer des fichiers GIF animés. Avec l'aide de ses instructions étape par étape, vous pouvez rapidement apprendre à devenir animateur tandis que Jake vous guide à travers ses propres vidéos animées et vous montre exactement comment il les a créées.
  • Créer le vôtre. Vous serez encouragé à créer votre propre GIF animé, quelque chose de similaire à l'exemple de démonstration, ou très original. Si vous êtes bloqué, vous pouvez poser des questions à Jake sur sa page de discussion du cours et, lorsque vous avez terminé, vous pouvez publier votre produit final pour obtenir des commentaires constructifs de la communauté.
  • Configurer votre espace de travail. Vous apprendrez exactement comment (et pourquoi) Jake organise sa mise en page After Effects afin que vous puissiez démarrer votre projet d'animation du bon pied. Jake vous montrera comment importer des fichiers Illustrator et comment créer de nouvelles compositions de calques individuels pour vous assurer que vous vous déplacez toujours dans la bonne direction.
  • Animation des calques. Après avoir décomposé son fichier en calques, Jake expliquera comment il est capable de déplacer des objets individuels tout en gardant son arrière-plan verrouillé. Il vous montrera comment travailler avec une animation image par image pour garder le processus simple et votre animation fluide.
  • Travailler avec des images clés. Une image clé est un ensemble de valeurs enregistrées à un instant donné. Vous apprendrez à définir des images clés et à les utiliser correctement pour animer parfaitement votre objet lorsqu'il se déplace dans l'espace.
  • Apprentissage de votre boîte à outils. Jake explorera tous les outils After Effects à votre disposition et vous expliquera comment et quand les utiliser. Vous quitterez les leçons de Jake avec une meilleure compréhension de votre boîte à outils électronique et de la manière dont elle peut vous aider à maximiser votre créativité et à fluidifier l'animation de votre GIF.
  • Faire pivoter des objets lorsqu'ils se déplacent. Vous apprendrez à utiliser des images clés pour faire pivoter vos objets de conception et leur donner l'impression de se déplacer plus naturellement. Jake entrera dans les détails pour s'assurer que vous connaissez les étapes à suivre pour vous assurer que chaque rotation de votre objet est facile et fluide.
  • Animer votre arrière-plan. Jake vous apprendra ce qu'est un "calque de forme" et quand utiliser votre illustration initiale comme point de référence lorsque vous travaillez dans After Effects et créez de nouvelles conceptions dynamiques. Vous apprendrez également à animer de nouveaux objets, en ajustant leur apparence au fil du temps pour créer un impact maximal.
  • Combiner des calques. En suivant les conseils de Jake, vous regrouperez des calques pour créer de nouvelles "précompositions" d'objets de conception existants sur lesquels vous pourrez appliquer des effets animés. Vous repartirez également de la leçon de Jake avec une meilleure compréhension des ajustements que vous pouvez utiliser pour éviter les défis courants et comment nettoyer votre travail pour vous assurer qu'il s'anime correctement.
  • Enregistrement de votre animation au format GIF. Jake expliquera comment boucler votre animation pour garder vos conceptions cohérentes lorsque vous les exportez hors d'After Effects. Il partagera également ses astuces secrètes pour que votre GIF continue à bouger exactement comme vous l'avez conçu, quel que soit le programme dans lequel il se retrouve.

Rencontrez votre enseignant·e

Teacher Profile Image

Jake Bartlett

Motion Designer

Enseignant·e
Level: Beginner

Notes attribuées au cours

Les attentes sont-elles satisfaites ?
    Dépassées !
  • 0%
  • Oui
  • 0%
  • En partie
  • 0%
  • Pas vraiment
  • 0%

Pourquoi s'inscrire à Skillshare ?

Suivez des cours Skillshare Original primés

Chaque cours comprend de courtes leçons et des travaux pratiques

Votre abonnement soutient les enseignants Skillshare

Apprenez, où que vous soyez

Suivez des cours où que vous soyez avec l'application Skillshare. Suivez-les en streaming ou téléchargez-les pour les regarder dans l'avion, dans le métro ou tout autre endroit où vous aimez apprendre.

Transcription

1. Bande-annonce du cours: Je suis Jake Bartlett et je vais t'apprendre à animer tes propres cadeaux personnalisés. Dans ce cours, je vais vous apprendre tout ce que vous devez savoir pour démarrer avec After Effects, même si vous n'avez jamais utilisé le logiciel auparavant. Ensemble, nous allons utiliser les mêmes ressources pour créer cette animation personnalisée et l'exporter en tant que GIF en boucle. Ou vous pouvez concevoir vos propres ressources et faire une animation complètement originale. Il s'agit d'un cours d'introduction rapide pour tous ceux qui cherchent à se lancer dans le cinéma, ou pour quelqu'un qui cherche juste à s'amuser un peu et à ajouter un peu de mouvement à leurs propres conceptions. Une fois ce cours terminé, vous pouvez passer à certains de mes cours les plus avancés. Je te verrai en classe. 2. Pour commencer: Commençons. La première chose à faire est évidemment d'ouvrir After Effects. Une fois qu'il est installé, mettez-le en marche et il devrait ressembler à ce que j'ai ici. Évidemment, tu n'auras pas ce petit panneau de Jake dans le coin, mais tout le reste devrait ressembler. Si cela ne ressemble pas à ceci, ce que vous devez faire est de venir dans ce menu de fenêtre et d'aller l'espace de travail et de vous assurer que vous êtes défini sur la valeur par défaut. Si vous êtes déjà sur la valeur par défaut et qu'il n'a toujours pas l'air de cette façon, revenez à réinitialiser par défaut pour enregistrer la mise en page. Ensuite, il devrait ressembler à ce que j'ai sur mon écran. Pour commencer, nous devons apporter l'illustration que nous allons utiliser pour créer cette animation en boucle. Si ce n'est pas déjà fait, assurez-vous d'aller à l'onglet Projet et ressources de la page du cours. Juste ici, à droite, se trouve la section Ressources. C' est là que vous trouverez le fichier zip qui contient non seulement l'illustration dont vous aurez besoin, mais aussi mon fichier de projet. Vous pouvez y jeter un oeil si vous voulez voir le résultat final de ce que je crée tout au long de ces leçons. Il suffit d'extraire le contenu de ce fichier zip sur votre ordinateur et il y aura un dossier d'images avec l'illustration. Maintenant, j'ai déjà cette illustration sur mon ordinateur, donc je veux l'importer dans After Effects. Nous allons le faire en utilisant ce panneau sur le côté gauche, c'est le panneau du projet. C' est là que les actifs qui sont en dehors du programme que nous voulons utiliser quitteront et que tout ce que nous créons à l'intérieur d' After Effects apparaîtra ici comme un répertoire. Pour obtenir notre illustration ici, je vais cliquer avec le bouton droit de la souris dans le panneau du projet, aller vers le bas pour importer et dire « Fichier ». Maintenant, il a déjà localisé l'illustration pour moi, mais il suffit de naviguer à l'endroit où vous avez enregistré cette illustration sur votre ordinateur, allez dans ce dossier images. Enfin, le fichier GIF-artwork.ai. Il s'agit d'un fichier Adobe Illustrator. Ensuite, descendez simplement sur le bouton Importer et cliquez dessus. Maintenant, After Effects va identifier et reconnaître qu'il s'agit d'un fichier illustrateur, puis il contient des calques auxquels nous pouvons accéder à une animation. Il va nous demander comment exactement nous voulons importer cela parce que nous pouvons le faire de différentes façons. Sous le type d'importation, assurez-vous qu'il soit réglé sur la composition, pas sur les séquences, c'est très important. Il est également très important que nous descendions aux dimensions du métrage et que nous disions la taille du calque et non la taille du document. Définissez la composition puis la taille du calque. Ensuite, on peut cliquer, « OK ». de suite, nous verrons dans le panneau du projet quelques choses. Ce premier objet est une composition. Vous pouvez voir sous la colonne type, c'est une composition. Vous pouvez penser à une composition comme un document, qu'il s'agisse d'un document Illustrator ou d'un document Photoshop, c'est essentiellement la version After Effects de ce document . C' est ce que nous allons travailler dans After Effects. Ici, vous voyez l'aperçu de la petite miniature. Nous pouvons déjà voir que l'illustration apparaissant et en dessous est un dossier. Encore une fois, regardez la colonne de type là, il est dit dossier et nous pouvons tourner cette ouverture pour voir tous les calques individuels de l'illustration qui composent ce fichier Illustrator. Ils ont tous l'icône du fichier Illustrator. Si je viens d'étendre cela un peu, nous pouvons voir qu'ils appartiennent tous au fichier illustrateur d'illustrations GIF. Maintenant que tous nos actifs sont ici, je vais effondrer ça et je vais double-cliquer sur cette composition. Il suffit de double-cliquer et cela l'ouvrira dans la visionneuse de composition, c'est ce panneau ici. Ceci est un aperçu direct de ce à quoi ressemblera notre animation finale lorsque nous allons l'exporter. Tu peux penser à ça comme une toile. C' est là que nous allons voir ce qui se passe réellement. En bas se trouve notre panneau de chronologie. C' est là que nous allons voir toutes les couches qui composent ce que nous voyons dans la composition, ainsi que comment nous allons animer les choses à travers le temps. Il s'agit à la fois du panneau Calques et du panneau Montage. Désormais, cette composition générée par After Effects était basée sur les dimensions de l'illustration Illustrator. Je l'ai créé à 800 par 600 pixels parce que je voulais pouvoir poster ceci à dribble. Il va automatiquement dimensionner ma composition à cette résolution. Nous pouvons voir cela ici dans l'aperçu du panneau Projet. Mais je veux jeter un oeil à un peu plus des paramètres de cette composition. Allons au menu Composition ici, puis aux paramètres de composition. Dans ce panneau, nous pouvons voir tous les attributs de notre composition, comme la largeur et la hauteur. Ils sont prêts à 800 par 600. C'est ce que je veux. Alors le cadre juste en bas est ce qui me préoccupe vraiment. Il est actuellement défini sur 30 images par seconde et c'est ce qu'il devrait être défini sur. Si le vôtre est autre que 30, suffit de cliquer et de le faire glisser ici et de le modifier pour qu'il soit 30 images par seconde. Puis enfin, en bas, c'est la durée. Ceci est mesuré en code temporel, qui est présenté en images ici, secondes, minutes et heures. C' est comme une horloge ou un chronomètre. On veut qu'il dure 10 secondes. C' est probablement plus long que nécessaire, mais c'est un bon endroit pour commencer. Je vais laisser ça à 10 secondes. Si le vôtre n'est pas 10 secondes, changez ce deuxième jeu de nombres là en 10 secondes. Ensuite, il suffit de cliquer sur « OK ». Notre composition est prête à l'emploi et nous avons toutes nos couches d'illustrations. Avant d'aller plus loin, je veux sauvegarder ce projet afin que je ne perde rien au cas où quelque chose se passe mal et qu'After Effects se bloque. Je vais venir à File, Save. Vous pouvez naviguer jusqu'à l'endroit où vous voulez l'enregistrer. Mais je vais juste le nommer Loopy Feeling GIF et cliquer sur « Enregistrer ». Maintenant, ajoutons notre texte au bas de la composition. Cette partie, je n'ai pas fait un illustrateur, donc nous allons l'ajouter directement dans After Effects. En haut d'After Effects, vous trouverez tous vos outils. C' est la barre d'outils et je veux aller ici à l'outil Texte. Je vais cliquer sur cet outil de texte et juste ici sur le côté droit, le panneau Caractère s'ouvre automatiquement. After Effects, remarque que j'ai cliqué sur l'outil de texte et que je vais probablement vouloir ajuster la police. C' est pourquoi il s'est automatiquement étendu. Maintenant, pour ajouter du texte dans une composition, tout ce que j'ai à faire est de cliquer une fois n'importe où dans la fenêtre Composition. Je vais juste cliquer ici. Maintenant, je peux taper mon message, c' est-à-dire que tu me donnes un sentiment de bouclage. Ensuite, je vais revenir à mon outil de sélection pour appliquer ce texte. J' ai créé un nouveau calque avec ce texte et je peux cliquer et le faire glisser avec cet outil de sélection où je veux. Maintenant, ce n'est pas la police que je veux utiliser et ce n'est pas la couleur que je veux utiliser. Je vais changer la police en arrivant sur le panneau de caractères avec ce texte sélectionné. Ici, c'est l'endroit où je choisis la police. Maintenant, je sais que je veux le changer en un appelé Nevis. Je vais juste taper Nevis. C'est là. Je vais cliquer dessus pour appliquer cette police. Ensuite, je vais cliquer et faire glisser à nouveau vers le bas en utilisant mon outil de sélection pour repositionner ceci. C' est au-dessus des nuages à la base de la composition. Ensuite, je veux changer la couleur du noir pour être la même couleur que le ciel en arrière-plan. Je peux le faire en cliquant simplement sur cet outil Pipette, puis en sélectionnant cette couleur d'arrière-plan. Vous pouvez voir que cela se reflète juste ici dans la couleur de remplissage, et maintenant que le texte est de la même couleur. Je veux aussi faire tout cela au lieu de majuscules et minuscules, ce que je peux faire en bas ici, ce petit bouton est tous les casquettes. Je vais cliquer dessus. Maintenant, j'ai toutes les majuscules calque de texte. Je veux aussi espacer le texte un peu plus pour qu'il y ait plus d'espace entre chaque lettre. Je peux le faire ici sous cette petite icône qui dit VA, ça s'appelle le suivi du texte. Je peux cliquer et faire glisser ceci juste pour être en mesure d' ajuster librement l'espacement ou je peux cliquer une fois, puis taper un nombre. Je vais juste taper 100 comme un beau nombre rond, puis cliquer sur. Ça me donne un peu plus d'espace entre ces lettres. Maintenant, ce texte est aligné sur le bord gauche. C' est justifié, mais je veux qu'il soit aligné au centre du texte. Pour ce faire, j'ai besoin d'ouvrir un autre panneau. Je vais réduire ce panneau de caractères juste en cliquant dessus. Ensuite, je vais aller au panneau de paragraphe, mais juste en dessous, cliquez dessus. Mon texte est toujours sélectionné et c'est ici que je peux changer la justification. Je veux juste le justifier. Je vais cliquer dessus. Maintenant, le texte vient du centre du calque plutôt que de la gauche. Enfin, je veux aligner cela au centre de ma composition, mais le faire à l'œil ne sera pas très précis. Je vais juste laisser mes textes là où il est et venir à un autre panneau juste quelques-uns ici, le panneau Aligner et cliquer dessus. Ce que cela me permet de faire est d'aligner les couches sur d'autres couches ainsi que sur la composition. Avec celui-ci sélectionné, il va par défaut aligner le calque sur la composition, et c'est ce que je veux. Ici, j'ai le bouton horizontal aligné. Si je clique dessus, mes textes s'accrochent au centre de la composition. C' est exactement là que je le veux. Maintenant, je voudrais peut-être repositionner un peu mon texte de haut en bas, mais le garder centré. Eh bien, si je clique et fais glisser, ça va être très facile de sortir accidentellement de ce point central. Mais je pourrais maintenir la touche Maj enfoncée du clavier pendant que je clique et que je fais glisser. Cela limitera le texte à se déplacer uniquement horizontalement ou verticalement. Je vais juste maintenir cette touche Maj enfoncée tout en cliquant et en faisant glisser avec mon outil de sélection et en le déplaçant juste là. Il a l'air sympa et centré verticalement sur ce nuage. Maintenant, je peux désélectionner cette couche simplement en cliquant n'importe où qui n'est pas une autre couche. Lorsque je déplace ma souris, vous pouvez voir qu'il y a des contours de transformation de poignée d'angle autour de chacun de ces calques. Je vais juste cliquer dans cette zone gris foncé en dehors de la composition pour désélectionner. Maintenant que j'ai mon texte positionné correctement dans toutes mes illustrations là où il doit être. Je vais juste gagner une fois de plus en accédant à Fichier, Enregistrer. Vous pouvez également utiliser le raccourci clavier Control S sur un PC ou Command S sur un Mac. Avant de passer à la leçon suivante, assurez-vous que vous avez configuré votre illustration dans After Effects, que vous l'avez importée, que vous modifiez vos paramètres de composition comme je les ai définis et que vous avez ajouté votre texte et l'a stylisé comme vous le souhaitez. Ensuite, nous pouvons passer à l'animation réelle. 3. La position de l'avion: Maintenant, nous pouvons commencer à animer, et la façon dont cette animation va se jouer est que l'avion va commencer dans le coin inférieur gauche derrière les nuages hors écran, entrez et suivez cette ligne. Nous allons juste l'utiliser comme guide pour l'instant, mais il va faire de ce cœur une piste de fumée essentiellement, donc il va boucler tout le chemin et sortir dans la direction opposée qu'il est entré. Pour pouvoir le faire, nous allons utiliser ce qu'on appelle des images clés. Les images clés sont ce qui anime presque toutes les animations à l'intérieur d'After Effects et de nombreux autres logiciels d'animation. Nous allons commencer par animer l'avion, et je ne veux pas ajuster accidentellement les autres couches. Je vais les verrouiller dans ma chronologie. Cette colonne présente ici une petite icône de verrouillage vous permet de verrouiller un calque, de sorte que vous ne l'ajustez pas. Je vais juste cliquer et faire glisser sur tous ces éléments, laissant la couche plane déverrouillée, puis verrouiller les deux derniers. Maintenant, je ne peux cliquer sur rien dans cette composition sauf pour l'avion. Avec mon outil de sélection actif, je vais cliquer et faire glisser ceci à l'endroit où je veux qu'il commence au début de mon animation, qui est ici à gauche. Maintenant que je l'ai fait, vous avez vu que ça fait défiler la composition vers le bas et ça me fait savoir que je ne vois pas vraiment toute la composition dans son ensemble. Si je passe à l'outil manuel, qui est juste ici à côté de l'outil de sélection, je peux cliquer et faire glisser pour faire un tour dans ma composition. Maintenant, je veux pouvoir voir tout ça en même temps. Je vais en fait descendre à ce petit menu ici, qui est le menu de grossissement. Elle est actuellement définie à 100 pour cent, ce qui signifie que nous l'affichons à une échelle de 100 pour cent. Je veux le mettre en forme. Cela réduira ma composition pour s'adapter à mon spectateur quoi qu'il arrive. Je profite de l'occasion pour souligner que cet agrandissement est en fait pas la résolution de notre document. Ce menu juste à côté est la résolution, et il est important de distinguer la différence entre les deux parce que la résolution et le grossissement sont deux choses différentes. N' oubliez pas que nous définissons les paramètres de composition de ce document à 800 x 600 pixels. C' est la résolution du document et la résolution de ce qu'il sera lorsque nous l'exporterons sous forme de GIF après avoir terminé l'animation. Le taux de grossissement est juste l'échelle que nous examinons, cette résolution. Mais là où cela peut être vraiment déroutant, c'est que nous pouvons réellement voir cette composition à quelque chose d'autre que la pleine résolution. En fait, je vais revenir à un grossissement de 100 % très rapidement, donc nous pouvons voir que c'est la résolution réelle, la taille de notre composition une fois que nous l'exportons, et nous la regardons actuellement en pleine résolution, qui signifie que c'est une pleine qualité, c'est une représentation directe de ce à quoi devraient ressembler nos exportations lorsque nous en avons fini. Mais si je change ça de plein à moitié, tout devient un peu doux, surtout si je fais un zoom dans un grossissement de 100 pour cent passé. Permettez-moi d'aller à 200 pour cent et juste un peu autour d'un peu, vous pouvez voir que maintenant nous sommes beaucoup plus pixelisés. Je pourrais changer cette résolution au quart, et elle va être extrêmement pixélisée. C' est parce que nous réduisons la résolution de notre document et le visualisons à un quart de la résolution complète. Mais si je le remets en pleine résolution, vous remarquerez que c'est toujours un peu floue, surtout si je vais dans quelque chose d'extrême, comme 800 pour cent. Nous voyons tous ces bords pixélisés et bloqués autour de notre œuvre, et la raison en est que cette composition est composée de pixels, même si nous travaillons avec des graphiques vectoriels, des fichiers Illustrator, After Effects va finalement rastériser tout et le transformer en pixels. Si nous regardons ceci, tout ce qui dépasse le grossissement de 100 %, que nous le regardions ou non en pleine résolution ou non, cela va commencer à nous montrer des pixels et c'est normal. Ne laissez pas ça vous déranger. C' est un comportement tout à fait normal pour After Effects, il suffit de revenir à un grossissement de 100 % et de définir votre résolution pleine pour voir un aperçu de ce que c'est réellement à pleine qualité. Avec cette explication hors du chemin, je vais changer mon grossissement pour qu'il s'adapte, sorte que je puisse voir toute la composition, puis revenir à mon outil de sélection. Nous commencions à animer cet avion, donc je vais à nouveau cliquer et le faire glisser pour qu'il soit sous les nuages juste ici. Maintenant, je veux dire à After Effects, et c'est là que je veux que l'avion commence à l'image zéro, et je peux dire que je suis à l'image zéro en regardant le code horaire juste ici. Rappelez-vous que ces deux premiers chiffres sont les images, puis les secondes, les minutes et les heures. que je scrute cette ligne de temps, si je clique et fais glisser sur cette tête de jeu bleue, ces nombres comptent comme je me déplace vers la droite, avant dans le temps et vers le bas à zéro lorsque je me déplace vers la gauche. À l'image zéro, je veux que la couche biplans soit à ce stade de la composition positionnellement, et que nous allons définir une image-clé pour elle. Ici, je vais faire tourner les contrôles de couche, et dans ce calque, nous voyons la catégorie Transformation. Je vais également tourner cette ouverture, et nous pouvons voir tous les contrôles de transformation de cette couche avec leurs valeurs. Ceux-ci sont tous en relation avec la composition, de sorte que la position actuelle est définie sur cette valeur, ce qui la place juste ici dans le coin inférieur gauche. Maintenant, tous ces chronomètres à côté de ces valeurs ou comment nous définissons des images clés pour ces valeurs. Je vais cliquer sur ce chronomètre sur la propriété position à l'image zéro. Le chronomètre devient bleu, et nous avons maintenant cette petite icône en diamant dans notre chronologie. Il s'agit d'une image-clé, et tout ce qu'une image-clé est un ensemble enregistré de valeurs à un moment donné dans le temps, donc ce que nous avons fait est dit à After Effects à zéro image, nous voulons que ce plan soit à cette position. Maintenant, je peux avancer dans le temps et progresser cette animation autour du cœur et ajouter des images clés pour chaque nouvelle valeur. Je vais aller de l'avant, dire 25 cadres, et je vais juste cliquer et faire glisser pour atteindre 25, et ensuite ce que je peux faire est d'utiliser les touches de page vers le haut ou vers le bas pour avancer un cadre vers l'avant ou vers l'arrière, donc la page up va à l'arrière, page vers le bas va de l'avant, et si vous n'avez pas les touches de page vers le haut ou vers le bas sur votre clavier, maintenez simplement la touche Ctrl ou Commande enfoncée sur un Mac et appuyez sur les flèches gauche et droite. Accédez à l'image 25, puis nous allons déplacer l'avion, et il va automatiquement définir une autre image clé. Regardez. Je vais cliquer et faire glisser ceci pour noter à la base de cette fréquence cardiaque à ce moment, puis lâcher prise. After Effects est automatiquement ajouté une autre image clé pour moi, et nous avons également cette représentation du mouvement de cette animation sur notre visionneuse de composition. C' est ce qu'on appelle la trajectoire de mouvement. Regardez ce qui se passe maintenant si je clique et que je fais glisser la tête de lecture en arrière. Il va s'animer entre ces deux images clés. C' est la base de toutes les animations et après effets, et c'est beaucoup de plaisir à jouer avec. Maintenant que nous avons cette deuxième position définie, je vais passer à l'image 50, donc faites glisser ceci vers l'avant. Mais vous devez remarquer quelque chose dès que j'ai passé une seconde, et rappelez-vous que nous avons 30 images par seconde. Dès que j'ai passé la trame 30, c'est réinitialiser le numéro de trame et le compter une seconde. Mais si vous regardez de très près en dessous, c'est un autre ensemble de chiffres, et c'est littéralement juste le nombre d'images, donc vous n'avez pas à penser aux secondes, minutes, heures, quoi que ce soit comme ça. Vous pouvez simplement regarder ici pour voir le numéro de trame exact sur lequel vous êtes actuellement. Je veux aller à l'image 50, donc je vais cliquer et faire glisser et utiliser ma touche de page vers le bas pour atteindre l'image 50. À ce stade, je veux cliquer et faire glisser l'avion vers la droite. Maintenant, l'avion passe derrière ce nuage et je ne peux plus vraiment le voir aligné sur ce cœur, donc je vais juste désactiver la visibilité de ce calque en faisant défiler ici sur ma chronologie et en désactivant le visibilité de la couche droite du nuage juste en cliquant sur ce globe oculaire. Maintenant, je peux voir ce chemin clairement, et c'est en fait assez proche. Je pense que c'est un bon endroit pour ce moment, et ensuite je vais avancer 25 images. Encore une fois, nous allons aller à l'image 75, c'est assez arbitraire à ce stade. Ne vous inquiétez pas trop au sujet du timing, mais je vais juste garder ça simple et faire 25 incréments de cadre, et puis je veux passer à ce point à droite, où il a cette section transversale du cœur, puis je vais faire avancer 25 images à nouveau. On arrivera au cadre 100, puis je déplacerai cet avion sur le côté gauche, et je n'ai pas besoin d'être parfait, il doit être à peu près la même hauteur que ça. Ensuite, j'avancerai 25 autres images, 125, et voyons 125, nous y allons. Pour cette prochaine image-clé, je veux qu'elle soit la même valeur que cette image-clé ici, qui d'ailleurs, ces images-clés correspondent à ces carrés sur la trajectoire de mouvement. Si je clique sur ce carré ici, il va sélectionner l'image-clé correspondante dans ma chronologie, et vice versa. Si je clique sur une image-clé dans la chronologie, le carré correspondant sur la trajectoire de mouvement est mis en surbrillance. Je veux dupliquer cette image-clé à ce point dans le temps et pour ce faire, je vais juste la faire sélectionner, venir pour éditer, copier, puis éditer coller, et il va coller cette image-clé dans l'endroit exact de votre tête de jeu où que vous soyez dans la chronologie. Enfin, je veux aller de l'avant 25 autres images, alors encadrez 150, puis déplacez l'avion vers la droite derrière les nuages. Pendant que je scrute tout ça, vous pouvez voir cet avion tourner autour de tout le cœur. Désormais, votre trajectoire de mouvement peut comporter des courbes basées uniquement sur les préférences de votre After Effects par défaut. Je l'ai changé pour que mes trajectoires de mouvement soient toutes droites, mais je veux vraiment les rendre incurvées. Si les vôtres ont déjà des courbes, c'est génial. Sinon, je vais vous montrer comment les ajouter maintenant. Je vais commencer par sélectionner toutes ces images clés , puis passer à mon outil de stylet ici dans la barre d'outils. fois cette option sélectionnée, vous verrez que l'icône est désormais différente. Il est défini sur l'outil Plume, mais si je passe à l'une de ces trajectoires de mouvement et que je mets en surbrillance sur les points de l'image clé, il passe à l'outil de conversion des sommets. Comme ils sont tous sélectionnés, je peux tout faire à la fois, mais je veux juste cliquer sur l'un de ceux-ci, juste un simple clic et il est ajouté des poignées à chacune de ces images clés. Elles fonctionnent exactement de la même manière que les pads vectoriels dans Illustrator et vous pouvez même travailler avec des pads vectoriels ici dans After Effects, mais au lieu de générer des illustrations, génèrent la piste de mouvement que prend cet avion. Maintenant que je les ai ajoutés, je vais revenir à mon outil de sélection et cela me permettra de modifier ces courbes pour s'adapter à la forme du cœur, mais avant d'y arriver, j'ai besoin d'ajouter quelques images clés supplémentaires. Je vais déplacer ma tête de jeu dans le temps jusqu'ici, juste là où elle est en haut parce que l'avion ne va pas venir de ce côté du cœur, descendre ici, puis tirer juste ici. Il va suivre cette boucle et faire une boucle juste là avant de venir. Je veux ajouter une image-clé entre ces deux-là et ces deux-là. Je vais aller à peu près à mi-chemin entre ces deux, puis je vais copier et coller cette image clé, cette fois avec le raccourci clavier, qui est vraiment simple. Contrôle ou Commande C à copier, Contrôle ou Commande V à coller. Maintenant, j'ai cette image-clé là, et je vais la coller à nouveau à mi-chemin entre ces deux-là. Encore une fois, il n'a pas besoin d'être super précis. Juste Control ou Command V pour coller cela, copiez l'image-clé et puis je reviendrai à cette image-clé centrale juste ici. Je veux m'assurer que je suis directement au-dessus de lui pour que je récupère, je vais maintenir la touche Maj enfoncée et cela va accrocher ma tête de jeu à l'image-clé la plus proche. Maintenant que je sais que je suis juste au-dessus de cette image-clé, je peux changer la valeur et After Effects s'ajustera automatiquement à la valeur enregistrée de cette image-clé. Ce que je veux faire, c'est déplacer l'avion vers cette partie de la boucle à ce stade. Je vais simplement cliquer et faire glisser et me rappeler que le raccourci clavier de shift, cette touche modificatrice va l'accrocher pour le déplacer juste verticalement ou simplement horizontalement. Je veux le déplacer directement à droite pour qu'il soit aligné à la base de cette boucle. Maintenant que je l'ai, l'avion va se déplacer autour de cette boucle avant de passer sur le côté gauche. Maintenant, toutes nos images clés sont définies, mais elles ne suivent pas très précisément le cœur. Revenons à cet outil plume et nous pouvons modifier les courbes de ces images clés. Encore une fois, si je les sélectionne toutes à la fois, nous pouvons voir les poignées tout à la fois, mais je veux les éditer une à la fois afin désélectionner ces images clés et de sélectionner simplement le calque pour voir la trajectoire de mouvement dans ma composition. Ce que je veux faire ici est juste cliquer et faire glisser sur l'une de ces poignées et fondamentalement correspondre ce chemin un peu plus près à l'œuvre de cœur. J' ai juste cliqué et glissé pour modifier ce chemin et le rendre plus en forme de cœur. Maintenant, par défaut, toutes ces poignées changent proportionnellement signifiant si je devais saisir mon outil de sélection et cliquer et faire glisser, vous pouvez voir que déplacer une poignée déplace également l'autre poignée mais si j' ai l'outil stylo sélectionné et puis utilisez cet outil de conversion de sommet, il va briser la relation entre ces deux poignées. Si cela vous arrive, il suffit de cliquer et de le faire glisser une fois de plus avec l'outil de conversion de sommet et il reliera nouveau la relation entre ces deux poignées. Cela vous aidera à faire des courbes beaucoup plus douces mais je vais juste passer à l'outil de sélection pour modifier le reste de ces poignées et vous pouvez même saisir un des points d'ancrage pour le repositionner. Je peux cliquer et faire glisser ceux-ci ainsi et très rapidement réaligner tout ce chemin de mouvement pour mieux s'adapter à cette œuvre de cœur. Je vais juste modifier rapidement ces pads et celui-ci va surtout avoir besoin d'aide. Je vais passer à mon outil de stylo pour celui-là. Cliquez et faites glisser pour adoucir cela. Je pourrais même le déplacer un peu vers le bas. avion est assez gros, donc ça va couvrir ça, mais je veux que ça soit juste un peu plus grand d'une boucle, mais ça a l'air assez bien. Je pense que je suis satisfait de cela et maintenant cet avion va suivre cette voie de plus près. Jusqu' à présent, nous venons de jeter un oeil à cette animation en scrublisant la chronologie mais que se passe-t-il si nous voulons prévisualiser à quoi elle va ressembler en temps réel ? Eh bien, nous allons le faire simplement en appuyant sur la barre d'espace. Je vais aller à l'avant de la timeline et appuyer sur la barre d'espace pour jouer mon animation. L' avion va maintenant faire une boucle autour de l'œuvre d'art et repartir derrière les nuages. Maintenant, vous pouvez voir cette petite ligne de temps en surbrillance juste ici. Cela nous permet de savoir quelle partie de la chronologie nous voyons actuellement, mais après avoir dépassé cette dernière image-clé, nous avons juste un tas d'espace vide. Je ne veux pas voir tout cet espace vide. Je peux changer la plage de la chronologie que After Effects va prévisualiser en utilisant cette barre ici. J' appuie encore une fois sur la barre d'espace pour arrêter l'animation, mais cette barre s'appelle ici ma zone de travail et elle a un point de départ et un point de fin. Si je clique et fais glisser sur le point de terminaison, je peux mettre en surbrillance une section spécifique de la chronologie à prévisualiser. Encore une fois, si je maintiens la touche Maj enfoncée qui s' accrochera à l'image clé la plus proche ou à la tête de lecture. Je vais l'accrocher à cette dernière image-clé, puis appuyer sur Play une fois de plus. Maintenant, il va seulement prévisualiser cette section de notre animation et il va juste boucler indéfiniment. Maintenant, si vous avez utilisé un logiciel d'édition dans le passé, vous avez probablement l'habitude de frapper la barre d'espace et de voir la lecture instantanément. After Effects ne fonctionne pas toujours de cette façon, car il doit calculer chaque image de votre animation afin de la lire pour vous. Toute cette zone ici, cette barre verte est mon indication qu' After Effects a déjà prévisualisé toutes ces images et les a mises en cache afin qu'il puisse les lire en temps réel, mais la première fois que vous jouez à travers cette animation, il peut prendre un peu de temps pour calculer chaque image. Après avoir parcouru toute la zone de travail, cette zone de travail doit être verte puis faire une boucle et la lire à nouveau en temps réel. Maintenant, vous remarquerez peut-être que l'avion n'est pas aussi lisse en ce moment et qu'il ne tourne pas. Ne vous inquiétez pas de la rotation, mais After Effects a une fonctionnalité vraiment cool qui vous aidera à lisser automatiquement ce type d'animation pour nous. Ce que nous devons faire est de sélectionner toutes ces images clés entre la première et la dernière puis cliquer avec le bouton droit de la souris et sélectionner cette option appelée Rove Across Time. Je vais cliquer dessus et toutes les icônes, ces images clés en forme de losange, sont maintenant tournées vers des points plus petits et elles se sont décalées un peu. Ce que cela a fait est fondamentalement lissé proportionnellement tous les temps d'images-clés afin qu'ils se déplacent à une vitesse constante tout au long de notre trajectoire de mouvement. Je vais le rejouer pour que vous puissiez voir ce que je veux dire. Si j'appuie sur la barre d'espace, maintenant elle se déplace beaucoup plus facilement dans toute l'animation. Ce qui est vraiment cool à ce sujet, c'est que disons que je n'ai pas aimé la lenteur de l'avion, je pourrais simplement cliquer et faire glisser sur cette dernière image-clé et toutes ces images clés rove à travers le temps vont proportionnellement à l'espace sur l'endroit où j'ai mis cette dernière image-clé. Si je le mets juste là et que je le rejoue, ça va bouger plus vite. Si je l'espace beaucoup plus, alors il va jouer plus lentement. Nous pouvons voir cela représenté aussi dans la trajectoire du mouvement. Lorsque je clique et fais glisser, vous pouvez voir tous ces petits points se déplaçant sur cette trajectoire de mouvement. Chacun de ces points représente un cadre et la valeur de position de chacune de ces images. Les carrés sont les images clés, et les points sont la valeur de position de chacune des images entre ces images clés. Je vais laisser ça au moment où nous l'avons eu. Passer à l'image 150, puis il clique et fait glisser tout en maintenant la touche Maj enfoncée pour l'accrocher à ce point. Assurez-vous de sauvegarder votre projet à ce stade afin que nous ne perdions aucune information. Fichier, enregistrer ou Control ou Command S, est encore une fois le raccourci clavier. Maintenant, nous avons une assez bonne base pour l'animation de notre GIF. Nous n'avons fait que le poste jusqu'à présent, mais dans la leçon suivante, nous allons passer à la rotation. 4. La rotation de l'avion: Maintenant, nous pouvons ajouter des images clés à la propriété de rotation au lieu de la propriété de position afin que nous puissions réellement animer l'avion se déplaçant dans cette boucle. Ce que nous allons faire, c'est revenir dans le temps à l'endroit où l'avion est juste à la base du cœur là-bas, et c'est là que nous allons définir notre première image clé de rotation. Sous les commandes de transformation pour la couche avion, je vais cliquer sur le chronomètre pour la valeur de rotation et ajouter une image clé à ce moment. Ce n'est pas en fait la valeur que je veux pour la rotation parce que l'avion se déplace à travers l'écran en ce moment. Ou du moins il semble que ça devrait l'être, mais ça suit vraiment la boucle de ce cœur. Je dois changer cette valeur de rotation pour l'aligner avec le cœur, et nous pouvons le faire de deux façons différentes. La première façon que je vais vous montrer est d'utiliser l'outil de rotation, qui est juste ici dans la barre d'outils. Je vais cliquer dessus, puis cliquer et faire glisser sur mon calque juste pour pouvoir le faire pivoter librement comme je veux. Donc je vais juste pointer le nez de l'avion dans cette direction. Une autre façon que j'aurais pu faire cela est juste en descendant à cette valeur qui a maintenant changé depuis que j'ai changé la rotation et cliquez et faites glisser dessus. Donc d'une façon ou d'une autre fonctionnera. C' est juste une question de préférence. Avec ce jeu d'images clés, je vais aller de l'avant dans le temps pour évaluer endroit où elle touche cette seconde image clé et la trajectoire de mouvement, et comme mon outil de rotation est toujours actif, je vais juste cliquer et faire glisser pour faire pivoter ce et en arrière. Encore une fois, je suis en train d'aligner l'avion à l'extérieur de cette trajectoire de mouvement. Partout où cette courbe prend l'avion, c'est comme ça que je veux faire pivoter leur avion pour avoir l'air convaincant comme s'il suivait cette trajectoire. Ensuite, je vais aller de l'avant à temps et nous allons dire ce point ici, et je vais le faire tourner dans cette direction parce que rappelez-vous que nous allons dans cette direction. Je vais aller de l'avant dans le temps, revenir à l'endroit où il rencontre ce croisement une fois de plus, et je veux faire attention à continuer de le faire tourner dans la même direction. Parce que si je devais le faire pivoter dans cette direction, alors il va s'animer de manière incorrecte, voir comment il fait une rotation vers l'arrière quand il y arrivera. Je veux m'assurer de continuer à tourner cet avion dans le sens antihoraire pour qu'il pointe dans la bonne direction. Si nous regardons la valeur enregistrée ici, vous pouvez voir qu'après avoir parcouru 360 degrés dans les deux sens, cela ajoute une valeur de révolution. C' est pourquoi il est important de savoir dans quelle direction vous faites tourner les choses. Ensuite, je vais continuer tout le long de la trajectoire, tourner l'avion pour aligner là où se trouvent ces images-clés de mouvement, puis descendre vers le bas. C' est là que je vais pointer le nez vers cette trajectoire de mouvement, donc ça va hors de l'écran dans une direction droite. Présentons cette animation maintenant que toutes ces images-clés sont définies et voyons à quoi elle ressemble. Je vais revenir à l'avant de la timeline et appuyer sur la barre d'espace. Alors on y va. Toutes nos valeurs sont fixées. Mais encore une fois, ce n'est pas très lisse et c'est juste à cause de l'état par défaut de ces images-clés. Ce que je veux faire, c'est commencer par sélectionner la première et la dernière touche et les lisser un peu. Avec un sélectionné, je vais simplement maintenir la touche Maj enfoncée du clavier, puis cliquer et faire glisser pour créer une zone de sélection autour de l'autre image clé. Ensuite, je vais cliquer avec le bouton droit sur l'un d'eux et aller à assistant de trame clé et jusqu'à la facilité, ce que cela va faire est essentiellement de lisser cette transition de cette image-clé vers la suivante et de la trame clé précédente dans celui-là. Ensuite, je veux sélectionner à nouveau toutes ces images clés en cliquant et en faisant glisser dans ma chronologie pour créer une boîte de sélection autour d'elles. Puis maintenez la touche Contrôle ou Commande enfoncée sur un Mac et cliquez une fois sur ces cadres clés, ces diamants vont maintenant être des cercles, et c'est encore une autre méthode pour et c'est encore lisser la transition entre les valeurs. C' est un peu différent de la méthode facile. Mais si nous rejouons cela, il devrait maintenant être plus lisible. Il se dégage de cette première valeur. Ces rotations sont beaucoup plus lisses maintenant et globalement, mon animation est juste beaucoup plus agréable. À ce stade, notre animation pour l'avion est terminée. Il se déplace très doucement et cette boucle est agréable et lisse aussi. Nous pouvons continuer à animer cette piste de fumée que l'avion laisse derrière lui pour créer cette forme de cœur. 5. Le cœur: Maintenant que nous avons l'avion qui coule bien autour de l'écran, allons de l'avant et animons cette traînée de fumée que l'avion va laisser derrière lui. Nous allons le faire en utilisant ce qu'on appelle des couches de forme. C' est un peu plus compliqué, mais je vais vous guider étape par étape. Ne vous inquiétez pas. Tout d'abord, nous allons réduire ces couches biplan depuis que nous avons fini d'animer. Je vais aller de l'avant et le verrouiller pour que je n'ajoute pas accidentellement d'images clés. Ensuite, je vais aller de l'avant et activer la couche droite du nuage, suffit de le rallumer pour que nous puissions le voir à nouveau. Ce que je veux faire, c'est déverrouiller la couche cardiaque juste ici. C' est ce guide que nous utilisons tout ce temps pour la trajectoire de l'avion. Ce que je veux faire est de cliquer avec le bouton droit sur cette couche, ce que je peux faire ici dans la visionneuse de composition. Cliquez avec le bouton droit de la souris, allez dans le menu Créer, puis cliquez sur pour créer des formes à partir d'un calque vectoriel Quand je clique dessus, deux choses vont se passer. abord, il va masquer le calque d'illustration Illustrator d'origine, sorte qu'il n'est plus visible. Ensuite, il va générer ce nouveau calque, qui est un calque de forme. Je sais que c'est un calque de forme à cause de cette icône d'étoile juste ici. Un calque de forme est la version d'After Effect de l'illustration vectorielle, comme dans Illustrator. Nous pouvons contrôler toutes les choses différentes sur la façon dont il est stylé. Comme l'épaisseur de ce trait, la couleur du trait. On peut même en faire une ligne pointillée et c'est ce que je veux faire maintenant. Tournerons vers le bas ce calque de forme et faites défiler vers le bas jusqu'au contenu. C' est là que réside tout ce qui est contenu dans ce calque de forme. Je vais faire tourner ça vers le bas, aller dans le dossier du groupe un, puis ouvrir le premier trait qui est l'endroit où nous pouvons voir toutes les propriétés de ce trait particulier. Si je fais défiler un peu plus loin, il y a une catégorie de tirets. Je veux cliquer sur cette icône plus pour ajouter un tiret. Tout de suite, ma ligne est pointillée et je vais zoomer jusqu'à 200 pour cent, pour que nous puissions voir cela un peu plus clairement. J' aimerais faire ces tirets un peu plus grands. Je vais changer le tableau de bord de 10 à 12. Je vais juste taper le numéro 12 et appuyer sur Entrée. Ensuite, je veux ajouter un peu plus d'espace entre chaque tiret. Je vais appuyer sur ce bouton Plus une fois de plus pour ajouter un écart. Cela me permettra d'augmenter ou de diminuer l'espacement entre chaque tiret. Je vais mettre le mien à quelque chose autour de 20 ans. Peut-être 19 juste pour être un peu plus serré. Ça a l'air plutôt bien. Maintenant, si je passe à mon outil à main et stylo un peu, vous pouvez voir ça juste ici en bas, ce tableau de bord en bas du cœur n'est pas centré et ça me dérange, mais nous pouvons corriger ça très facilement. Tout d'abord, je vais cacher les superpositions du chemin pour que je puisse voir le tiret est agréable et clairement, juste en désactivant ce bouton ici, bascule la visibilité du masque et du chemin de forme. Ensuite, je vais revenir à cette option ici, décalage. Passez à mon outil de sélection, puis cliquez et faites glisser sur cette valeur. Pendant que je fais cela, vous pouvez voir que les tirets sont maintenant déplacés autour de ce chemin. Je vais juste sauvegarder ça jusqu'à ce qu'il soit beau et centré. Ça a l'air génial. Je vais réactiver mes superpositions, puis changer mon grossissement pour qu'il s'adapte, afin que je puisse voir cela dans son ensemble. Maintenant que la piste de fumée ressemble à ce que je voulais, je dois l'animer et nous allons le faire aussi dans la couche de forme. Je vais effondrer ces tirets et faire défiler un peu vers le haut, réduire le coup. Puis juste ici est un petit menu d'ajout avec l'icône du bouton de lecture. Si je clique dessus, il ouvrira un menu et nous voulons aller couper les chemins. Si je clique dessus, il va ajouter un opérateur de tracés de coupe à mon calque de forme. Si je tourbillonne cette ouverture, nous avons des contrôles qui nous permettent de révéler des parties de notre chemin. Si je prends cette valeur finale, qui est actuellement à 100 pour cent et la sauvegarde, vous pouvez voir que, cette ligne semble être en train d'être dessinée. C' est exactement comme ça qu'on va l'animer. Je vais commencer avec une valeur de zéro et ensuite trouver le point où l'avion devrait commencer à révéler cette fumée, ce qui serait juste ici. Je vais définir une image-clé sur la valeur de fin. Cliquez sur ce chronomètre pour ajouter une image-clé à la propriété de fin. Alors j'avancerai dans le temps et je dirai que cet avion est au bout du cœur juste là. Modifiez cette valeur à 100 %. Comme je le fais, puisqu'il y avait déjà un jeu d'images-clés, After Effects génère la deuxième image-clé pour moi. Maintenant, si je passe par ici, nous devrions pouvoir voir cette ligne animée et révélée par l'avion au fur et à mesure qu'elle se déplace. Rejouons-le en temps réel et voyons à quoi ça ressemble. L' avion sort dans cette piste est révélé derrière elle. C' était parfait. Si le vôtre n'est pas aligné, il vous suffit de cliquer et de faire glisser sur ces images clés pour la relancer jusqu'à ce que le plan cache cette piste pendant la durée de l'animation. Mais le mien a très bien fonctionné, donc je vais le laisser tel quel. La prochaine chose que je veux faire est que la piste de fumée augmente son épaisseur au fil du temps, comme la fumée qui sort d'un avion le fait. Il commence un peu plus petit, puis s'étend et finit par s'estomper. Revenons à l'endroit où commence cette animation, qui est juste ici. Je maintiens à nouveau la touche Maj enfoncée pour l'accrocher à cette image clé. Ensuite, je réduirai les options de tracés de coupe et j'irai à nouveau dans les options de tracé. La largeur de trait est ce qui va contrôler l'épaisseur de la ligne que nous utilisons pour faire la fumée. Je veux définir une image-clé sur la largeur de trait à ce moment dans le temps. Puis avancez probablement jusqu'à la fin de l'animation. Je maintiens Maj pour accrocher à mon espace de travail, puis juste augmenter l'épaisseur de ceci. Cela peut être l'épaisseur que vous voulez. Je vais le faire assez grand pour que les tirets commencent à se toucher. Maintenant, l'épaisseur de cette ligne change aussi au fil du temps. La seule autre chose que nous devons faire pour cette fumée est de la faire disparaître au fur et à mesure que l'avion se déplace hors de l'écran. Je vais aller à ce point ici, puis réduire le trait, réduire le groupe, réduire le contenu, puis ouvrir les contrôles de transformation pour ce calque et trouver la valeur d'opacité. Cela me permettra de composer l'opacité et nous allons utiliser les images clés pour l'animer. À peu près ce moment, je vais définir une image-clé d'opacité en cliquant sur le chronomètre, réglant cette valeur à 100 %. Ensuite, je vais aller de l'avant dans le temps probablement un peu plus loin que la zone de travail cette fois-ci et ensuite ramener cette valeur jusqu'à zéro. cette façon, le fondu dure un peu plus longtemps. Je veux prévisualiser cela en temps réel, donc je vais simplement étendre ma zone de travail en cliquant et en faisant glisser sur ce point de terminaison. Retournez à la première image, puis appuyez sur la barre d'espace. L' avion sort, la piste est révélée, l'épaisseur de cette ligne s'élargit et puis elle s'estompe. Maintenant, vous pouvez vous sentir libre d'ajuster le moment de ce fondu et l'épaisseur de la ligne également. Un moyen très rapide d'afficher toutes les images clés que vous avez définies pour une couche consiste à simplement sélectionner cette couche, puis à appuyer sur la touche U du clavier. Cela n'affiche que les propriétés auxquelles les images clés sont appliquées. De là, je pourrais dire étendre l'animation de largeur de trait pour être la durée du fondu. Je l'ai fait très simplement en cliquant et en faisant glisser tout enfoncée pour l'accrocher aux images clés environnantes. Je vais le déplacer jusqu'à la fin de l'animation d'opacité. Alors disons que je ne veux pas que le fondu se produise si rapidement. Je ne veux pas que ça commence tant que l'avion ne sera peut-être pas là. Eh bien, je pourrais juste saisir les images clés pour l'opacité. Mais je veux aussi déplacer l'image-clé de fin pour la largeur de trait. Maintenez la touche Maj enfoncée et cliquez sur celle sélectionnée , puis cliquez et faites-le glisser un peu plus loin. Ensuite, je vais juste étendre mon espace de travail un peu plus et jouer ça. Maintenant, l'avion termine sa boucle et le cœur derrière lui prend juste un peu plus de temps pour qu'il s'estompe avant que l'animation ne se répète. Assurez-vous toujours d'enregistrer votre projet régulièrement afin que vous ne perdiez aucun de votre travail. J' ai réalisé qu'il y avait des techniques plus avancées dans cette leçon. Si vous avez besoin de le regarder à nouveau, allez-y et faites-le. Assurez-vous de bien comprendre ce qui se passe dans cette vidéo avant de passer à l'animation des nuages dans la prochaine leçon. 6. Les nuages: Maintenant, nous arrivons à animer les nuages dans le ciel. C' est là que nous devons commencer à être un peu plus précis avec notre timing afin de créer une boucle transparente. Ces nuages vont devoir commencer et se terminer exactement au même endroit pour faire cette boucle transparente. Commençons par réduire d'abord la couche de forme des contours du cœur et la verrouiller afin de ne pas la déplacer accidentellement. Juste pour une bonne mesure, verrouillons également cette couche originale d'illustrateur de cœur. Ensuite, nous déverrouillerons les couches de gauche et de droite du nuage. Ce sont les deux ici dans le ciel que nous allons animer. Ce que je veux faire est d'aller au début de l'animation et de définir des images clés de position pour chacune d'entre elles. Il y a un raccourci clavier très pratique pour révéler la propriété de position d'un calque ou d'un nombre quelconque de calques, si je les sélectionne tous les deux en maintenant la touche Maj sur le clavier, je peux cliquer sur l'autre et il sélectionnera les deux , puis appuyez simplement sur la touche P du clavier et cela révélera juste la propriété position pour les deux d'entre eux. Il n'est jamais trop tôt pour commencer à apprendre les raccourcis clavier. fois ces deux calques sélectionnés, je vais cliquer sur l'un des chronomètres de position, et cela définira une image-clé pour les deux calques. Nous avons le nuage qui commence dans cette position. Rappelez-vous que j'ai dit que nous avons besoin que cela se termine exactement dans la même position. Donc, je vais juste aller à la fin de mon animation, qui disons que six secondes est probablement un grand nombre entier pour être le point de boucle. On va dire que c'est la fin de l'animation. Je veux également définir des images clés identiques sur ces deux couches. Pour ce faire, je vais juste cliquer sur cette petite icône de diamant, une icône d'image-clé juste ici sur le côté gauche. Lorsque je fais cela, il ajoutera une image clé à la valeur actuelle, à l'heure actuelle. J' ai les mêmes images clés au début et à la fin, maintenant nous devons aller à mi-chemin et déplacer un peu les nuages autour. La moitié de six secondes, c'est trois secondes. J' ai besoin de soutenir ça jusqu'à ce que je sois à la troisième seconde, on y va. Ensuite, je vais désélectionner ces calques en cliquant quelque part dans la composition. Je veux me concentrer sur un nuage ou l'autre. Commençons par la gauche. Ce que je veux faire, c'est le déplacer un peu vers la droite. Même pas tant que ça, je veux juste qu'il se déplace très subtilement vers la droite et je veux m'assurer qu'il ne bouge pas de haut en bas. Je vais maintenir la touche Maj, ce qui limitera les mouvements à un mouvement horizontal ou vertical. Je vais juste déplacer cela un peu vers la droite et ensuite je vais faire la même chose pour l'autre nuage, mais le déplacer vers la gauche pour qu'ils se déplacent un peu vers l'intérieur. Je vais juste cliquer et faire glisser dessus, maintenez Maj et déplacez-le vers la gauche juste un peu. Maintenant, si je joue ça, les nuages vont juste se déplacer subtilement vers l'intérieur et à mi-chemin ils vont inverser les directions et revenir à l'endroit où ils ont commencé. Maintenant, si je veux prévisualiser cela comme une boucle de six secondes, je dois m'assurer que ma zone de travail est réglée sur six secondes. Je vais cliquer et faire glisser sur ce point de terminaison tout en maintenant la touche Maj enfoncée pour accrocher à cette marque de six secondes. Maintenant, je peux être sûr que ces nuages vont boucler de façon transparente, mais le mouvement est un peu rigide. Je veux ajouter cette facilité facile à toutes ces images clés. Je vais arrêter la lecture en appuyant sur la barre d'espace et faire glisser une boîte autour des six images clés pour en faire une sélection. Ensuite, je vais cliquer avec le bouton droit sur l'une d'entre elles, aller à l'assistant d'images clés et jusqu'à la facilité, qui facilitera l'entrée et la sortie de chacune de ces images clés. Maintenant, si je le joue, vous pouvez voir qu'il se déplace un peu plus facilement dans et hors de ces deux positions. C' est tout ce que j'ai à faire pour animer ces nuages, mais maintenant que j'ai décidé de la boucle de six secondes, je dois m'assurer que toutes mes images clés tombent dans ces six secondes. Une fois de plus, sans aucun calque sélectionné, vous pouvez la désélectionner simplement en cliquant sur le calque dans la chronologie. Je vais appuyer une fois sur la touche U du clavier pour réduire tous les calques, puis une fois de plus, la touche U pour révéler toutes les images clés de tous mes calques. Je veux juste faire défiler cette chronologie et m'assurer que toutes mes images clés sont dans ces six secondes. Il semble que mes images clés de largeur de trait et d'opacité soient à l'intérieur de ces six secondes, donc je suis prêt à y aller. C' est tout ce qu'il y a pour animer les nuages. Nous pouvons passer à l'étape finale de la leçon suivante où nous pouvons réellement ajouter un effet aux nuages et au texte à la base de notre composition. 7. Le texte: Finissons ce GIF en animant le texte et les nuages à la base du cadre. Je commencerai par réduire d'abord toutes mes images clés en appuyant sur « U » sur le clavier, puis verrouiller les couches gauche et droite du nuage. Je veux déverrouiller le calque de texte et déverrouiller le calque inférieur des nuages et je veux réellement redimensionner ce calque de texte, ce n'est pas aussi grand que je le veux. Je vais revenir au panneau Caractère en cliquant dessus, avec ce calque de texte sélectionné, puis cliquez et faites glisser sur ce nombre ici, c'est la taille de la police. Je vais le rendre beau et grand, donc c'est beau et clair, facile à lire et puis je veux juste le déplacer un peu vers le bas. J' ai utilisé l'outil de sélection et j'ai cliqué et fait glisser pour déplacer les choses, mais vous pouvez également utiliser le clavier pour déplacer les choses. Si j'ai juste ce calque sélectionné et appuyez sur la flèche vers le bas quelques fois, je peux très précisément centrer cela dans les nuages verticalement, je pense que cela semble assez bon. Maintenant que c'est fait, je veux sélectionner à la fois cette couche et la couche inférieure des nuages, je vais le faire en maintenant la touche Contrôle ou Commande sur un Mac et cliquez dessus et maintenant je veux essentiellement regrouper ces deux couches ensemble et je peux le faire via une commande de menu sous le menu Calque. Je vais aller à la couche et puis tout le chemin vers le bas est pré-composer. Je vais cliquer dessus et cela fait apparaître cette fenêtre de pré-composition, vous pouvez penser à la pré-composition, comme coller ces deux couches ou n'importe quel nombre de calques dans un dossier. Je vais donner un nom à cette composition et nous allons juste le nommer nuages et texte. Ne vous inquiétez pas des autres options, cliquez simplement sur « OK » et maintenant nous avons une nouvelle icône de composition et une nouvelle composition apparaissant dans notre projet. Lorsque vous précomposez quelque chose, c'est littéralement prendre ces couches et les mettre dans une nouvelle composition, puis les remplacer par la nouvelle composition. Maintenant, au lieu d'avoir deux calques séparés pour ces nuages et le texte, c'est un calque à la base de mon cadre. Maintenant, ce que je veux faire, c'est donner une certaine ondulation pour qu'il semble juste qu'il flotte dans le ciel et qu'il ait un peu de mouvement et nous allons le faire à travers un effet. Nous allons aller à ce panneau ici, Effets et Préréglages et le déposer. C' est là que vous pouvez trouver tous les effets et After Effects et ce qui est vraiment agréable à propos de ce panneau, c'est que vous pouvez rechercher des effets spécifiques et que je sais que le nom de l'effet que nous allons utiliser est appelé une distorsion de vague . Je vais juste taper vague et juste là en haut sous la catégorie de distorsion est la distorsion d'onde. Pour appliquer un effet, il suffit de sélectionner le calque auquel vous souhaitez l'appliquer, puis de double-cliquer. suite, vous pouvez voir ce texte déformé en bas de mon écran et ici au lieu du panneau projet, nous avons maintenant le panneau Contrôles d'effets et comme son nom l'indique, c'est là que nous pouvons contrôler les effets propriétés et il n'y a que quelques choses que nous devons changer. La première chose que je veux faire est d'aller directement à cette propriété ici appelée épinglage. Il est actuellement réglé sur none, mais je veux le changer en bord inférieur et si vous regardez le bord inférieur en ce moment , vous pouvez voir que l'onde est appliquée à l'ensemble du calque uniformément. Mais si je dis bord inférieur, alors il va garder le bord inférieur épinglé, il ne déformera rien touchant ce bord inférieur et nous ne verrons pas à travers les nuages. Ensuite, je veux changer la largeur d'onde pour être beaucoup plus grande, si j'augmente cela en cliquant et en le faisant glisser, je veux en faire un nombre beaucoup plus grand et en fait, nous allons juste arrondir cela en cliquant sur ce nombre et en tapant le nombre 200 pour la largeur. Ensuite, je veux changer la hauteur de l'onde parce que si je rejoue ça, vous verrez que l' effet anime réellement cette vague et c'est un peu trop ondulé, je ne veux pas que ce soit super distrayant. Je vais changer la hauteur de l'onde à un très petit nombre de deux et appuyer sur « Entrée » et maintenant vous pouvez voir que ce mouvement ondulé est beaucoup plus subtil et il correspond un peu mieux à la vitesse globale du reste de l'animation. Nous ne voulons pas que ce soit distrayant, mais nous voulons savoir qu'il bouge. Maintenant, il s'anime encore un peu vite et nous pouvons changer cela avec la propriété Wave speed. Je vais changer cela à une valeur de 0,5 et regarder cette lecture dans son ensemble. Maintenant, faites attention à l'endroit où il boucle, qui en fait bouclait assez facilement. Cette valeur de vitesse d'onde détermine à quoi ressemble la vague à un moment précis dans le temps, donc si je devais faire une valeur différente, disons 0,6, alors cette dernière image ne correspondra pas à la première image et vous remarquerez un saut. Regardez de très près ici. Voyez comment il a sauté, cette valeur est essentiellement mesurée en secondes. Si je le mets à une demi-seconde, puisque mon animation boucle sur une seconde entière, cela devrait boucler de façon très transparente, c'est la dernière étape pour animer mon GIF entier. Puisque tout se déplace bien et en toute transparence et qu'il est en boucle, nous pouvons passer à l'exportation en tant que GIF. 8. Exporter un GIF: Comment exporter notre animation sous la forme d'un GIF animé ? Eh bien, nous allons en fait l'envoyer à un autre programme appelé Adobe Media Encoder. Tout d'abord, nous n'avons jamais nommé cette composition. Il est actuellement juste nommé en fonction de l'illustration, qui est un GIF.artwork et je veux changer cela. Ici, dans le panneau de contrôle des effets, juste ici, c'est difficile à voir, mais il y a un autre onglet pour le panneau de projet, qui nous ramène à cette vue. Je veux renommer cette composition en la sélectionnant avec mon outil de sélection, puis appuyez sur « Entrée » sur le clavier et je la renommerai en Loopy-Feeling, puis appuyez sur « Retour » ou « Entrée » une fois de plus. Maintenant que c'est bien nommé, je vais venir au menu de composition. Il est important que nous ayons la composition que nous voulons réellement exporter ouverte lorsque nous faisons cela. Accédez à la composition, puis descendez pour ajouter à la file d'attente d'Adobe Media Encoder. Lorsque vous cliquez dessus, Adobe Media Encoder s'ouvre, et l'initialisation peut prendre un peu de temps, mais finalement vous devriez obtenir quelque chose qui ressemble à ceci. Ne vous inquiétez pas de ce que vous voyez. Vous n'avez pas à comprendre tout ça. Mais ce que nous voulons faire est de venir sur ce panneau de file d'attente juste ici et commencer par changer le format sous cette colonne de format. Cela peut être réglé sur H.264 ou n'importe quel nombre d'autres formats vidéo. Ce que nous voulons changer est GIF animé. Cliquez sur cette petite flèche déroulante et allez dans GIF animé, puis passez à la colonne du fichier de sortie et cliquez sur ce texte bleu. Cela permettra de déterminer où votre GIF est réellement sauvegardé une fois qu'il l'exporte. Je vais choisir ce répertoire ici. C' est le même nom que notre composition, et je suis d'accord avec ça. Je vais cliquer sur le bouton « Enregistrer ». Ensuite, tout ce que j'ai à faire est de cliquer sur ce bouton vert de lecture pour Media Encoder pour lier immédiatement à After Effects, nous donner un petit aperçu de sortie, et nous pouvons regarder la barre de progression passer comme il exporte cette animation. Une fois cela fait, nous pourrons immédiatement cliquer sur ce texte bleu, qui ouvrira le répertoire dans lequel le fichier a été enregistré. Si je double-clique dessus, nous pourrons immédiatement voir la lecture de l'animation. Maintenant, je suis sur un PC utilisant Windows et la visionneuse de photos intégrée sur Windows prend en charge la lecture GIF animée. Mais je sais que sur un Mac, l'application de prévisualisation ne le fait pas. Il va vous montrer un tas de cadres individuellement comme des photos. La façon dont vous pouvez le prévisualiser est en sélectionnant votre GIF dans le Finder et en appuyant sur la « Barre d'espace ». Cela devrait vous montrer l'aperçu, ou vous pouvez le faire glisser directement dans votre navigateur. Le navigateur prend en charge la lecture animée, et vous devriez être en mesure de l'afficher très bien de cette façon. Maintenant, il existe d'autres façons d'exporter des GIF. C' est le moyen le plus simple et le plus simple pour que vous puissiez l'exporter, le télécharger dans votre projet de classe et le partager avec moi et vos collègues. Si vous êtes intéressé à apprendre comment personnaliser un peu plus la compression GIF, obtenir une meilleure qualité et comprendre exactement ce qui se passe avec la compression GIF, vous pouvez consulter mon autre classe appelée Compression GIF Like A Patron. Je vais mettre un lien vers cette classe dans les notes de cette vidéo en ce moment. Tout ce que vous devez faire pour pouvoir partager cela sur Skillshare est de créer un projet sur cette classe et faire défiler vers le bas et assurez-vous que vous téléchargez le GIF dans le corps du projet juste ici. L' image de couverture ne prend pas en charge l'animation, alors n'essayez pas de télécharger le GIF là. Mettez-le dans le corps, et de cette façon, il se reproduira très bien. Mais avec ça, vous avez terminé votre projet de classe. 9. Félicitations !: Félicitations, vous avez terminé cette classe et j'espère avoir complété un GIF personnalisé. J' espère vraiment que vous partagerez ce GIF sur la page du projet de classe afin que je puisse aimer et le commenter et que vos autres étudiants puissent le voir aussi. Si vous voulez le partager sur les réseaux sociaux, assurez-vous de marquer @Jakeinmotion, et je vais lui donner un comme là aussi. J' adorerais que vous me laissiez un commentaire sur cette classe afin que je puisse savoir ce que vous avez aimé et ce que je pourrais avoir besoin de changer un peu à l'avenir et si vous avez des problèmes du tout, des problèmes ou des questions, ne hésiter à laisser ces questions sur la page des discussions. Je les regarde activement et je serai heureux de travailler à travers tous les problèmes que vous avez. Maintenant, si vous êtes intéressé par le design de mouvement et vraiment plonger dans la tête première, la prochaine classe que je suggère que vous me prendriez est le Guide du débutant pour After Effects. C' est une introduction beaucoup plus complète à l'ensemble du programme et vous arrivez à faire un projet vraiment amusant pour cette classe. Merci encore beaucoup d'avoir suivi ce cours et j'ai hâte de te voir dans le prochain.