Modèles de base de Motion design : Créer des tiers inférieurs attrayants avec Adobe After Effects

1. Introduction: Vous voulez donc avoir des animations graphiques sophistiquées pour votre contenu de réseaux sociaux, comme celui-ci, ou peut-être celui-ci. Mais vous ne voulez pas dépenser des tonnes d' argent pour un pack de préréglages d'animation graphique coûteux. Eh bien, je vais vous montrer comment créer les vôtres avec Adobe After Effects, et même de manière à pouvoir utiliser vos animations finalisées directement dans Premiere Pro sans avoir à toucher à nouveau à After Effects. Ainsi, même si vous n'avez absolument aucune expérience préalable avec After Effects, vous pourrez suivre ce cours. Marcus. J'ai commencé à créer des vidéos pour YouTube il y a plus de dix ans, en 2012, alors que j' allais encore à l'école, ce qui m'a finalement amené à étudier les médias et l'informatique. époque, lorsque j'ai commencé à créer des vidéos pour YouTube, je recherchais toujours des packs de préréglages téléchargeables gratuitement parce que j'étais une étudiante fauchée. Et à un moment donné, cela m'a tellement ennuyé que j'ai décidé de construire le mien. À ce jour, j'ai créé d'innombrables animations avec After Effects et j'ai même créé une petite entreprise en vendant mon propre pack de préréglages d'animation de texte sur mon site Web. Maintenant, je vais prendre une très mauvaise décision commerciale et partager toutes ces connaissances avec vous afin que vous n'ayez pas à acheter mon pack de préréglages, car vous pourrez simplement créer le vôtre. Tout d'abord, nous allons passer en revue les principes fondamentaux de l'animation avec After Effects. Nous allons nous plonger brièvement dans le monde d'Adobe Illustrator, et je vais vous montrer comment préparer ressources que vous pourrez ensuite utiliser dans vos animations Mais ne vous inquiétez pas, nous reviendrons rapidement sur After Effects et aborderons les bases de ce que l'on appelle une expression dans le monde d'After Effects avant de finalement tout assembler pour notre animation finale. Mais ce n'est pas encore tout, car la dernière étape sera d'exporter l'animation dans un préréglage approprié afin que vous puissiez ensuite l' utiliser directement dans Premiere Pro lors du montage de vos vidéos. Je suis vraiment enthousiasmé par ce cours. Et j'ai hâte de voir toutes les incroyables animations que vous allez tous créer. Alors ne perdons plus de temps et commençons enfin. J'espère vous voir au cours. 2. Orientation du cours: Notre principal projet pour ce cours sera de créer un tiers inférieur sur les réseaux sociaux similaire à celui-ci Je vais vous montrer chaque étape du processus et vous expliquer comment recréer cette animation spécifique Mais bien entendu, il ne s'agit que d'un exemple sur lequel nous pouvons travailler pour ce cours. En suivant les étapes et les principes que j'explique, vous serez également en mesure de créer des animations beaucoup plus complexes. La seule chose dont vous avez besoin pour suivre ce cours est évidemment Adobe After Effects, mais aussi Adobe Illustrator, un peu moins évident, que nous utiliserons pour préparer les ressources à animer ultérieurement Et c'est tout. Tu n'as besoin de rien d'autre. Vous n'avez pas non plus besoin de connaissances préalables sur After Effects, car nous aborderons toutes les bases de ce cours. Si, à un moment ou à un autre, vous avez l'impression que je suis pressée et que vous n'arrivez pas à comprendre ce que je dis, je vous suggère de consulter mon cours sur l'animation de texte avec Adobe After Effects, lequel j'aborde plus en détail les principes de base Au cours de ce cours, nous aborderons également certaines techniques plus avancées. Néanmoins, il s' agit toujours d'un cours pour débutants, et je vous promets que vous devriez pouvoir suivre même si vous n'avez jamais touché à Aftereffects auparavant. entendu, dans la première leçon de ce cours, nous aborderons les principes fondamentaux de l'animation avec Adobe After Effects et créerons avec Adobe After Effects et créerons quelques animations de base pour découvrir l'essentiel de ce qu'est une composition, ce que sont les images-clés et de la manière dont nous pouvons les utiliser pour animer dans After Effects. Après avoir abordé ces bases, nous passerons ensuite à Adobe Illustrator préparez certains actifs pour notre troisième animation inférieure, puis nous les réimporterons dans After Effects. Ensuite, nous aborderons le concept des expressions dans After Effects, qui peut parfois sembler un peu intimidant pour les nouveaux utilisateurs d' After Effects, car il faut coder, mais je vous promets qu'elles ne sont pas Enfin, nous allons créer notre véritable animation du tiers inférieur, et je vais même vous montrer comment l' exporter de manière à ce que vous puissiez l'utiliser directement dans Premier Pro tout en ayant la possibilité de tout ajuster. Donc, si vous suivez le cours jusqu'à la fin, vous en sortirez avec votre propre tiers inférieur sur les réseaux sociaux la possibilité de créer presque tous les graphiques animés vous pourriez avoir besoin pour votre contenu. Alors, qu'est-ce qu'on attend ? Passons à notre premier 3. Les bases d'After Effects: OK, tout le monde. Bienvenue à la première leçon de ce cours. Je vous promets donc que vous pourrez suivre ce cours, même si vous n'avez aucune expérience préalable avec Adobe After Effects. Cette leçon est celle où nous allons aborder toutes les notions de base. Même si vous avez déjà de l'expérience avec After Effects, considérez peut-être cette leçon comme une remise Lorsque vous ouvrez Adobe After Effects pour la première fois, c'est ce qui vous attend, et la toute première chose que nous allons faire est, bien entendu, de cliquer sur le projet. Maintenant, comme vous pouvez le voir, la fenêtre est regroupée en quatre zones principales La première est la fenêtre du projet ici. La fenêtre de projet est notre plaque tournante essentielle pour nos actifs. Ainsi, par exemple, si nous double-cliquons ici, la boîte de dialogue d'importation s'ouvre automatiquement. Mais nous pouvons également créer, par exemple, dossiers ici et même des sous-dossiers, etc. Cela fonctionne essentiellement comme n'importe quel autre navigateur de fichiers que vous connaissez dans votre système d'exploitation, comme le Finder sous macOS ou l' Explorateur Windows sous Windows. En général, je crée moi-même au moins deux dossiers. La première est appelée zéro, zéro actif, et la seconde, 01 compositions. Et ce n'est pas censé être un sous-dossier. Je veux l'avoir sur la même couche que le dossier zéro, zéro. Comme vous pouvez le constater, j'ai tendance à nommer mes dossiers avec des numéros préfixés. Cela les maintient dans un ordre très précis que je peux contrôler facilement. Je sais que cela semble un peu ringard, et ce n'est certainement pas une obligation, mais c'est une façon que j'aime personnellement parce que je peux tout garder structuré, comme je le souhaite Et je vous encourage vivement à conserver au moins une certaine forme de structure. Parce que je te promets que tu ne veux pas te retrouver avec un projet compliqué. Je le sais. J'y suis allé à la recherche ce fichier que vous êtes tout à fait sûr d'avoir importé, mais vous n'arrivez pas à le trouver très, très ennuyeux. La deuxième fenêtre que nous avons est la fenêtre de composition , que nous pouvons voir ici. La fenêtre de composition affichera ultérieurement un aperçu en direct de ce sur quoi nous travaillons actuellement. Il fonctionne essentiellement comme un lecteur multimédia. Vous voyez ce que nous sommes en train de faire actuellement. Par exemple, si nous devions importer Star Wars puis jouer à Star Wars dans After Effects, vous le verrez dans cette fenêtre. Mais la fenêtre de composition possède également des fonctionnalités plus avancées qu' un lecteur multimédia classique ne possède pas. Par exemple, vous pouvez également travailler dans un espace en trois D. Nous, vous pouvez également créer des animations 3D très complexes dans After Effects. Mais c'est très avancé et n'est pas quelque chose que nous allons réellement faire dans ce cours. Ensuite, troisièmement, nous avons notre calendrier. C'est dans la chronologie que nous allons ensuite superposer nos différents éléments les uns sur les autres, car After Effect fonctionne selon une approche en couches, différemment de Davini Resolve ou de programmes tels que Blender basés sur des nœuds Maintenant, je sais que certaines personnes disent qu' une approche basée sur les nœuds est beaucoup plus puissante parce que vous pouvez en faire plus, mais à mon avis, cela devient très compliqué, donc je préfère en fait une approche en couches. Enfin et surtout, notre quatrième fenêtre ici est une fenêtre avec différents paramètres, tels que, par exemple, des effets et des préréglages, qui contient bien des effets et des préréglages J'ai déjà parlé de compositions à quelques reprises. J'ai appelé ce dossier compositions, et j'ai appelé cette fenêtre fenêtre fenêtre de composition. Mais qu'est-ce qu'une composition ? Vous pouvez considérer une composition comme un conteneur pour votre animation réelle, car vous pouvez, bien entendu, dans le même projet After Effects, créer plusieurs animations différentes. Chacune de ces animations est ensuite intégrée dans une composition. Et cette composition définit également certaines règles générales concernant votre animation, telles que la fréquence , les dimensions, etc. Pour créer notre toute première animation, il suffit de cliquer sur le bouton ci-dessous. Maintenant, cela peut paraître effrayant. Ce n'est pas si effrayant. La seule chose que nous allons ajuster pour le moment, ce sont les dimensions. Nous allons régler ce paramètre à 3840 x 2160, soit exactement quatre k. Mais vous pouvez, par exemple, également le régler à 1920 x 12 80, comme c' était le cas auparavant, ce qui serait exactement le Full HD, ou vous pouvez également le régler sur le format de votre Par exemple, si vous avez besoin d' une animation verticale pour TikTok ou quelque chose comme ça Mais nous allons opter pour quatre K pour le moment. La fréquence d'images, nous allons en fait la régler à 24 images par seconde, et nous ajustons également la durée de 20 secondes. Et avant de cliquer sur OK pour créer notre toute première animation, nous allons également lui donner un nom car, comme le dit toujours le très bon After Effect Stub Ban Mario, nous étiquetons toujours nos couches Et je suis tout à fait d'accord que nous étiquetons toujours nos couches pour que tout reste structuré. Nous allons donc appeler. Celui-ci, les fondements de l'imation. Ensuite, je vais simplement cliquer sur Entrée ou vous pouvez cliquer pour créer notre toute première animation. Maintenant, comme vous pouvez le voir, cela a soudainement transformé la fenêtre de composition en un rectangle noir. Parce que jusqu'à présent, notre composition est totalement vide. Il n'y a rien à l'intérieur, donc nous avons juste un espace noir. Pour ensuite créer réellement notre tout premier élément que nous pourrons ensuite animer. Nous pouvons, par exemple, cliquer sur l'outil rectangle ici haut, puis faire glisser et maintenir pour créer notre tout premier. Comme vous pouvez le voir, cela n'a pas simplement créé le rectangle ici dans notre fenêtre de composition, mais il a également créé une couche de forme ici dans la chronologie. Cette couche de la chronologie contient en fait toutes les propriétés que nous pourrons ensuite animer. Par exemple, si nous ouvrons la transformation, nous pouvons voir la position ici, l'échelle ici, la rotation ici, et nous pouvons même modifier ces valeurs. Pour réellement animer ces valeurs, nous avons encore besoin d'un moyen de savoir à After Effects quand il est censé afficher quelle valeur Pour ce faire, nous allons utiliser ce que l'on appelle une image-clé. Une image-clé, c'est exactement cela. W, où et quelle valeur. Pour créer notre toute première image-clé, il suffit de cliquer sur l'icône du chronomètre ici, qui créera cette petite forme de losange, exactement ce dont je parlais, une Maintenant, cette image-clé précise à After Effects à zéro seconde, nous voulons que la rotation soit, par exemple, de -20 degrés, par exemple Si nous passons ensuite à la barre des trois secondes et que nous la réglons à 40 degrés, cela crée une autre image-clé, et maintenant que l'effet neige, au bout de 3 secondes, nous voulons l' avoir à 40 Et si je parcourt rapidement la chronologie, vous pouvez voir, ah ah, il y a en fait du mouvement, et nous pouvons même y jouer, et vous verrez notre rotation commencer Et puis s'arrête soudainement. Et nous y voilà. Nous avons notre toute première animation. Merci d'avoir suivi mon cours. Je plaisante. Nous n'avons pas encore terminé. Bien entendu, cette animation est toujours un peu agitée car elle commence soudainement à bouger, puis au bout de 3 secondes, elle arrête soudainement de bouger à nouveau C'est parce que cette animation est une animation linéaire. After Effects interpole simplement les valeurs entre ces deux images-clés Et nous pouvons effectivement voir qu'il s'agit d'une animation strictement linéaire en ouvrant l'éditeur de graphes avec ce bouton. Maintenant, aucune valeur n'est sélectionnée pour le moment, mais si nous cliquons sur la rotation, vous pouvez voir, ah ah, voici notre animation. Cela commence soudainement ici, puis il s'arrête soudainement à nouveau ici. Maintenant, nous pouvons rendre les choses un peu plus fluides en appliquant ce plus fluides en appliquant ce que l'on appelle l'assouplissement pour appliquer automatiquement l'assouplissement. Il suffit de sélectionner les deux images clés, Il suffit de sélectionner puis d'appuyer sur F neuf. Vous pouvez voir cela faire passer cette animation d' une animation linéaire stricte à cette courbe en S lisse, qui signifie que l' animation démarre lentement, puis devient plus rapide, puis redevient plus lente. Jetons rapidement un coup d'œil à cela. Maintenant, comme vous pouvez le constater, cela semble déjà beaucoup plus fluide. Mais nous pouvons réellement le personnaliser exactement comme nous le voulons. Par exemple, si nous voulons que cette animation démarre très rapidement puis disparaisse lentement, elle ressemblerait à ceci. Ça a déjà l'air plutôt cool, non ? la plupart des cas, l' assouplissement automatique que vous pouvez appliquer avec F neuf produira cependant de très bons résultats. Bien entendu, les images-clés ne sont pas limitées à une seule propriété, telle que la rotation dans ce cas Nous pouvons en fait créer autant d'images-clés que nous le voulons sur autant de propriétés qu'il y en a. Par exemple, si nous fermons rapidement la vue graphique, puis que nous créons une autre image clé pour l'opacité et une autre au bout de 3 secondes exactement, protip, d'ailleurs, si nous maintenons la touche Shift enfoncée pendant que nous nous déplaçons ici, vous pouvez voir que notre chronologie en tient aux images clés existantes Nous voulons donc une autre image clé à 100 %. Je peux en créer un en cliquant sur cette forme de diamant. Nous voulons en fait remettre le premier à zéro. Ensuite, il suffit de sélectionner à nouveau nos deux images-clés et d'appuyer sur F neuf pour appliquer l'assouplissement automatique, puis nous aurons ce fading cool dans Pour être honnête, c'est en fait la base de presque toutes les animations. Il suffit de créer des images-clés de manière créative puis de les assouplir pour créer des tonnes d'animations très, très intéressantes Récapitulons ce que nous avons appris dans cette leçon. After Effects comporte quatre fenêtres principales. fenêtre de projet pour structurer vos actifs, la fenêtre de composition pour voir ce que vous faites réellement, la chronologie pour empiler vos différentes couches, puis une fenêtre avec de nombreux autres paramètres. Nous avons également appris ce qu'est une composition. C'est le conteneur pour vos animations individuelles, et nous avons également appris à en créer une. Nous avons également appris à créer des formes de base, telles que, par exemple, un rectangle. Enfin, la fonctionnalité la plus importante d'After Effects nous avons appris ce qu'est une image-clé et comment utiliser pour animer des propriétés de base Ensuite, je vous ai montré ce qu' est l'assouplissement et comment nous pouvons l'appliquer aux animations que nous avons créées avec nos images-clés Maintenant, avant de passer à la leçon suivante, je vous suggère vivement d'ouvrir After Effects vous-même et de jouer avec tout cela, car comme je l'ai déjà dit, vous pouvez créer des animations super cool simplement avec ces connaissances de base. 4. Préparer des ressources avec Adobe Illustrator: C'est vrai. Bienvenue, tout le monde. Aujourd'hui, nous allons vous expliquer comment créer des ressources pour vos animations avec Adobe Illustrator. La toute première question que nous devrions nous poser est pourquoi voulons-nous le faire ? Il y a deux raisons principales pour lesquelles j'ai spécifiquement choisi de préparer mes ressources avec Adobe Illustrator plutôt qu'avec un autre programme. Parce que vous pouvez, bien entendu, également préparer des ressources avec un autre éditeur d'image, tel que Photoshop, ou même les assembler directement avec des formes et After Effects. Même si ce serait très fastidieux. Raison numéro un, Adobe Illustrator est un programme de retouche d'image vectoriel plutôt qu'un programme de retouche d'image basé sur des pixels, comme par exemple Adobe Photoshop. Qu'est-ce que ça veut dire, bordel ? Supposons que nous ayons une forme très basique, telle qu'un triangle, un programme de retouche d'image basé sur enregistrerait chaque pixel de ce triangle. Donc, si vous deviez agrandir ce triangle, vous agrandiriez simplement tous les pixels, et vous obtiendrez ainsi une sorte d' effet d'escalier en zoomant beaucoup Un programme de retouche d'image vectoriel, quant à lui, enregistre un vecteur pour chaque trajectoire de notre triangle. Donc, si nous agrandissons ce vecteur, nous obtenons toujours une arête parfaitement lisse pour notre triangle, car cette arête est enregistrée en tant que vecteur. Cela signifie que si nous préparons nos ressources avec l'illustrateur Dobie, nous avons beaucoup plus de liberté pour faire évoluer nos ressources sans pour autant sacrifier la qualité. De plus, le simple fait d'enregistrer trois vecteurs différents prend moins de place sur votre disque que d' enregistrer des tonnes de pixels individuellement, et c'est la deuxième raison. Cette raison n'est pas vraie par rapport à Adobe Photoshop, mais par rapport aux programmes de retouche d'images qui ne sont pas de la société Adobe. Mais Adobe Illustrator s' intègre parfaitement à After Effects, ce qui peut vous faire gagner beaucoup de temps. Je vous montrerai plus tard quand nous y serons. Mais le flux de travail d'importation d'Adobe Illustrator vers Adobe After Effects est vraiment un véritable plaisir pour le chef, j'adore ça. C'est tellement simple. OK. Encore une fois, pour rappel. C'est l'animation que nous essayons de recréer. Passons donc à Illustrator et préparons nos ressources pour cette animation. Allons-nous ? Encore une fois, la toute première étape, comme dans Adobe After Effects, consiste bien entendu à simplement cliquer sur un nouveau fichier. Maintenant, contrairement à Adobe After Effects, nous avons en fait quelques préréglages, et nous pouvons simplement passer à Fill, Video et choisir le modèle UHD à quatre K car celui-ci possède déjà les dimensions exactes Nous voulons 3840 pixels par 2160 pixels. De plus, très important, nous voulons que ce soit en mode couleur RGB et non en mode couleur CM K. Nous pouvons donc simplement cliquer sur Créer, et nous avons là notre tout premier Canvas de base. Maintenant, la toute première chose que je vais faire est d'importer une image d'arrière-plan en la faisant simplement glisser et déposant comme image de référence indiquant à quoi ressemblera réellement notre animation finale , en plus de ce que nous allons mettre dessus plus tard. C'est bon. Passons maintenant aux couches et créons une nouvelle couche, que nous allons appeler une boîte d'arrière-plan, et nous allons appeler cette couche arrière-plan. Image, et nous pouvons déjà verrouiller cette couche car nous ne changerons rien uniquement à l'image de fond. Nous allons également l'agrandir légèrement afin que nous puissions également voir correctement les noms. C'est bon. Créons d'abord notre rectangle, qui ressemble au rectangle de base sur lequel nous allons placer l'animation, qui sera de 38 à 40 pixels blancs, donc toute la largeur, et nous lui donnerons une hauteur de 600 pixels. Mettons-le en position. Revenez aux propriétés et sélectionnez une couleur complète de noir pur, mais réduisez l'opacité à 30 % De plus, nous ne voulons pas avoir d'accident vasculaire cérébral, nous allons donc simplement définir ce paramètre à 20. Maintenant, c'est à peine visible, mais c'est comme la couche de base de notre animation. Maintenant, la prochaine chose que nous allons faire est de créer la ligne blanche en haut et en bas. Pour cela, nous allons encore une fois par ici. Maintenant, il s'agit de l'outil rectangle, comme vous pouvez le voir, mais si nous cliquons dessus avec le bouton droit de la souris, nous pouvons choisir quelques outils supplémentaires , et pour cela, nous allons utiliser l'outil linéaire. Ensuite, nous allons exactement sur cette ancre et nous le faisons simplement glisser ici et en appuyant sur Shift. Nous pouvons nous assurer qu'il s'agit exactement d'une ligne droite, et nous voulons que cela se termine. Ici. Maintenant, cela nécessite un accident vasculaire cérébral. Nous voulons probablement un trait d'une dizaine de pixels, et le régler sur un blanc pur. OK. Dix pixels me semblent un peu épais. Réduisons ce chiffre à sept peut-être. Maintenant, nous avons bien sûr également besoin de l' autre ligne en bas, nous pouvons donc simplement sélectionner notre ligne, appuyer sur l'ancienne touche et la maintenir enfoncée, puis simplement faire glisser vers le bas tout ce qui dupliquera l'élément précédent. Maintenant, j'ai déjà préparé une icône de réseau social , que nous pouvons simplement coller ici. Réduisez-le un peu tout en maintenant la touche Shift enfoncée pour le transformer proportionnellement Si je ne maintiens pas la touche Shift enfoncée, les dimensions changent. Je veux donc maintenir la touche Shift enfoncée, un peu et la mettre légèrement en position à peu près ici. Maintenant, lorsque vous recherchez l'icône de réseau social ou toute autre icône que vous souhaitez insérer ici, car il n'est pas nécessaire qu'il s'agisse d'une icône de réseau social, je vous suggère vivement de rechercher un fichier SVG au lieu, par exemple, d'un fichier PNG C'est exactement la différence dont je parlais tout à l'heure un fichier SVG est un fichier vectoriel alors qu'un fichier PNG est un fichier basé sur des pixels Bien qu'Illustrator puisse travailler avec des fichiers basés sur des pixels, nous voulons conserver la qualité totale du fichier, il est donc préférable de prendre un fichier SVG Mais je pense toujours que c' est un peu trop gros, alors allons-y probablement. Encore un peu plus petit. Ouais. Quelque chose comme ça a l'air bien. Enfin et surtout, nous avons toujours besoin du texte. Nous allons donc sélectionner l'outil de texte, écrire le nom de notre plateforme de médias sociaux ici. Faites en sorte que tout cela soit encore plus grand, encore plus grand. Là encore, je maintiens la touche Shift enfoncée pendant le redimensionnement, sinon cela ressemblerait à ceci Ce n'est pas ce que nous voulons. Mets-le en position. C'est très gros maintenant, mais nous allons d'abord sélectionner une autre police. Je vais utiliser Proxima Nova bold qui est en fait la même police que celle utilisée par TikTok J'utilise donc cette police dans ce cas, mais vous pouvez sélectionner la police de votre choix. Faisons également soit blanc pur pour qu'il soit mieux visible et qu'il soit un peu plus petit Ouais. Quelque chose comme ça a l'air bien. Maintenant, sélectionnons à nouveau l'outil rectangle et dessinons un autre rectangle blanc, quelque chose comme ça. Accédez à nouveau à l'outil de texte et créez notre texte. Et mettez ce texte en place. Le texte du haut semble un peu grand et le texte du bas est un peu petit. Réduisons donc le texte du haut un peu plus petit. Nous pouvons également réduire la taille du rectangle et agrandir un peu le texte du bas. Oui, probablement, quelque chose comme ça. Maintenant, nous devons également redimensionner à nouveau le rectangle. Oui, quelque chose comme ça a l'air bien. Maintenant, nous allons à nouveau remplacer les textes dans OB After Effects car nous voulons les utiliser comme calques de texte natifs dans After Effects, mais je les ai également créés ici pour avoir une idée visuelle de à quoi tout ressemblera au final. Eh bien, je dois admettre que c'était en fait un cas très simple. Les éléments de cette animation auraient pu être facilement reproduits directement dans After Effects, mais je voulais vous montrer l'ensemble du flux de travail car, à mon avis, il est très, très avantageux de préparer vos ressources dans Illustrator puis de les transférer dans After. Surtout lorsque vous créez des animations beaucoup plus complexes avec beaucoup plus d'actifs que dans ce cas. Maintenant, avant de revenir dans After Effects et d'y importer nos ressources, nous devons tout de même séparer tout cela en couches distinctes afin tout avoir sous forme d'éléments différents, et de pouvoir, par exemple, déplacer la ligne du haut depuis la droite et la ligne du bas depuis la gauche et toutes ces choses amusantes. Créons une couche pour la ligne supérieure et sélectionnons notre ligne supérieure. C'est l'essentiel. C'est la première ligne. Créez une autre couche pour la ligne inférieure et déplacez la ligne inférieure là-dedans, créez une autre couche pour l'icône des réseaux sociaux. Déplaçons cette icône multimédia totale là-dedans. Et enfin, une couche de texte. Et nous pouvons simplement mettre tout notre texte dans notre couche de texte car, comme je l'ai déjà dit, nous allons le remplacer plus tard et avec After Effects. Quoi qu'il en soit C'est bon. Cliquons sur le fichier et sauvegardons. Oui, je souhaite l' enregistrer sur mon ordinateur, puis sélectionner le dossier approprié. Nous voulons l'enregistrer car nos acides ne sont pas des fichiers AI. Enregistrez-le avec la version 2020, et non avec l'une des anciennes versions, pour que nous puissions simplement cliquer. OK. Maintenant, dans After Effects, nous pouvons simplement glisser-déposer notre fichier assets.ai dans la fenêtre du projet, puis nous nous demanderons comment nous voulons importer ce fichier Adobe Illustrator. Maintenant, nous pouvons, par exemple, tout importer sous forme de couches fusionnées. Cela fusionnerait à nouveau le tout, ou nous pourrions, par exemple, choisir des couches spécifiques à importer, mais nous allons en fait choisir composition ici et conserver la taille de la couche comme les dimensions du métrage, puis simplement cliquer. OK. Maintenant, comme vous pouvez le voir, cela a automatiquement créé une nouvelle composition appelée actifs. Et il a également importé un dossier contenant nos couches d'actifs. Et si nous l'ouvrons, vous pouvez voir toutes les différentes couches que nous avons créées sous forme d' éléments différents que nous pouvons également utiliser et importer dans d'autres compositions. Si nous ouvrons la composition des actifs, vous pouvez voir que c'est exactement ce que nous avons créé dans Illustrator, également sous forme de couches différentes. Et il a automatiquement conservé les dimensions de notre plan de travail dans Illustrator, que nous avons spécifiquement définies sur quatre K. Avant de commencer à travailler sur cette composition, je vais conserver la structure du projet, sélectionner tous ces actifs et les déplacer dans le dossier des actifs, puis nous pouvons supprimer celui-ci et déplacer la composition dans le dossier de compositions. Vous pensez peut-être que c'est terminé, mais il y a en fait deux autres choses que je vais vous montrer avant de terminer cette leçon. Tout d'abord, nous devons demander à After Effects de traiter ces couches comme des couches vectorielles. Je ne comprends vraiment pas pourquoi After Effects ne le fait pas automatiquement, mais pour une raison ou une autre, ce n'est pas le cas. Donc, par exemple, si nous devions prendre nos réseaux sociaux, et les agrandir beaucoup, et les agrandir beaucoup, vous verrez qu'ils sont en fait pixelisés parce qu' à l'heure actuelle traitent comme une couche de pixels et non comme une couche vectorielle Pour indiquer à After Effects qu' s' agit en fait d'une couche vectorielle et qu'elle doit être traitée comme une couche vectorielle, nous devons en fait cocher cette case ici. Donc cette petite étoile, si nous la cochons, vous pouvez voir, ah, tout à coup, tout est net et clair et non pixelisé Pour une raison ou une autre, vous ne pouvez pas voir cette case à cocher ici. Il se peut que d'autres modes soient activés en ce moment. En bas, il y a un bouton pour passer d'un mode à l'autre. Si nous cliquons ici, vous verrez que tout change. Il existe désormais d'autres configurations. Si vous avez cette configuration et que vous ne voyez pas la case à cocher permettant de traiter les couches comme des couches vectorielles, suffit de cliquer sur basculer entre les modes il vous suffit de cliquer sur basculer entre les modes et le tour est joué Et remontons également la balance en la matière. Nous ne voulons pas que l'icône des réseaux sociaux soit aussi énorme. Ensuite, comme nous l'avons déjà mentionné, nous voulons remplacer les calques de texte par de véritables calques de texte Adobe After Effects. Nous allons donc choisir l'outil de texte ici. Cliquez ici pour recréer votre texte. Une fois de plus, nous voulons l' avoir à Proxima Nova. Et la taille peut être beaucoup plus grande, quelque chose comme ça, probablement. Déplacez-le ici. Créez un autre rectangle ici, qui ne devrait pas être rouge, mais plutôt blanc. Encore une fois, sélectionnez l'outil de texte et écrivez notre texte ici. Il doit être noir bien sûr et beaucoup plus petit, déplacez-le ici. Ensuite, nous pouvons simplement supprimer notre couche de texte initiale en appuyant sur la touche de suppression, et c'est parti. Toutes nos ressources sont prêtes à être réellement animées. C'est bon. Qu'avons-nous appris dans cette leçon ? Je vous ai expliqué pourquoi j'ai spécifiquement utilisé Adobe Illustrator pour préparer mes ressources. Tout d'abord, parce qu'il s'agit d'un programme de retouche d'image vectoriel plutôt que d'un programme d'édition basé sur les pixels. Ensuite, l'importation de ressources d'Illustrator vers After facts est en fait très simple. vous ai également brièvement montré comment utiliser Adobe Illustrator pour préparer vos ressources. Ensuite, je vous ai montré comment réintégrer ces actifs dans AB. Après maintenant, avant de pouvoir recréer complètement cette animation, il nous reste encore une chose à apprendre C'est ce que l'on appelle les expressions du W After Effect. Comme vous l'avez peut-être deviné, c'est exactement ce que nous allons aborder dans la prochaine leçon 5. Les bases des expressions: B, tout le monde. J'ai l' impression que certains d'entre vous pourraient avoir un peu peur de ce cours, du moins si vous avez déjà entendu parler des expressions d' After Effects. Mais je peux vous assurer que j'avais également peur de commencer à travailler avec les expressions lorsque j'ai commencé à travailler avec After Effects, mais elles ne sont absolument pas aussi effrayantes qu'elles en ont l'air. Maintenant, pour être honnête, toute cette animation pourrait en fait être réalisée sans jamais utiliser d'expressions. Mais maintenant, je les aime tellement que chaque fois que je peux résoudre un problème avec une expression, j'ai tendance à me lancer car elle s'avère beaucoup plus rapide et, dans de nombreux cas, encore plus stable pour affiner et retravailler les animations par la suite affiner et retravailler les animations par la OK. Maintenant qu'en fait tout le monde a peur des expressions, parce que j'ai créé tellement de drames autour d'elles. Revenons-en à After Effects. Allons-nous ? J'ai déjà dit que la seule chose que vous devez savoir pour créer des animations et modifier les valeurs dans After Effects au fil du temps sont ce que l'on appelle les images-clés Mais ce n'est en fait pas vrai. Il existe un autre moyen de modifier les valeurs et même de les animer au fil du temps, qui, comme vous l'avez peut-être deviné, sont les expressions Vous pouvez créer une expression de la même manière que vous créeriez une image-clé. Mais nous ne cliquons pas simplement sur l'icône du chronomètre, nous maintenons l'ancienne touche enfoncée et, en même temps, nous cliquons sur l'icône du chronomètre Maintenant, comme vous pouvez le voir, ouvrez cette petite fenêtre de texte ici. Désormais, cette fenêtre de texte attend une valeur exactement au même format la valeur que vous essayez de modifier. Ainsi, si par exemple, dans ce cas, nous voulons ajuster la rotation, qui est une valeur numérique unique, ce champ de texte attend une seule valeur numérique. Donc, si par exemple, on écrit juste un dix ici, alors on ferme tout. Vous voyez que cela a fait pivoter notre rectangle d' exactement dix degrés. Mais l'avantage de cette fenêtre est que vous pouvez réellement saisir du code dans un langage de programmation ici. Pour ceux d'entre vous qui ont déjà travaillé avec des langages de programmation, il s'agit en fait d'une version modifiée du script Java. Je pourrais, par exemple, créer une variable appelée R pour la rotation, puis attribuer une valeur de 90 à cette variable. Et si nous renvoyons ensuite ce r à la fin, vous pouvez voir que notre rectangle a fait pivoter exactement 90 degrés. Cela ouvre en fait de nombreuses possibilités pour modifier les valeurs de manière très créative. Parce que, par exemple, nous pouvons soudainement effectuer des calculs , puis définir les valeurs en fonction de ces calculs. Il existe également des variables prédéfinies, telles que, par exemple, la variable temps. Si nous renvoyons simplement l'heure vous pouvez voir si rien ne semble avoir changé, mais si nous parcourons la chronologie, cela fera lentement pivoter le rectangle car le temps est en fait variable par cela fera lentement pivoter le rectangle car le temps est rapport à l'heure à ce moment-là en secondes. Ainsi, au bout de 10 secondes, par exemple, notre rectangle aurait pivoté exactement de dix degrés. Maintenant, si par exemple, nous pensons que cette rotation est trop lente et que nous voulions la rendre plus rapide, par exemple, il suffit de la multiplier par deux. Et puis à 10 secondes, bien sûr, dix fois deux font 20 degrés. C'est déjà à 20 degrés, et donc toute la rotation est toujours très lente, mais au moins un peu plus rapide. Nous pouvons également, par exemple, accéder aux valeurs d'origine en tapant la valeur de la variable. Maintenant, cela renverra simplement la valeur d'origine et nous pourrions effectuer des calculs sur la valeur d'origine. Si nous fixons la valeur d'origine à dix degrés, par exemple, elle sera constamment pivotée de dix degrés Tout cela devient un peu plus compliqué lorsque vous travaillez avec des valeurs qui nécessitent deux nombres, comme par exemple la position. Encore une fois, maintenons l'ancienne touche enfoncée et cliquez sur l'icône du chronomètre ici, et là, nous avons notre expression pour la position Maintenant, comme la position nécessite deux valeurs et non une seule, nous devons renvoyer ce que l' on appelle un tableau en programmation. Un tableau est essentiellement une liste de valeurs, et dans ce cas, nous avons besoin de deux valeurs. Avant de créer le tableau, mettons-le rapidement à zéro. Maintenant, pour créer un tableau, vous devez l' écrire entre crochets en tant que tel, puis séparer les valeurs par une virgule. Si, par exemple, nous tapons 00 entre crochets. Vous pouvez voir que cela a déplacé notre rectangle vers la position zéro, zéro. Ce principe restera exactement le même même si vous avez besoin de plus de deux valeurs. Par exemple, lorsque vous travaillez dans un espace à trois D où vous avez non seulement une valeur x et une valeur y, mais également une valeur, vous devez renvoyer un tableau contenant trois valeurs. Mais l'avantage des expressions, c'est que nous pouvons également, par exemple, utiliser certaines fonctions mathématiques. Par exemple, définissons rapidement un appel variable. X, que nous avons mis à zéro pour moment et une autre variable appelée y, que nous avons également fixée à zéro, puis nous les renvoyons à un rayon. En fait, ne les mettons pas à zéro, mais revenons à leur valeur d'origine. Ce que nous pouvons faire, comme vous le savez déjà en utilisant le mot clé value. Maintenant, le mot-clé value, dans ce cas, bien sûr, renvoie également un tableau. Pour obtenir un élément spécifique de ce tableau, nous avons encore une fois besoin des crochets, que nous pouvons simplement placer après la valeur. Si nous voulons maintenant obtenir la première valeur de ce tableau, qui peut être un peu confus, nous devons écrire zéro, car en fait, les indices des tableaux commencent toujours à zéro Donc, avec zéro, nous obtenons le premier élément par un, nous obtenons le deuxième élément, et ainsi de suite, cela peut être un peu déroutant au début, mais cela fonctionne en fait comme ça dans presque tous les langages de programmation. Comme vous l'avez peut-être deviné, si nous voulons obtenir la valeur y, nous utilisons à nouveau mot clé Value, puis en écrivons un. Maintenant, vous pouvez le voir, cela a ramené notre rectangle à sa position initiale. Donc, comme je l'ai dit, nous voulions utiliser certaines fonctions mathématiques ici. Ainsi, par exemple, la fonction sinusoïdale que vous connaissez probablement déjà passe simplement de un à moins un, puis revient à un et continue jusqu'à l'éternité. Si nous ajoutons le point sinusoïdal mathématique en fonction de l'heure ici. Cela ajoutera un mouvement d'oscillation car il en ajoutera un, soustraira un, en ajoutera un, en soustraira un, etc. Maintenant, comme la fonction sinus ne passe qu'à un, puis à moins un, nous n'ajouterons et soustrayons toujours qu' un seul pixel Donc, si on y joue, tu ne verras vraiment rien. Déplacer un seul pixel, ce n' est pas grand-chose. Réencapsulons cela entre crochets et multiplions cela par 100 Cela déplacera déjà tout de 100 pixels, ce qui est bien plus qu'un simple pixel. Si nous jouons maintenant, vous pouvez voir notre rectangle se déplace d' avant en arrière de 100 pixels sur l'axe X. Maintenant, si nous ajoutons exactement la même chose pour la valeur y plus Mais nous voulons utiliser le cosinus au lieu du design Encore une fois, multiplié par 100. Si nous rejouons, vous pouvez voir que notre rectangle se déplace soudainement exactement dans un cercle parfait. Cela peut sembler très, très simple, mais créer un mouvement circulaire parfait uniquement avec des images clés est en fait presque impossible. créer ainsi avec une expression n'était en fait pas si compliqué. Maintenant, nous allons utiliser une expression pour cette animation pour effectuer cette partie de l'animation. Parce que nous voulons que le rectangle entoure exactement le texte à tout moment, même si nous ajustons le texte. Donc, si par exemple, mon nom sur les réseaux sociaux n'était pas Fogel Fog, mais je ne sais pas Un imitateur de M. Best. Vous pouvez voir que notre rectangle n' ajuste pas sa taille au nouveau texte. Pour ce faire, la première chose que nous allons faire est de renommer notre couche, car comme vous pouvez le voir, pour le moment, le nom de la couche reflète toujours le texte réel Au début, c'était Fogel Fok et maintenant c'est un imitateur de M. Best, mais nous avons besoin de ce nom plus tard, alors nous l'appelons Et ainsi, le nom ne changera plus même si nous le redéfinissons à, la couche étant toujours appelée texte encadré, ce qui est exactement ce que nous voulons. Maintenant, pour le rectangle, nous allons supprimer ce rectangle pour le moment, mais en créer un nouveau en utilisant l' outil rectangle, puis en double-cliquant simplement dessus. Maintenant, comme vous pouvez le constater, cela a créé un rectangle qui occupe en fait l'ensemble de notre toile. Mais comme nous voulons définir la taille du rectangle avec une expression plutôt que de le prédéfinir, c' est en fait parfaitement normal. La première chose que nous allons faire est de replacer notre couche de forme sous le texte de la boîte, puis nous allons ouvrir le rectangle de contenu, puis le chemin du rectangle, et ici, nous avons notre taille, et si nous le faisons glisser, vous pouvez voir qu'il ajuste réellement la taille du rectangle Maintenant, nous ne voulons pas l' ajuster manuellement, mais nous voulons à nouveau créer une expression pour cela. Nous allons donc maintenir l' ancienne touche et encore une fois, cliquer sur l'icône du chronomètre, et voilà, nous avons notre fenêtre d'expression Nous allons avoir besoin de deux variables, une pour la largeur , que nous allons définir, fixons-la à 100 pour le moment. Puis un autre pour la hauteur, que nous allons également régler à 100 pour le moment, puis nous allons renvoyer ces deux valeurs, la largeur et la hauteur. Encore une fois, dans un tableau, comme je l'ai expliqué plus tôt, et vous pouvez le voir, nous avons soudainement un tout petit rectangle ici au milieu. Bien entendu, nous ne voulons pas que la largeur et la hauteur soient de 100 pixels seulement, mais nous voulons qu'elles suivent la taille de notre couche de texte. La prochaine chose que nous allons faire est d'obtenir cette couche de texte et de l' enregistrer dans une autre variable. Nous allons donc l'appeler texte. Couche, et nous pouvons obtenir la couche en écrivant cette composition, qui fait référence à cette composition partir de cette composition, nous voulons obtenir une couche spécifique, puis dans ces crochets, nous pouvons définir la couche que nous voulons. Et la couche que nous voulons est, bien entendu, notre encadré de texte. C'est exactement la raison pour laquelle nous avons renommé la couche afin qu'elle ne change pas de nom tout le temps, mais nous voulons toujours qu'elle soit appelée texte encadré afin de pouvoir y faire référence ici. Ensuite, nous terminons notre ligne par un point-virgule. Ainsi, notre variable de couche de texte fait désormais référence, eh bien, à notre couche de texte. Maintenant, pour obtenir la taille réelle de notre couche de texte, nous avons besoin d'une autre fonction, appelée source wrecked at time Cela semble un peu compliqué, mais nous allons juste taper la source détruite à la fois. Vous pouvez le constater après que les faits suggèrent déjà que c'est probablement ce que nous recherchons. Donc oui, ça l'est. Et c'est une fonction qui permet d'obtenir la taille d'une couche à un moment donné. Donc, comme nous voulons suivre la taille avec précision et toujours correspondre à la taille exacte de la couche de texte, nous allons simplement saisir notre variable temporelle. Il s'agit donc toujours de la taille actuelle. Et si nous définissons maintenant notre largeur, pas à 100, mais à la largeur des points de la couche de texte et la hauteur à la hauteur des points de la couche de texte. Tu peux voir. Notre rectangle a soudainement exactement la taille de notre texte. Mais vous voyez également que la position ne convient pas jusqu'à présent, car nous voulons également que le rectangle soit exactement à la même position que notre couche de texte, bien sûr. Nous pouvons donc indiquer la position de la couche de forme pour qu'elle suive simplement la position de notre couche de texte. Pour ce faire, nous allons cliquer sur notre couche de forme, puis appuyer sur P, ce qui ouvrira automatiquement la position, ainsi que le texte de notre boîte de dialogue. Cliquez à nouveau sur P pour ouvrir le poste. Nous pouvons maintenant, bien sûr, résoudre à nouveau ce problème avec une expression en copiant simplement la position du texte de la boîte sur notre couche de forme, mais il existe en fait un moyen de le faire beaucoup plus rapidement, utilisant simplement cet outil de piquetage ici Vous pouvez voir que cela crée cette ligne bleue, et si nous la fixons à notre position, elle suit automatiquement exactement la même position que notre couche de texte. Eh bien, ce n'est pas exactement la même position, mais le point d'ancrage des deux couches est maintenant exactement à la même position. Si nous cliquons ici, vous pouvez voir le point d'ancrage de notre rectangle est juste au milieu, et le point d'ancrage de notre texte est également ici au milieu. Mais comme le texte est aligné vers la droite, il s'agrandit toujours hors des sentiers battus, mais nous pouvons rapidement corriger ce problème en cliquant simplement sur aligné. Désormais, le point d'ancrage de la couche se trouve généralement par défaut exactement au milieu de la couche. Pour une raison ou une autre, les gars d'Adobe ont choisi de ne pas le faire pour les couches de texte. Mais le point d'ancrage suivra, comme vous l'avez vu, l'alignement du texte, et sur le bord inférieur se trouvera sur le bord inférieur de notre texte, sans les caractères, bien sûr, qui sortent du bas du texte, comme A G, par exemple. Maintenant, nous devons parfaitement l'aligner et nous assurer que notre texte est exactement au-dessus de notre forme. Nous pourrions, bien entendu, ouvrir le point d'ancrage du texte de notre boîte en cliquant sur A , puis en le déplaçant grossièrement pour qu'il corresponde à la position exacte de notre rectangle. Mais comme vous l'avez peut-être deviné, nous ne voulons pas simplement le faire grossièrement, nous voulons le faire exactement avec précision, et nous pouvons le faire avec une autre expression Encore une fois, nous maintenons l'ancienne touche et cliquons sur l'icône de notre chronomètre pour créer une variable X, que nous allons simplement mettre à zéro pour le moment, et la variable y, que nous allons également mettre à zéro pendant un moment, puis renvoyer ces deux variables x et y. Maintenant, puisque sur l'axe x, nous sommes déjà exactement au même endroit. En fait, pour l'axe X, nous n'avons pas besoin de le mettre à zéro, mais nous pouvons simplement suivre la valeur d'origine, et ce mais nous pouvons simplement suivre la valeur d'origine, sont les premières du tableau. Pour notre deuxième position, nous voulons encore une fois obtenir la hauteur de notre couche et la diviser par deux, ce qui nous permettra d'être exactement au centre. Nous pouvons donc facilement le faire en obtenant cette couche. Encore une fois, nous allons utiliser notre fonction source Wrecked at Time Nous voulons également toujours suivre l'heure actuelle, c'est pourquoi nous saisissons à nouveau notre variable de temps. Ensuite, nous voulons obtenir la hauteur, et tout cela, nous allons simplement diviser par deux. Maintenant, si nous cliquons sur notre couche, nous pouvons voir Woops Cela a déplacé notre point d'ancrage, mais dans la mauvaise direction car cela l'a sortir de la boîte au lieu de l'entrer dans la boîte. Nous pouvons donc résoudre ce problème en ajoutant simplement un signe négatif juste en face d'ici. Puis on se rend compte que je pense que j'ai fait une erreur. Je sais ce que j'ai mal fait car notre point d'ancrage n'est initialement pas exactement au bas du calque, mais au bas de notre texte, lorsque nous le déplaçons ensuite de moitié par rapport à la hauteur du calque. En fait, il ne se retrouve pas juste au centre de la couche, mais bien à la moitié de la hauteur au-dessus de son emplacement d'origine. Donc, ce que nous voulons faire c'est définir rapidement une nouvelle variable , que nous allons appeler taille de couche. Ensuite, appliquez cette source de couche. Détruit par le temps avec cette nouvelle variable. Ensuite, ce que nous allons faire, c'est obtenir la taille de la couche en haut. Cela se trouverait exactement en haut de la couche, puis ajouterait la hauteur du point de la taille de la couche divisée par deux, ce qui la déplacerait ensuite de moitié par rapport à la hauteur de la couche, qui devrait être exactement au centre de notre couche. Et nous y voilà. Pourtant, ce n'est pas exactement ce que nous voulons car il est en fait très proche, car la taille de notre rectangle correspond exactement à la taille de notre couche de texte. Et nous voulions suivre cette taille, mais toujours être un peu plus grands. Nous allons donc rapidement revenir à notre forme, au contenu, au rectangle, à la taille du chemin. Et ici, nous allons définir une autre variable, que nous allons appeler rembourrage, et nous allons simplement définir ce tube de rembourrage Disons 50 pour le moment. Et puis si on ajoute cela à la fois à la largeur et à la hauteur, on a un toboggan. Maintenant, revenons à la taille de notre composition, et maintenant nous pouvons obtenir la position du texte de notre boîte, et comme vous le savez, notre couche de forme suivra exactement cette position, et nous pouvons la remettre là où elle est censée être. Oui, je suppose que vous pouvez maintenant comprendre à quel point les expressions sont incroyablement puissantes et qu'il est possible de faire des choses très, très avancées avec elles. Mais récapitulons rapidement ce que nous avons appris dans cette leçon. Nous avons appris que nous pouvons modifier les valeurs d'une propriété non seulement à l'aide d'une image clé, mais également à l'aide d'expressions. Désormais, lors de l'écriture d'expressions, propriétés qui attendent une valeur unique s'attendent simplement à ce qu'une valeur de ce type soit renvoyée. Pour les propriétés qui nécessitent plusieurs valeurs, nous devons renvoyer un tableau. Un tableau est simplement une liste de valeurs, que nous devons encapsuler entre crochets, puis nous séparons simplement les différentes valeurs par une virgule Nous avons également appris qu'il existe des variables prédéfinies spécifiques, telles que, par exemple, la variable de temps, qui obtiendra l' heure actuelle ou par exemple, la variable de valeur, qui obtiendra la valeur initiale d'une propriété. Si cette valeur initiale est un tableau, nous pouvons à nouveau accéder aux valeurs de ce tableau entre crochets. Rappelez-vous toujours que les indices d' un tableau commencent toujours par zéro. Ensuite, il y a cette variable de composition. Cela permettra en fait d'obtenir simplement la composition actuelle, puis vous pourrez utiliser, par exemple, la fonction de couche pour obtenir une couche spécifique. Ou si vous essayez d'obtenir la couche actuelle sur laquelle vous travaillez, vous pouvez le faire avec cette variable de couche. Ensuite, il y a la fonction source wrecked at time , que nous avons utilisée plusieurs fois. Cette fonction permet d'obtenir la largeur et la hauteur d'une couche. Nous abordons également brièvement les deux fonctions mathématiques, point sinus mathématique et le point cosinus mathématique Mais comme vous pouvez l' imaginer, il existe tonnes d'autres fonctions mathématiques. Vous pouvez, par exemple, obtenir une variable qui correspond approximativement à Pi avec le point mathématique Pi. Nous avons ensuite appliqué toutes ces connaissances pour créer une boîte qui s'adapte parfaitement à un texte et qui suivra sa taille, même si le texte change. Avec cela, nous avons en fait toutes les bases, nous devons créer notre animation finale. Si vous avez envie d'aventure, vous pouvez déjà essayer créer l' animation vous-même , puis passer à la leçon suivante pour voir comment je l'ai fait moi-même 6. Assembler notre animation: intéressant , préparons notre dernière animation du tiers inférieur. Allons-nous ? Comme nous avons déjà importé toutes nos ressources dans notre leçon d' illustrateur, commençons par l'animation proprement dite. Créons donc notre texte, notre couche de formes, notre autre texte et nos réseaux sociaux. Je peux être invisible pour le moment et commencer par l'animation des lignes dans la boîte de fond. Maintenant, notre ligne supérieure est censée arriver par la droite. Donc, si nous cliquons sur la position P quatre, nous obtenons notre valeur de position, revenons au début, puis nous avançons de dix images. Définissez un cadre clé pour notre position finale ici. Revenez ensuite au début, puis déplacez-le vers la droite comme ceci pour qu' il soit exactement hors écran. Maintenant, nous allons nous déplacer dans la ligne, mais il s'agit toujours d'une animation linéaire Nous voulons donc lui donner un aspect plus cool en sélectionnant les deux images clés et en appuyant sur F neuf, ce qui appliquera l'assouplissement automatique. Mais ouvrons rapidement l'éditeur de graphes. D'ailleurs, vous pouvez parfaitement centrer vos images clés dans l'éditeur de graphes en cliquant sur ce bouton ci-dessous. Vous voyez que cela a automatiquement centré l'éditeur de graphes sur notre animation actuelle. Et comme vous pouvez le voir, puisque nous avons deux valeurs que nous animons ici, la valeur X et la valeur Y, il y a en fait deux droites dans le graphique Nous n'avons rien changé sur la coordonnée y, c'est donc une ligne parfaitement droite, mais nous avons simplement changé quelque chose sur la coordonnée x. Malheureusement, after eats n'affiche pas vos identifiants pour modifier cela comme vous le souhaitez lorsque vous travaillez avec deux valeurs. Je ne sais pas pourquoi, mais nous pouvons rapidement résoudre ce problème avec un clic droit puis des dimensions séparées. Nous avons maintenant une propriété pour la position x et une propriété pour la position y. Si nous passons en position x, encore une fois, sélectionnez nos deux cadres p et appuyez sur F neuf. Cela les allégera une fois de plus automatiquement. Et voilà, nous avons nos poignées pour régler l'assouplissement. Donc, la façon dont nous voulons ajuster l'assouplissement, c'est qu'il entre en vigueur très rapidement puis qu'il disparaisse lentement, quelque chose comme ça, qui, si nous y jetons un coup d'œil, ressemblera à ceci. Ça a l'air plutôt cool, je dirais. Maintenant, faisons exactement la même chose sur la ligne inférieure, mais juste du côté gauche. Fermez donc l'éditeur de graphes. Accédez à la ligne inférieure, cliquez à nouveau sur P pour ouvrir la propriété de position. Revenez au début. Rendons-le rapidement un peu plus grand encore. Encore une fois, si nous maintenons la touche Shift enfoncée et que nous nous déplaçons ici, vous pouvez voir qu'elle colle automatiquement aux images-clés Nous voulons maintenant que l'image clé finale soit ici et que l' image clé initiale soit de retour ici. Encore une fois, nous allons séparer nos dimensions. En fait, nous pouvons supprimer les images-clés de la position y, puisque nous n'y changeons rien, et nous pouvons faire la même chose pour la ligne supérieure. Sélectionnez ensuite notre position x, ouvrez l'éditeur de graphes. Et je viens de me rendre compte que je n'ai même rien changé à la position jusqu'à présent. Donc, bien sûr, nous voulons le faire glisser jusqu'à l'extérieur pour qu'il soit également hors écran Encore une fois, cliquez sur ce bouton ici pour centrer notre animation, sélectionnez les deux images clés. Et appuyez sur F neuf pour appliquer l'assouplissement automatique. Ensuite, nous faisons essentiellement la même chose. Nous voulons également que cette animation démarre rapidement puis disparaisse lentement, quelque chose comme ça. Comparons. Oui, ça a l'air assez similaire. Juste l'un est en baisse, l'autre en hausse parce qu'ils arrivent à cause de différents signes. Et si nous regardons notre animation, Lo me plaît. Maintenant, en même temps, alors que ces deux-là se déplacent par les côtés, nous voulons lentement disparaître dans notre boîte d'arrière-plan. Encore une fois, nous allons fermer l'éditeur de graphes, cliquer sur T pour ouvrir la transparence. Rouvrons rapidement la position en appuyant sur P afin de pouvoir positionner les images-clés exactement à la même position. Notre position finale est ici. Là, notre opacité devrait être de 100 %, et elle devrait commencer par 0 % Pour ces deux, nous allons simplement appliquer l'assouplissement automatique. Sélectionnez les deux, appuyez sur F neuf, et c'est parfait pour l'opacité. Ça a l'air plutôt cool. Je dirais. Maintenant, la prochaine chose que nous voulons faire est mettre en place l'icône du réseau social. Rendons-le donc rapidement à nouveau visible. Zoomez un peu. Et je viens de me rendre compte que ce n'est pas vraiment parfaitement centré, alors laissez-moi ouvrir la position et déplacer légèrement vers le haut. Oui, ça a l'air bien. Et quelque chose comme ça est censé être notre position finale. Permettez-moi donc d'y aller rapidement. Ensuite, cliquez à nouveau sur le bouton de l'image suivante pour avancer de dix images. Cliquez donc dix fois dessus. En fait, allons-y. 20 images. Nous pouvons donc soit cliquer à nouveau sur le bouton du cadre suivant, soit l' ajuster ici. Nous voulons passer à deux images. 30. C'est censé être notre position finale, nous allons donc définir un cadre clé de position ici. Ensuite, revenez dix images en arrière, définissez une autre image clé de position, et pour celle-ci, nous voulons la déplacer exactement au centre de notre composition, ce que nous pouvons faire en la faisant glisser ici ou en utilisant l'option lin Nous voulons aligner la couche sur la composition et le centre de la composition. Ensuite, nous revenons à ici et ouvrons également la propriété scale, ce que nous pouvons faire en cliquant sur S. Créez une image-clé pour cela, et si nous appuyons maintenant sur U, ouvriront toutes les propriétés contenant des images-clés s' Donc, dans ce cas, la position et la fin de l'échelle en même temps. Ensuite, nous pouvons aller ici, créer une autre image-clé à échelle, revenir à la première et définir une base 20 Si nous sélectionnons maintenant toutes nos images-clés et que nous appuyons sur F neuf, et que nous regardions à quoi cela ressemble Permettez-moi de revenir rapidement pour tout voir. Ça a l'air plutôt cool. Je dirais. Maintenant, pour animer notre texte comme nous le souhaitons, nous avons en fait besoin d'un outil nous n'avons pas parlé jusqu'à présent, dont nous n'avons pas parlé jusqu'à présent, appelé animateur de texte, car si nous ouvrions les propriétés, rendons le texte à nouveau visible, puis ajustons la position Cela permettra, bien entendu, d'ajuster la position de l'ensemble du texte. Mais nous voulons avoir un moyen d' animer chaque personnage séparément, et nous pouvons le faire avec un animateur de texte Pour en créer un, nous allons cliquer sur le bouton Animer ici et créer un animateur de texte pour la propriété position, puis ajouter une autre propriété pour la taille Pas d'échelle, c'est comme ça que ça s'appelle. Nous allons maintenant commencer par ces deux valeurs, car notre animateur de texte animera notre couche de texte partir des positions que nous avons définies ici pour les ramener à leur valeur d'origine Donc, au début, nous voulons avoir la position juste en haut, puis nous déplacer lentement dans toutes les couches. Tous les personnages, je veux dire, désolée. Parce qu'au début, nous voulons placer le texte là-haut, puis le déplacer caractère par caractère vers le bas. Et nous voulons également qu'ils augmentent légèrement. Nous allons donc réduire l' échelle à je ne sais pas, disons 60 probablement. Si nous ouvrons maintenant notre sélecteur de plage et commençons à jouer avec la valeur de départ, vous pouvez voir un ha Ici, individuellement, tous nos personnages sont en train de descendre. Si, pour une raison ou une autre, cela ne fonctionne pas pour vous, mais que cela déplace le mot entier en même temps, vous devez vérifier qu'à l'avance, cela est défini sur la base des caractères. Parce que si nous le définissions en fonction des mots, puis que nous l'ajustons, il déplacera en fait le mot entier. Mais nous voulons l' avoir pour les personnages, donc je vais le remettre aux personnages. Ensuite, je vais encore une fois revenir à notre dernière image clé de l'icône des réseaux sociaux, remettre le point de départ à zéro, créer une image clé. Encore une fois, avancez de dix images-clés et réglez cette valeur sur 100. Encore une fois, nous allons sélectionner nos deux images-touches et appuyer sur F neuf pour appliquer l'assouplissement automatique Ça a l'air plutôt cool. Maintenant, j' aimerais vraiment avoir un petit rebondissement ici Nous allons sélectionner notre propriété, puis ouvrir à nouveau l'éditeur de graphes. Je vais sélectionner celui du bas, le faire glisser un peu plus ici et faire de même pour celui du haut qui est essentiellement le même que l'assouplissement automatique, mais plus extrême. Il commence beaucoup plus lentement, puis devient beaucoup plus rapide, puis s'estompe lentement à nouveau. Bien entendu, au départ, nous ne voulons pas que le texte soit visible et qu' il vole dans les airs, mais nous voulons seulement qu'il soit visible à l'intérieur de ce rectangle. Ce que nous allons utiliser pour cela, c'est un tapis de course. Pour ce faire, nous allons simplement dupliquer notre zone d'arrière-plan, ce que nous pouvons faire en utilisant le contrôle D pork Man D, si vous êtes sur un MC, puis en déplaçant cette zone jusqu' en haut de notre texte et en la rendant invisible parce que nous n'en avons pas vraiment besoin. Nous avons juste besoin de sa forme. Si nous changeons ensuite mode vers le bas, nous verrons que nous avons notre tapis de piste, et nous voulons régler le tapis de piste de la couche TikTok sur notre bloc d'arrière-plan Ou deux. Maintenant, cela garantit que notre couche de texte n'est réellement visible que si la couche que nous avons définie comme tapis de piste est également visible. Mais je viens de me rendre compte qu'il y a un problème ce sujet, car notre boîte d' arrière-plan est bien sûr légèrement transparente, ce qui signifie que notre texte est également légèrement transparent dans ce cas. Donc, pour résoudre ce problème, nous n'allons pas utiliser de tapis de course, mais au moins nous en avons parlé, nous allons utiliser un masque à la place. Remettons rapidement ce calque sur no mat, et nous pouvons également supprimer à nouveau ce calque et zoomer légèrement ici, sélectionner notre outil rectangle, sélectionner notre calque de texte. Si nous faisons ensuite glisser le pointeur de la ligne supérieure vers la ligne inférieure. Cela créera en fait un masque, ce qui signifie que tout ce qui se trouve à l'extérieur de ce masque est visible. Si nous adaptons notre composition à la taille totale de la toile, vous pouvez voir, ah ah, elle ne s' y déplace que depuis l'intérieur de la boîte car le masque restreint tout ce qui se trouve adaptons notre composition à la taille totale de la toile, vous pouvez voir, ah ah, elle ne s' y déplace que depuis l'intérieur de la boîte car le masque à l'extérieur L'animation que nous avons créée ressemble maintenant à ceci. Enfin et surtout, nous devons réinsérer notre texte du bas. Celui-ci, nous allons également le masquer, mais cette fois, nous allons réellement animer ce masque La première chose que nous allons faire est sélectionner les deux, de cliquer avec le bouton droit de la souris puis de précomposer Cela déplacera ces deux couches dans une nouvelle composition qui fera ensuite partie de cette composition, et nous voulons en fait déplacer tous les attributs dans la nouvelle composition. Et nous allons appeler cette boîte de texte. Parce que nous étiquetons toujours nos couches et que nous cliquons. OK. Maintenant, ce que nous avons fait avec cela, c'est que nous avons essentiellement fusionné ces deux couches en une seule couche, sur laquelle nous pouvons appliquer un masque maintenant. Passons donc à notre dernière image-clé ici. Accédez à cette couche, déplacez-vous un peu vers le bas, sélectionnez à nouveau notre outil rectangle, et avec la couche sélectionnée, dessinez un masque qui finit à peine par apparaître. Ici. Maintenant, tout ce qui se trouve en dehors de ce masque est à nouveau invisible, essentiellement tout ce qui se trouve sur cette couche. Mais nous voulons animer ce masque maintenant, comme je l'ai dit. Ce que nous allons faire, c'est ouvrir propriétés de notre masque et animer le chemin de notre masque Encore une fois, nous créons une image clé pour avancer de dix images. Ensuite, nous pouvons simplement sélectionner ces deux points ici et les déplacer complètement sur le côté. Vous pouvez voir que nous pouvons ajuster cela comme nous le voulons, et si nous maintenons la touche Shift enfoncée, cela les déplacera sur une ligne, et nous voulons l'animer, alors déplaçons-le ici Ensuite, sélectionnez à nouveau nos deux images clés et appuyez sur F neuf pour appliquer l'assouplissement automatique. Et si on y retourne ensuite et qu'on y jette un coup d'œil, on y va. Nous avons notre dernière animation des tiers inférieurs. Récapitulons ce que nous avons appris dans cette leçon. Nous avons essentiellement appliqué les connaissances que nous avons apprises dans toutes les dernières leçons pour créer notre animation finale. Mais pas que ça. Nous avons également appris quelques nouvelles choses. Nous avons appris ce qu' est un animateur de texte et que nous pouvons l' utiliser pour animer séparément les caractères d'un Nous avons également rapidement parlé des tapis de course, mais nous avons fini par ne pas les utiliser réellement. Mais nous avons utilisé un masque à la place, et nous avons également appris à animer un masque Mais comment utilisons-nous aujourd'hui le tiers inférieur de notre contenu sur les réseaux sociaux ? Parce qu'à l'heure actuelle, il se trouve juste au-dessus d' un fichier image et non au-dessus de notre contenu vidéo réel. Comme vous l'avez peut-être deviné, c'est exactement ce que nous allons aborder dans la prochaine leçon 7. Exporter notre animation vers un modèle motion design: OK, nous avons donc appris à créer notre animation du tiers inférieur. Mais l'un des éléments les plus importants fait toujours défaut. Comment intégrer notre animation à nos images réelles afin de pouvoir l'utiliser dans notre contenu sur images réelles afin de pouvoir les réseaux sociaux ? À présent, vous pouvez bien sûr importer vos séquences directement dans After Effects, superposer votre animation directement dans After Effects, tout afficher et terminer. Mais imaginez que vous deviez le faire pour chaque petite animation que vous souhaitez ajouter à votre contenu sur les réseaux sociaux ? Deviennent très vite très encombrants. Maintenant, comme vous l'avez probablement imaginé après cette introduction, il existe en fait une meilleure façon de le faire en utilisant ce que l'on appelle MOG RT , abréviation de motion graphics template MOGRT est essentiellement un modèle d'animation pour Premier Pro, qui vous permet d'utiliser votre animation directement dans Premiere tout en étant en mesure d' ajuster certains paramètres tels que, par exemple, le remplacement de textes, etc. Maintenant, si nous ouvrons Premier et accédons à la fenêtre graphique essentielle directement dans Premiere, vous pouvez voir qu' il existe déjà des MOGRT prédéfinis Maintenant, ces MOD RT sont fournis directement avec Premier Pro, donc ils sont pré-intégrés. Si nous ouvrons l'un d'entre eux, comme le titre moderne, je veux dire, personnellement, je ne dirais pas que c'est moderne, mais super super moche Mais ce n'est que mon avis. La question est de savoir comment notre propre animation dans la fenêtre graphique essentielle de Premier. Pour ce faire, revenons rapidement à After Effects, et dans After Effects également, allons dans Window et ouvrons la fenêtre graphique essentielle. Maintenant, dans cette fenêtre, nous devons d' abord sélectionner une composition que nous voulons exporter au format MOG RT Maintenant, celle que nous allons exporter est, bien entendu, notre composition d'actifs. Et en disant cela, je viens de me rendre compte que nous n'avions pas correctement nommé cette composition. Donc, avant de sélectionner, revenons à notre dossier de compositions. Cliquez avec le bouton droit sur le nom et appelez ce réseau social. Bannière. C'est un bien meilleur nom. Sélectionnez maintenant notre composition de bannière sur les réseaux sociaux et appelez-la MOG RT Exactement la même chose. Nous allons également l'appeler bannière de réseaux sociaux. Il ne nous reste plus qu'à faire glisser toutes les propriétés que nous voulons modifier dans Premier Pro dans cette fenêtre. Maintenant, la partie la plus importante, bien sûr, est le texte. Ainsi, par exemple, si nous voulons que le texte supérieur soit ajustable, nous allons ouvrir les propriétés de notre couche de texte supérieure, puis faire glisser et maintenir notre texte source ici. Cela rend notre texte ajustable ici, mais cela le rendra également ajustable ultérieurement dans Premier Pro. Donc, par exemple, si nous devions changer cela en « Je ne sais pas ». Disons Instagram, il sera automatiquement mis à jour dans notre composition. Mais jusqu'à présent, cela ne fera que rendre le contenu du texte ajustable. Et si vous vouliez modifier, par exemple, la police ou la taille de tout ? Pour ce faire, nous pouvons cliquer sur Modifier les propriétés et autoriser la sélection de police personnalisée, activer le réglage de la taille de police. Et activez les styles. Si nous cliquons maintenant, vous voyez ah, cela ajoute également un sélecteur amusant et toutes ces choses amusantes. Et si nous voulions ajuster encore plus, par exemple, la couleur du texte ? Comme vous pouvez le constater, cela n'est pas possible jusqu'à présent. n'y a aucune option de réglage ici pour changer la couleur du texte, et nous ne pouvons pas non plus maintenir la couleur de remplissage ici et la faire glisser ici Cela ne fonctionne tout simplement pas . Mais nous pouvons rendre cela possible avec une petite astuce. Pour cela, nous allons en fait utiliser l'effet de remplissage. Nous passons donc aux effets et aux préréglages, recherchons l'effet de remplissage, puis maintenons l'effet de remplissage sur Vous pouvez voir que notre texte devient soudainement rouge parce que l'effet de remplissage permet simplement de changer la couleur d'un calque. Remettons-le rapidement au blanc. Ensuite, ouvrez nos effets ici, notre effet de remplissage, puis faites glisser et maintenez notre couleur ici. Maintenant, actuellement, cela s'appelle simplement couleur de remplissage. Lorsque nous l'utiliserons ultérieurement dans Premier Pro, comment pourrions-nous savoir quelle couche il remplira ? En fait, donnons à ces deux propriétés des noms plus précis. Nous allons appeler celui-ci le texte supérieur et celui-ci la couleur du texte supérieur. Nous pouvons même ajuster cela davantage en ajoutant des options de formatage telles que, par exemple, un groupe. Nous pourrions, par exemple, appeler ce groupe le texte du haut du groupe, puis maintenir notre texte du haut ici et aussi Nous avons maintenant un dossier que nous pouvons simplement fermer, qui sera visible exactement de la même manière plus tard dans Premier. Ajoutons quelques propriétés supplémentaires. Bien entendu, nous voulons également que le texte inférieur soit ajustable. Pour ce faire, nous pouvons simplement ouvrir notre pré-composition en double-cliquant ici, puis nous pouvons simplement faire glisser notre texte source depuis celui-ci vers les mêmes graphiques essentiels Nous allons maintenant appeler ce texte du bas, et nous allons ajouter un autre groupe que nous appelons également le texte du bas, déplacer cette propriété ici , puis tout fermer. Nous avons donc tout propre et bien rangé. Bien entendu, nous pourrions également réutiliser l'effet de remplissage pour, par exemple, changer la couleur de la forme ou du texte, mais je ne vais pas le faire maintenant car vous savez déjà comment cela fonctionne, donc si vous voulez le faire vous-même, allez-y. Mais il y a en fait une autre chose que je voulais vous montrer, car que se passerait-il, par exemple, si nous voulions ajuster la taille du rembourrage de notre boîte ? Bien entendu, il n'est pas non plus possible de faire glisser une expression dans notre fenêtre graphique essentielle, car si nous allons ici puis que nous faisons glisser la taille vers le haut ici, cette propriété est contrôlée par une expression. La modification de la propriété elle-même ne changera donc rien car nous remplaçons par une expression Retirons-le donc à nouveau. La seule chose que nous voulons ajuster est notre rembourrage, que nous avons actuellement enregistré dans une variable ici Actuellement, il est défini sur 50 pixels. Maintenant, encore une fois, nous pouvons rendre cela possible grâce à une petite astuce. Encore une fois, nous allons utiliser un effet spécifique, qui est l'effet slider Nous allons simplement glisser-déposer l' effet de curseur sur notre couche de forme, puis nous avons un curseur vers le haut Ce slider ne fait absolument rien pour le moment. Mais on peut le relier à une expression. Nous pourrions le faire en obtenant l'effet spécifique. Ou un petit truc. Je voulais aussi vous montrer si nous allions simplement ici, puis, encore une fois, sélectionnons notre icône en puis, encore une fois, sélectionnons forme de fouet et que nous la plaçons sur le curseur Il écrira automatiquement le code pour sélectionner le curseur. Maintenant, notre variable de remplissage prendra automatiquement la valeur qui se trouve dans notre effet de contrôle du curseur sur le curseur, qui, par exemple, est actuellement nulle, mais si nous la réglons sur 500 pixels, nous avons soudainement un énorme rembourrage la valeur qui se trouve dans notre effet de contrôle du curseur sur le curseur, qui, par exemple, est actuellement nulle, mais si nous la réglons sur 500 pixels, nous avons soudainement un Mais revenons à 50 pixels pour le moment, puis ouvrons nos effets, notre commande du curseur, puis nous pourrons maintenir ce curseur dans ce curseur Renommons-le maintenant pour lui donner un meilleur nom que le contrôle par curseur Appelons ça une boîte. Ajoutez-le et déplacez-le également dans notre groupe de texte inférieur. Probablement en dessous du texte. La dernière chose à faire avant d'exporter notre MOU TRT est de revenir à la composition de notre bannière sur les réseaux sociaux et de rendre notre exemple d'image invisible, car nous ne voulons pas notre image d'exemple se retrouve dans l'animation finale Maintenant, disons que nous sommes satisfaits de tout ce que nous avons ajouté à nos graphismes essentiels. Ce sont les seules valeurs que nous voulons ajuster dans Premier Pro. Si vous souhaitez que d'autres valeurs soient ajustables, vous pouvez bien sûr simplement les ajouter comme vous le souhaitez. Mais disons que nous sommes d'accord avec ce que nous avons en ce moment. Maintenant, pour l'exporter en tant que modèle d' animation graphique, nous allons cliquer sur le bouton Exporter le modèle d' animation graphique. Qui l'aurait cru ? Ensuite, After Et nous indique que le projet doit d'abord être sauvegardé. C'est très bien Just A After Effects ouvrira cette boîte de dialogue sur l'endroit où nous voulons enregistrer notre modèle d'animation graphique. Désormais, les fichiers MOGRT doivent en fait être placés dans un dossier très spécifique afin que Premier puisse les récupérer. Donc, si nous choisissons le dossier des modèles locaux, After Effects placera automatiquement le fichier dans ce dossier spécifique et Premier Pro le récupérera automatiquement. Mais si vous le souhaitez, vous pouvez bien sûr également sélectionner le lecteur local, puis cliquer sur Parcourir pour sélectionner le dossier dans lequel vous souhaitez l'enregistrer. Ensuite, vous pouvez extraire le fichier MODRT de ce dossier et, par exemple, le partager avec des collègues ou d'autres créateurs de contenu ou même le vendre, comme je le fais avec mon pack de texte essentiel Mais pour le moment, nous allons choisir un dossier de modèles local et cliquer sur. D'accord ? Et si nous revenons à Premier Pro dès maintenant et que dans notre fenêtre graphique essentielle, recherchez notre bannière sur les réseaux sociaux. Voici notre bannière sur les réseaux sociaux. Et si nous le glissons maintenant dans notre composition, oui, nous voulons conserver les paramètres existants et tout jouer. Ensuite, il y a notre réseau social L en troisième position, et dans l'onglet d'édition de notre fenêtre graphique essentielle, nous avons même toutes les propriétés que nous avons ajoutées à notre MOGRT Par exemple, si nous voulions modifier le texte du haut, nous pourrions ouvrir ce groupe et modifier à nouveau notre texte, et il s'ajuste automatiquement dans notre animation Et c'est tout. C'est ainsi que vous pouvez facilement exporter vos animations pour les rendre utilisables directement dans Premiere. 8. Conclusion: Félicitations, tout le monde. Vous pouvez désormais vous qualifier d'expert Adobe After Effects. OK, peut-être que Expert est un peu exagéré, mais au moins vous êtes maintenant capable de créer cette magnifique animation des tiers inférieurs Et vous pouvez également appliquer ces connaissances pour créer vous-même des tonnes d'autres animations graphiques. Vous savez également pourquoi il est avantageux de créer vos ressources d'animation avec Adobe Illustrator. Vous savez comment fonctionnent les expressions et vous savez que vous pouvez faire des choses très, très puissantes avec elles Vous avez même appris à créer un MO GRT à partir de votre animation qui peut être utilisé et personnalisé directement dans Premier Pro Donc, s'il y a un point essentiel à retenir de ce cours, c'est que l'animation graphique animée n' est pas aussi difficile qu'un T. Three. Presque toutes les animations ne sont que quelques images clés. Peut-être avec une expression saupoudrée sur le dessus, mais souvent même pas J'ai vraiment hâte de voir toutes les incroyables animations que vous allez tous créer. Une fois que vous les aurez entièrement animés, n'hésitez pas à les télécharger dans l'onglet projets et ressources de la page du cours afin que nous puissions interagir, nous faire part de nos commentaires et éventuellement avoir une discussion sur le vote pour les animations. Oh, et si vous souhaitez obtenir le fichier de projet After Effects que j'ai créé pendant le tournage de ce cours pour vous, je le téléchargerai et le lierai dans la description du projet. Ou si même après ce cours, vous êtes encore trop paresseux pour créer vous-même le Lower 30, j'ai une version complète avec tonnes de personnalisations supplémentaires sous forme de fichier MOG RT prédéfini Disponible soit sur My Patron dans le cadre de mon adhésion, soit dans ma boutique en tant qu'achat unique. Il ne me reste plus qu'à vous dire, merci beaucoup d' avoir suivi ce cours jusqu'à la fin. Si vous êtes intéressé par encore plus, j'adore que vous consultiez mes réseaux sociaux. Alors on se voit là-bas.