Graphiques animés réutilisables pour la vidéo : d'Adobe After Effects à Premiere

1. Bienvenue: Si vous créez un contenu vidéo de quelque nature que ce soit, il est probable que vous ayez dû superposer graphiques ou du texte à vos séquences Cette opération manuelle pour plusieurs versions différentes peut être longue et fastidieuse, surtout si vous devez ajuster l'animation à chaque fois C'est là qu'interviennent les modèles d'animation graphique ou Mgarts. Bienvenue dans les animations graphiques réutilisables par vidéo, d'Adobe After Effects à Premiere. Je suis Mcenfres, et je suis un explicateur. J'écris, j'illustre et j' anime des animations pédagogiques, principalement axées sur des sujets liés à la santé et à l'environnement J'enseigne également le motion design et j'utilise beaucoup de cartes de titre, tiers inférieurs et de pointeurs dans mes cours et mes tutoriels En transformant ces animations graphiques en modèles, je me suis épargné d'innombrables heures de travail. Dans ce cours, je vais vous montrer mon flux de travail exact, de la création d' animations et d'effets secondaires à leur personnalisation dans Premiere Vous allez apprendre à créer une carte de titre qui centre automatiquement le texte, il y ait une ou deux lignes, qu'il y ait une ou deux lignes, et le tiers inférieur ajuste dynamiquement la taille de ses zones de texte en fonction du contenu De plus, j'ai entendu trois exemples dans lesquels vous allez créer un modèle avec des icônes sélectionnables, un pointeur mobile, etc. L'ajout d'animations graphiques personnalisées n'est pas qu'une question d'esthétique. C'est un moyen d'ajouter des informations supplémentaires et de faire ressortir votre contenu. Eh bien, il est facile d' acheter des mbards préfabriqués. La création des vôtres vous permet d'ajouter une touche personnelle ou de les aligner sur votre image de marque. De plus, vous pouvez partager ou vendre vos modèles d'animations graphiques. Il est conçu pour les monteurs vidéo qui souhaitent ajouter des animations graphiques à leurs projets vidéo, même si vous n'avez jamais ouvert After Effects auparavant. Bob explorera des sujets avancés tels que le panneau graphique essentiel et les expressions. Je vais vous guider à chaque étape afin que vous puissiez recréer les exemples Attendez-vous à être mis au défi, mais à être guidé. Donc, si vous êtes prêt à créer vos propres modèles d'animations graphiques personnalisés et à rationaliser votre flux de travail, alors commençons. 2. À quoi s'attendre + projet de cours: Dans ce cours, je vais vous montrer comment animer et configurer un modèle pour cinq animations graphiques différentes à l'aide d'After Effects Je suppose que vous connaissez les bases de Premiere, mais à la fin du cours, je vous montrerai comment utiliser les animations graphiques que nous créons dans un projet vidéo dans Premiere. Pour le projet de classe, publiez une ou plusieurs animations graphiques. Cela peut être exactement comme dans mes exemples, ou vous pouvez utiliser ce que vous apprenez en classe pour créer quelque chose d'unique. Pour la carte de titre et le tiers inférieur, je vais vous montrer comment créer chaque élément de l'animation graphique à partir de zéro dans After Effects. Pour le télécopieur de plantes Bloom Timeie et le pointeur pour pollinisateurs, je vous ai fourni un seul fichier de projet After Effects avec des compositions contenant tous les graphismes dont vous aurez besoin Je vais vous montrer comment les animer , puis les transformer en modèle Nous vous invitons également à créer vos propres graphismes. Si vous souhaitez créer vos graphismes dans Illustrator et les importer dans After Effects pour les animer, j'ai un didacticiel expliquant comment procéder Mais c'est totalement facultatif. Pour les vidéos que j'utilise dans l'exemple de projet de classe, j'ai utilisé des vidéos d'archives de Pexels J'ai inclus des liens vers les vidéos que j'ai utilisées, mais n'hésitez pas à créer vos propres vidéos ou à utiliser d'autres vidéos de stock auxquelles vous avez accès. Vous trouverez tout ce dont vous avez besoin dans la section des ressources du cours. Si vous avez des questions en cours de route, n'hésitez pas à les poster dans l'onglet des discussions. Un avertissement rapide. J'ai essayé d'être aussi précis que possible avec mon thème des fleurs indigènes du Colorado, mais je sais qu'il y a quelques petites inexactitudes. Donc, s'il y a un botaniste qui regarde, veuillez m'excuser. 3. Visite sur After Effects: Dans cette vidéo, je vais vous présenter After Effects au cas où vous ne l'auriez jamais utilisé auparavant ou que vous auriez besoin d'un rappel J'ai ouvert le fichier de projet After Effects que je vous ai fourni et qui contient les graphiques Je vais vous montrer comment les transformer en modèles dans ce cours. Vous pouvez télécharger ce fichier de projet depuis la section des ressources du cours. Comme les autres programmes Adobe, vous pouvez personnaliser votre espace de travail. Si vous accédez à l'espace de travail Windows, vous pouvez voir certains des espaces de travail par défaut Je suis sur l'espace de travail appelé default. Si votre espace de travail ne ressemble pas au mien, vous pouvez le configurer par défaut. Dans le menu de la fenêtre, vous pouvez également voir d'autres panneaux. Nous allons beaucoup utiliser les graphismes essentiels dans ce cours, mais je ne vais pas encore l' ouvrir car cela prend beaucoup de place. Je vais passer au personnage pour ouvrir ce panneau et il l' ancre ici, ce qui est très bien Le panneau des propriétés, qui se trouve ici, est vraiment utile et je vais beaucoup l'utiliser Je vais donc le déplacer vers un endroit plus pratique. Je vais simplement sélectionner l'endroit où se trouve le nom des propriétés, puis je vais simplement le faire glisser ici. Accédez à ces onglets. Je trouve juste que c'est plus facile de travailler avec ça quand c'est ici. Ici se trouve également le panneau de projet, où tout ce que vous importez dans After Effects sera stocké et où toutes vos compositions, qui sont une séquence en avant-première. C'est là qu' ils vont vivre. Dans le dossier de projet que je vous ai fourni, nous avons trois compositions pour les différents graphismes, et je les ai ouvertes toutes les trois dans la chronologie. Pour ouvrir une composition, il suffit double-cliquer dessus dans le panneau du projet. Pour créer une nouvelle composition, vous pouvez cliquer sur ce petit bouton de nouvelle composition en bas de page. Dans les paramètres de composition, vous pouvez nommer votre composition, puis modifier les dimensions, la fréquence d' images, la durée et la couleur d'arrière-plan Voici la nouvelle composition vide, et entraînons-nous à y ajouter des éléments. Si vous montez dans la barre d'outils supérieure, trouverez un outil de forme. Si vous cliquez et maintenez le bouton enfoncé, trouverez d'autres outils de forme ici. Je vais simplement utiliser l'outil rectangle, puis cliquer et faire glisser le pointeur dans votre visionneuse de composition pour faire glisser un rectangle. Vous pouvez créer de nombreux graphismes directement dans After Effects à l' aide des outils de forme. Une fois que vous avez créé une forme, assurez-vous de revenir à l' outil de sélection en allant vers le haut, ou en utilisant le raccourci clavier V. Si vous souhaitez modifier la couleur de votre forme, vous pouvez le faire ici avec le fond et le contour, ou vous pouvez le faire dans le panneau des propriétés, et vous pouvez même le modifier dans la chronologie. Si vous cliquez sur la case de couleur, le sélecteur de couleur s'affichera dans lequel vous pourrez modifier la couleur Si vous souhaitez ajouter un trait, vous pouvez le faire facilement dans le panneau des propriétés J'ai déjà un trait, mais il me suffit d' augmenter la largeur du trait. N'oubliez pas que si votre forme est sélectionnée et que vous ajoutez une autre forme, elle l'ajoutera au même calque. Je vais juste supprimer ce rectangle deux. Si rien n'est sélectionné lors de la création d'une nouvelle forme, celle-ci créera la forme dans sa propre couche. Si vous souhaitez fermer les couches de la chronologie ou voir toutes les images-clés des couches, vous pouvez appuyer sur la touche U du clavier Il existe également un outil stylo , idéal pour dessiner des lignes. Vous pouvez également utiliser l' outil stylo pour dessiner des formes uniques. Si vous cliquez et faites glisser, les poignées apparaîtront pour créer des courbes. Ensuite, avec l'outil de sélection, vous pouvez ajuster ces points sur le tracé ou les courbes. Je vais supprimer toutes ces formes sauf la première. Il est conseillé de toujours étiqueter vos couches. Pour ce faire, vous devez sélectionner la couche et appuyer sur Retour ou Entrée, puis vous pouvez taper le nom. Puis appuyez sur Retour ou Entrée pour enregistrer ce nom. Le dernier outil que vous devez connaître est l'outil de texte. Si vous le saisissez puis que vous cliquez n'importe où dans le visualiseur de composition, vous pouvez commencer à écrire du texte. Pour sortir de l'outil texte, vous devez revenir à l'outil de sélection. Vous pouvez ajuster la police et tous les paramètres de caractères dans le panneau des propriétés ou à l' aide du panneau des caractères. Passons maintenant à la chronologie. Chaque fois que la barre de couches se trouve sur la chronologie, c'est là qu'elle sera visible. Si vous allez au début ou à la fin d'une couche, vous pouvez utiliser ces flèches doubles pour faire glisser la couche vers l'arrière. Désormais, la couche de texte ne sera pas visible tant qu'elle n'arrivera pas ici sur la chronologie. Pour déplacer une couche entière, il suffit de la sélectionner et de la faire glisser le long de la chronologie. Je vais juste supprimer cette couche de texte. Sur cette boîte, remarquez ce réticule. C' est le point d'ancrage. C'est à partir de là que la forme va se transformer. Si vous le faites pivoter, il tournera autour de ce point. Si vous souhaitez centrer le point d'ancrage dans une couche, assurez-vous que la couche est sélectionnée, puis en maintenant la touche Commander enfoncée, double-cliquez sur l'outil panoramique situé derrière. De plus, avec l'outil Pan Behind, vous pouvez déplacer le point d'ancrage où vous le souhaitez sans déplacer la couche. Si vous maintenez la commande enfoncée, elle se mettra en place. Je vais commander à Z d' annuler cela et de le remettre au centre. Revenez ensuite à mon outil de sélection avec V sur le clavier. Ouvrons la couche dans la chronologie, puis ouvrons Transformation Toute propriété qui a une petite icône de chronomètre à côté est quelque chose que vous pouvez animer Animons la position de cette boîte. Pour commencer à configurer les images-clés, vous devez d' abord cliquer sur l'icône du chronomètre Ensuite, je vais déplacer ma tête de lecture, et il existe plusieurs manières de définir l'image-clé suivante Vous pouvez faire glisser le calque dans le visualiseur de composition. Et vous pouvez voir la nouvelle image-clé sur la chronologie. Les images clés indiquent à After Effects où vous voulez que quelque chose se à un moment précis. Ensuite, entre les images-clés, Aftereffect trouve comment passer d' une image-clé à Il s'agit d'une interpolation d' une valeur à l'autre. Je vais à nouveau déplacer ma tête de jeu et vous montrer un autre moyen de créer une nouvelle image-clé C'est en cliquant et en faisant glisser le pointeur sur ces valeurs ici. Ensuite, je vais déplacer à nouveau ma tête de lecture et vous montrer qu'une autre méthode consiste à saisir des valeurs en cliquant puis en saisissant simplement une valeur Nous avons maintenant une animation très simple et vous pouvez la reproduire en appuyant sur la barre d'espace. Vous pouvez également superposer des animations les unes sur les autres afin que je puisse les redimensionner en même temps qu'elles se déplacent. Vous vous entraînerez beaucoup plus à configurer et animer des images clés tout au long du cours, mais ce ne sont que les bases Si vous souhaitez ajuster la valeur d'une image clé, vous pouvez simplement la passer en revue avec votre tête de lecture, puis ajuster cette valeur Si vous souhaitez supprimer une image-clé, assurez-vous simplement qu'elle est sélectionnée, puis cliquez sur Supprimer Si vous souhaitez supprimer toutes les images-clés d'une couche, vous pouvez appuyer sur le chronomètre Je vais passer à composition du pointeur du pollinisateur, puis je vais passer au panneau de projet Vous pouvez importer différents types de fichiers dans After Effects, notamment des fichiers image, des illustrations d'Illustrator, des fichiers vidéo et des fichiers audio. Je vais vous montrer comment faire. Vous pouvez accéder au fichier, importer un fichier ou utiliser le raccourci clavier, savoir Commander Control I. Je vais juste récupérer l'une de mes vidéos de fleurs et appuyer sur Ouvrir. Vous pouvez voir que cela est importé dans le panneau du projet, puis intégrons-le dans une composition. Je vais juste le faire glisser dans la chronologie. Vous pouvez constater que l'ordre des couches dans la chronologie est important, car il vient s'ajouter à tout le reste. Je vais simplement faire glisser cette vidéo vers le bas de la pile de couches pour voir le graphique au-dessus. nous n' allons importer aucune de projet, nous n' allons importer aucune de nos vidéos dans After Effects. Nous allons garder toutes les vidéos en avant-première. Je vous montre simplement que vous pouvez importer des fichiers. Cela peut également être utile si vous concevez vos propres graphismes et que vous souhaitez voir à quoi ils ressemblent avec la vidéo ci-dessous. Si vous concevez vos propres graphismes, il est important de prendre en compte les clips vidéo que vous utiliserez et à quoi ressembleront ces graphiques au-dessus de la vidéo. J'utilise beaucoup de lignes blanches et fines, mais je sais que tous mes clips vidéo ont jolis arrière-plans flous avec des zones ouvertes où je peux placer ces graphiques Sachez qu'il y avait beaucoup d'informations. Mais si vous avez besoin de revenir en arrière et rappeler rapidement comment faire quelque chose dans After Effects ou d'en apprendre un peu plus sur des sujets tels que l'utilisation de calques de formes, j'ai créé une série de vidéos exactement dans ce but. C'est ce qu'on appelle AE Fundamentals, et c'est totalement gratuit. pas à y jeter un œil si vous vous sentez un peu perdu ou vous pouvez toujours vous référer à cette vidéo. Mais ne vous inquiétez pas non plus, car tout au long du cours, j'expliquerai chaque étape pour compléter les exemples. Vous serez beaucoup plus à l' aise avec After Effects en vous entraînant tout au long de ce cours. 4. Créer une carte de Title: abord, nous devons créer une nouvelle composition, vous pouvez donc le faire en cliquant sur ce bouton de nouvelle composition ici. Je vais appeler cette carte de titre, et je vais la faire 1920 x 1080 et m'assurer que vous avez sélectionné des pixels carrés. Pour la fréquence d'images, je vais juste utiliser 30 images par seconde parce que c'est ce que j'utilise normalement pour l' animation et c'est ce avec quoi je suis à l'aise. Mais vous devez vous assurer que vous correspondez à la fréquence d'images de votre vidéo. Ensuite, en passant à la durée, je vais juste la régler sur 6 secondes. Je vais laisser l' arrière-plan en noir car il sera plus facile de voir les éléments avec lesquels je travaille. Mais peu importe de quelle couleur il s'agit car elle n'apparaîtra dans notre projet vidéo final. Mais si vous souhaitez changer de couleur, vous pouvez simplement cliquer dans cette case de couleur ici et vous aurez le sélecteur de couleur Une fois que tous ces paramètres sont corrects, appuyez simplement sur. La première chose que je vais faire est de créer une couleur de fond. Pour ce faire, je vais utiliser l'outil de mise en forme, qui se trouve juste ici. Maintenant, si vous cliquez et maintenez le bouton, il y a en fait plusieurs outils de forme différents ici, alors assurez-vous de sélectionner l'outil rectangle. Ensuite, pour créer une forme en plein écran de la même taille que la composition, il vous suffit de double-cliquer sur l'outil de forme. À partir de là, j'ai toujours l'outil de mise en forme pour ma souris. Je vais me rendre ici pour me procurer l'outil de sélection. Le raccourci clavier est V. La première chose que je souhaite modifier est la couleur de remplissage. Je pourrais le faire ici ou dans le panneau des propriétés. Ça n'a pas d'importance. Je viens de copier un code hexadécimal de mon design où je réfléchissais à ce à quoi je voulais ressembler Mais vous pouvez utiliser le sélecteur de couleur ou simplement coller un code hexadécimal ou ajuster les chiffres ici, vous le souhaitez Ensuite, une fois que vous avez votre couleur, vous pouvez simplement appuyer. Et assurez-vous de ne pas avoir de trait, soit cliquez sur le trait de mot et dites aucun. Vous pouvez faire la même chose ici dans le panneau des propriétés ou simplement vous assurer que la largeur du trait est nulle, ce qui revient essentiellement à la même chose. Nous avons maintenant la couleur d'arrière-plan, mais l'une des choses les plus importantes à faire est étiqueter votre couche afin que vous sachiez de quoi Pour renommer une couche, assurez-vous qu'elle est sélectionnée, puis appuyez sur Retour ou Entrée, puis vous pouvez saisir votre nouveau nom Je vais juste appeler ce BG pour l'arrière-plan , puis appuyer sur Retour ou Entrée pour enregistrer ce nom. Animons maintenant cette couleur d'arrière-plan en entrant et en sortant de l'écran Je vais passer à 1 seconde, et je vais activer/désactiver les propriétés de transformation pour trouver la propriété de position Je vais juste définir une image-clé de position ici en cliquant sur le chronomètre Cela signifie qu'au bout d'une seconde, cette couleur de fond sera juste au centre de mon écran. Ensuite, je vais revenir au début de la chronologie et prendre cette valeur, cliquer dessus et la maintenir pour faire glisser cette couche vers la chronologie et prendre cette valeur, le haut Vous devrez probablement le répéter pour le faire disparaître complètement de l'écran. Vous pouvez simplement le déplacer dans le visualiseur de composition, mais je trouve que c'est parfois facile. À partir de là, la forme va se déplacer vers le bas pour se mettre en place. Mais cette animation est vraiment ennuyeuse. Ces images-clés en forme de losange sont des images-clés linéaires. Cela signifie qu'il se déplace à une vitesse constante tout le temps. Rendons cette animation un peu plus intéressante. Ce que nous devons faire, c'est cliquer et faire glisser le pointeur sur les images-clés pour les sélectionner toutes les deux. Ensuite, vous devez cliquer avec le bouton droit de la souris, accéder à Keyframe Assistant et Easy Es. Vous pouvez également utiliser le raccourci, qui est F neuf. Maintenant, il va commencer lentement, puis avancer un peu plus vite, puis terminer lentement. C'est un peu plus intéressant, mais nous pouvons aller encore plus loin. Si vous sélectionnez à nouveau les entreprises clés , puis que vous accédez à l' éditeur de graphiques, qui se trouve ici. Vous pouvez réellement ajuster ce graphique pour ajuster le mouvement. Ce que nous examinons maintenant, c'est le graphique de vitesse. Il s'agit de cartographier la vitesse au fil du temps. temps est sur l'axe X, vitesse sur l'axe Y. Ensuite, si vous cliquez sur l'un de ces points sur les bords du graphique, vous verrez apparaître les poignées jaunes, lesquelles vous pouvez cliquer et faire glisser pour ajuster la courbe. Maintenant, je maintiens également la touche Shift enfoncée pour ne pas déplacer accidentellement la courbe vers le haut ou vers le bas. Je veux qu'il reste à zéro, qu'il s'arrête et redémarre à une vitesse nulle, comme s'il ralentissait de zéro jusqu'à zéro. De cette façon, nous n'aurons pas d'arrêt brusque et étrange. Je tire juste sur ces poignées pour créer une courbe plus intéressante, qui rendra cette animation plus accrocheuse. Quelque chose comme ça. Je vais maintenant quitter l'éditeur de graphes en cliquant à nouveau sur le bouton de l'éditeur de graphes et animons cette forme. Passons à 5 secondes. Je vais cliquer sur ce bouton d'image-clé ici par position, et cela définira une image-clé pour cette valeur, mais au bout de 5 secondes, mais au bout de 5 secondes, là où se trouve ma tête de lecture Entre ces deux images-clés, rien ne va se passer car ces images-clés ont exactement la même valeur Ensuite, je vais déplacer ma tête de lecture jusqu'à la fin de la chronologie au bout de 6 secondes, et je vais déplacer cette couche. Je vais juste vous montrer une méthode différente de celle que j'ai utilisée au début. Je vais simplement prendre la couche, maintenir la touche Maj enfoncée pour m'assurer que je vais uniquement dans la direction y, puis la faire glisser complètement hors de l'écran. Sélectionnons ces images-clés, entrons dans le graphiteur et ajustons leur mouvement Pour ce qui est de l'animation, modifions-la et faisons en sorte qu'elle se déroule dans le sens inverse. Au lieu d'aller vite puis lentement, je vais le faire plus lentement puis plus vite. Une fois que vous êtes satisfait du mouvement de votre animation, vous pouvez cliquer hors de l'éditeur de graphes. Et maintenant, dupliquons cette couche d'arrière-plan pour accentuer les couleurs. Pour ce faire, assurez-vous simplement que la couche est sélectionnée et appuyez sur Commander Control D pour créer un doublon. Encore une fois, vous pouvez le renommer. Ensuite, je vais passer à la couleur de remplissage, et je vais simplement utiliser une couleur de remplissage plus foncée. Mettons ensuite l'accent en dessous la couche d'origine pour que la couche d'origine soit celle qui apparaît. Faisons ensuite glisser la couche d'origine d' une image vers la droite. Je sélectionne simplement la couche entière et je la déplace sur une image. Vous pouvez maintenant voir qu'au fur et à mesure que cela s'anime, nous avons la couleur d'accent premier, puis l' arrière-plan d'origine par-dessus Je vais le faire encore une fois. Je vais entrer dans la couleur de remplissage et changer cette couleur. Maintenant, sélectionnons l'arrière-plan et le premier accent puis plaçons les deux sur un cadre vers la droite. Voici ce que j'ai jusqu'à présent. En ce qui concerne l'animation, ces images-clés ne seront pas dans le bon ordre, nous ne verrons donc pas vraiment les couleurs accentuées Pour afficher rapidement toutes les images-clés de toutes les couches, je vais simplement m' assurer qu'aucune couche n'est sélectionnée, puis appuyer sur je vais simplement m' assurer qu'aucune vous pour fermer la couche qui affichait des images-clés puis elle vous frappera à nouveau pour faire apparaître toutes les Je dois inverser l' ordre de ces images-clés, afin que cet ensemble d'images-clés soit le premier à apparaître, puis celui-ci, qui est déjà au bon endroit, et ensuite celles-ci. Ensuite, comme ces images-clés sont supprimées de la chronologie, je vais simplement cliquer et faire glisser pour les sélectionner , puis les déplacer pour qu'elles ne tombent pas de la chronologie De cette façon, toutes les formes seront complètement déplacées hors de l'écran. Créons maintenant le texte du titre. Accédez à l' outil de texte, puis cliquez n' importe où dans le visualiseur de composition et commencez à taper. Ensuite, pour sortir de l'outil texte, il suffit de revenir à l'outil de sélection. Si vous devez modifier le style de votre texte, vous pouvez le faire dans le panneau des propriétés ou dans le panneau des caractères. J'utilise une police Adobe. Si vous souhaitez utiliser la même police que moi, vous pouvez accéder à Adobe Fonts pour l'obtenir, et vous pouvez voir tous mes paramètres ici. Une chose à noter est que j'ai ajouté un trait, donc vous n'en avez probablement pas au départ. Il suffit de cliquer sur ce bouton, et j'ai fait deux remarques. Lorsque vous créez un modèle d' animation graphique réutilisable, vous devez envisager d'autres versions. Dans une autre version, j'ai peut-être du texte plus court ici ou du texte plus long, mais je voudrais toujours que le texte soit centré. Pour faciliter un peu ce travail, vous pouvez accéder à la section des paragraphes dans le panneau des propriétés et simplement l'aligner au centre. Utilisons ensuite les outils d'alignement. Si vous ne voyez aucun des panneaux que j'utilise, ils se trouvent tous sous la fenêtre. Ensuite, centrons-le horizontalement et verticalement. Pour animer ce texte, je vais utiliser des animateurs de texte. Mais au lieu de expliquer longuement comment configurer cet animateur de texte, vous expliquer longuement comment configurer cet animateur de texte, je vais simplement vous le donner sous forme de précepte, afin que vous puissiez installer le préréglage puis l' appliquer à votre J'ai un cours complet sur les animateurs de texte et c'est l'un des exemples Si vous voulez apprendre à animer avec des animateurs de texte, consultez cette classe Pour télécharger le préréglage de l'animateur de texte que nous allons utiliser, rendez-vous dans la section des ressources du cours Une fois que vous avez téléchargé ce fichier FFX, vous devez trouver le dossier des préréglages, qui se trouve généralement sous Documents, puis sous Et puis la version d' After Effects que vous utilisez. Ensuite, les préréglages de l'utilisateur. Vous pouvez voir que j'ai déjà un tas de choses ici et j'ai également créé des sous-dossiers pour organiser les choses Vous pouvez faire la même chose si vous le souhaitez ou simplement placer ce fichier FFX dans ce dossier Je vais mettre le mien dans mon dossier de préréglages de texte. Nous pouvons maintenant revenir dans After Effects et accéder au panneau des effets et des préréglages Pour m'assurer que le nouveau préréglage apparaît, je vais aller dans ce menu et choisir Actualiser la liste. Ensuite, ouvrez les préréglages d'animation, les préréglages utilisateur, puis ils devraient se trouver ici ou dans le dossier dans lequel vous l'avez enregistré Je vais déplacer ma tête de lecture au début de cette couche, car lorsque j'applique le préréglage, les s'appliquent en commençant par l' endroit où se images-clés s'appliquent en commençant par l' endroit où se trouve la tête de lecture Pour appliquer le préréglage, je vais simplement le faire glisser sur le calque. Si je vous tape sur le clavier, vous pouvez voir que cela définit certaines images-clés pour animer ce texte. Le dernier élément que je vais ajouter est le texte de fond. Pour ce faire, je vais aller dans l'outil de texte, taper mon texte. Ensuite, je vais passer aux paramètres et faire en sorte que ce soit vraiment grand. Mettons-le en majuscules. Ensuite, je vais également me débarrasser du remplissage et changer le trait. Je souhaite utiliser la couleur d' accent d'arrière-plan pour le trait. Je vais simplement déplacer ma tête de lecture afin de pouvoir utiliser le sélecteur de couleur pour saisir cette Ensuite, une fois que vous avez cliqué sur la couleur, vous devez parfois appuyer sur Retour pour vous débarrasser de ce compte-gouttes Ensuite, je vais déplacer le texte du Colorado derrière le texte du titre. Alors mettons-le simplement en place. Ensuite, je vais dupliquer ce texte en appuyant sur la commande Ctrl D, puis je vais simplement faire glisser le doublon vers le bas. Pour animer le texte d'arrière-plan, je vais faire glisser la couche supérieure par la droite et la couche inférieure par la gauche Je vais passer à 1 seconde sur la chronologie. Sélectionnez ces deux couches et appuyez sur P sur le clavier pour afficher les deux propriétés de position. Ensuite, je vais simplement définir une image-clé en cliquant sur le chronomètre. Ensuite, je vais aller au début de la chronologie, puis je vais simplement faire glisser la couche inférieure vers la gauche. Ensuite, je vais faire glisser la couche supérieure complètement vers la droite. Ensuite, je vais cliquer et faire glisser le pointeur sur ces images-clés pour les sélectionner , puis faire F neuf pour atténuer ces images-clés Ensuite, je peux accéder à l'éditeur de graphiques et ajuster cette courbe de mouvement. Si les deux ensembles d'images-clés de position sont sélectionnés, vous pouvez ajuster les deux graphiques en même temps Je vais simplement cliquer et faire glisser le pointeur sur l'une des extrémités pour saisir les poignées, puis j'ajusterai ce graphique pour qu'il ressemble au graphique des couches d' arrière-plan qui apparaissent. Ça a l'air plutôt bien. Pour quitter l'éditeur de graphes, il suffit de cliquer à nouveau sur ce bouton. Une fois le texte d'arrière-plan animé, j'ai voulu continuer à dériver dans la même direction , puis m' animer plus rapidement Pour ce faire, je vais passer à 5 secondes, puis je vais entrer la valeur x pour la propriété de position et simplement survoler. Ensuite, pour le bas, je ferai plus 300. Alors pour le haut, je vais faire -300. De cette façon, je sais qu'ils transfèrent tous les deux le même montant. Ensuite, au bout de 6 secondes, je vais les animer complètement dans la même direction que celle dans laquelle ils se dirigeaient Voici à quoi cela ressemble. Ce mouvement semble un peu gênant car lorsqu'il atteint ces images-clés, il atteint une vitesse de zéro Il arrête donc de bouger, puis il recommence, ce qui est étrange Ce que je veux faire, c'est en faire un mouvement fluide et continu. Pour ce faire, je vais aller là où il est indiqué position sur les deux couches pour sélectionner toutes les images-clés, puis je vais entrer dans l'éditeur de graphes Nous devons déplacer ce point du graphique qui représente l'image-clé vers le haut afin qu'elle n'atteigne pas complètement zéro Mais vous pouvez voir que lorsque je fais cela, cela divise les valeurs entrantes et sortantes de l'image-clé Au lieu de cela, je vais cliquer et faire glisser pour sélectionner ces deux images-clés, car n'oubliez pas que nous avons deux propriétés différentes ici, puis je vais cliquer avec le bouton droit de la souris et passer à la vélocité des images-clés Je vais continuer, ce qui verrouille le sortant à l'entrant. À partir de là, vous pouvez sélectionner OK, puis simplement sélectionner cette option dans l'éditeur de graphiques. Mais c'est petit, donc ce que je vais faire pour le rendre encore plus facile, c'est simplement de saisir la vitesse et elle va automatiquement la modifier pour l'entrée et la sortie. Essayons 300 pixels par seconde. Alors faisons la même chose ici. Maintenant, rejouons-le. Vous avez peut-être remarqué qu'à peu près ici, le texte ralentit presque jusqu'à s'arrêter. Si vous zoomez sur le graphique en appuyant sur la touche plus, vous pouvez voir que la ligne descend jusqu'à zéro Je vais à nouveau effectuer un zoom arrière , puis sélectionner cette image clé, et faire glisser la poignée vers la gauche. Cela va en fait élever le centre de la courbe ici. Faisons de même pour cette image clé. Je suis juste en train de raccourcir ces poignées. Maintenant, si je zoome, vous pouvez voir que cette courbe n'atteint plus la ligne zéro. Maintenant, si nous rejouons cela, cela devrait paraître beaucoup plus fluide. La dernière chose à faire pour terminer la création cette carte de titre est d'ajuster le moment où les couches apparaissent. La seule couche qui, selon moi, doit être ajustée est vraiment le texte du titre. Il arrive un peu trop tôt. Je vais juste ramener la couche entière à environ 20 images. Je pense que ça a l'air mieux. Voyons ensuite où se trouvent les images clés et examinons l'animation. Je trouve que ça a l'air bien aussi. C'est tout pour la carte de titre. Dans la vidéo suivante, je vais vous montrer comment en faire un modèle. 5. Modèle de carte de title: Transformons cette carte de titre en un modèle d'animation graphique ou un fichier Mogurt réutilisable utilisable dans De cette façon, vous ou le principal éditeur pouvez créer des versions de ce modèle avec différentes couleurs, du texte ou tout ce que vous souhaitez personnaliser. abord, vous devez ouvrir le panneau graphique essentiel. Pour ce faire, le moyen le plus rapide consiste à cliquer avec le bouton droit sur une zone vide la chronologie ou de la visionneuse de composition et à sélectionner des graphiques ouverts et essentiels De cette façon, il ouvrira exactement cette composition dans le panneau graphique essentiel La première chose à faire est que vous devez le nommer. C'est important si vous comptez l'exporter en tant que modèle d'animation graphique à utiliser dans Premiere. Si vous comptez simplement l' utiliser dans After Effects, ce nom n'est pas aussi important. Je vais juste nommer cette carte de titre. Cette miniature est celle que vous verrez dans l'aperçu de Premiere lorsque vous parcourez vos modèles Pour régler cela, déplacez simplement votre tête de lecture là où cela vous semble être un bon cadre. C'est bon, puis il suffit de régler l'heure de l'affiche. L'étape suivante consiste à faire glisser les propriétés que vous souhaitez personnaliser. Si vous souhaitez voir toutes les propriétés prises en charge, vous pouvez choisir les propriétés prises en charge par sol, mais cela vous apportera de nombreuses choses différentes. Fermons simplement cette sauvegarde et je vais vous montrer celles que je vais rendre personnalisables. Tout d'abord, je veux pouvoir modifier ce que dit le texte du titre. Je n'ai pas l'intention de rendre le texte du Colorado personnalisable, car cela ajouterait un peu plus de complexité puisque nous avons animé sa position et un texte plus long rendrait cette position un peu différente. Je pense juste à cette partie du modèle. Pour rendre ce texte de titre blanc personnalisable, je vais l'ouvrir dans la chronologie située sous le texte, pour trouver le texte source, puis le faire glisser Donnons-lui un autre nom. Nous appellerons simplement ce titre le texte. Ensuite, il y a cette option de modification des propriétés ici. Vous pouvez autoriser les utilisateurs qui utilisent votre modèle ou peut-être simplement vous à choisir une police différente, une taille de police différente, taille de police différente, et vous pouvez même autoriser les utilisateurs à et vous pouvez même autoriser les utilisateurs à utiliser différents styles, comme tout en MAJUSCULES ou en gras. C'est à vous de décider si vous souhaitez l'autoriser, mais gardez à l'esprit que si vous activez la police personnalisée ou la taille personnalisée, utilisateurs pourront ajuster les utilisateurs pourront ajuster la taille du texte, ce que vous devrez adapter au modèle. Vous devez vous assurer que si la taille du texte change, il ne soit pas trop beau. Je vais vous montrer comment faire. N'oubliez pas que toutes les propriétés que vous avez dans le panneau graphique essentiel seront les propriétés par défaut Maintenant que le texte est là, si vous deviez le rallonger , disons que nous l'avons ajouté à ce texte. Maintenant, on le coupe sur les bords. Vous pouvez vous adapter à ce genre de choses de différentes manières , mais je vais d'abord vous montrer la méthode la plus simple. Cela va consister à accéder au panneau des propriétés, à trouver la section du paragraphe , puis à appuyer sur le bouton Plus. Ce texte est actuellement appelé texte ponctuel, ce qui signifie simplement que tout le texte sera sur une seule ligne. Vous pouvez également avoir du texte encadré, qui va insérer le texte dans une boîte, ce qui créera de nouvelles lignes lorsqu'il sera coupé sur les côtés. Je vais cliquer sur ce bouton pour convertir le texte en texte de boîte, puis je vais double-cliquer sur le texte pour faire apparaître cette zone, et redimensionnons cette boîte Pour que le texte ne soit pas coupé. Maintenant, je vais devoir le réaligner avec les outils d'alignement, et je vais en fait rendre cette boîte un peu plus étroite Vous pouvez également ajuster le lettrage, qui correspond à l'espace entre les lignes de texte. Je pense que cela semble un peu trop éloigné. Je pense que c'est mieux pour un titre, et réalignons-le encore une fois. Maintenant, je veux m'assurer que le point d'ancrage est au centre. Un moyen rapide de le faire est de sélectionner la couche , puis de double-cliquer sur l'outil Pan behind, qui se trouve ici, tout en maintenant la touche Ctrl ou Commande enfoncée. Cela devrait centrer votre point d'ancrage. Maintenant, si je raccourcis ce texte, il reste aligné horizontalement car son centre est justifié. Mais verticalement, il n'est pas aligné lorsque je n'ai qu' une seule ligne de texte, mais il l'était quand j'en avais deux. Pour résoudre ce problème, je vais utiliser une expression sur le point d'ancrage. fois cette couche sélectionnée, je vais simplement appuyer sur a pour faire apparaître la propriété Anchor Point. Je ne vais pas entrer ici en profondeur sur le fonctionnement de cette expression. J'en parlerai plus tard. Mais pour l'instant, vous pouvez copier et coller cette expression depuis la section des ressources de la classe. Ensuite, pour saisir l'expression, vous devez sélectionner une option ou je clique sur le chronomètre, ce champ d'expressions s'affichera Je l'ai copié et je vais le coller ici. Alors permettez-moi de développer cela pour que vous puissiez le voir. Cette expression utilise une fonction appelée source ret at time. Cette fonction détermine la taille de la couche, et avec ces informations, et avec ces informations, nous pouvons saisir la largeur, découvrir où se trouvent les coordonnées de gauche, ainsi que la hauteur et où se trouvent les coordonnées supérieures. À l'aide de ces informations, nous pouvons déterminer où doit se trouver le point d'ancrage afin que, quelle que soit la taille du rectangle, lorsque la taille change, le point d'ancrage reste toujours au centre de la forme. Ainsi, lorsque nous avons plusieurs lignes de texte, elles resteront toujours alignées verticalement. Maintenant, si nous ajoutons du texte, il reste aligné verticalement. Rendons les couleurs d'arrière-plan et d'accent personnalisables. Je vais donc sélectionner ces couches, accéder à cette barre de recherche ici et rechercher une couleur juste pour faire apparaître la propriété de couleur. Nous voulons la couleur de remplissage Je vais donc intégrer la couleur de remplissage d' arrière-plan dans le panneau graphique essentiel. Nommons simplement ceci, puis nous ferons la même chose pour l'accent et le second accent. Je vais appuyer deux fois sur mon clavier pour fermer toutes les couches. Nous allons maintenant personnaliser les couleurs du texte. Il n'existe aucune propriété de couleur sur le calque de texte, même s'il possède évidemment une couleur. Ce que nous devons faire, c'est ajouter une couleur de texte. abord, je vais ouvrir le texte du titre, puis passer à ce bouton d'animation, cliquer dessus trouver la couleur de remplissage et passer simplement au RGB Cela ajoutera une couleur de remplissage et nous pourrons la reconvertir en blanc. Cela a également ajouté un nouvel animateur de texte Je peux donc simplement nommer cette couleur pour qu'elle soit vraiment organisée Ensuite, pour ajouter une propriété de couleur au trait, il me suffit de cliquer sur ce bouton publicitaire ici et de choisir la couleur du trait et le RGB. Changeons-le en blanc. Je peux maintenant faire glisser ces deux propriétés dans le panneau graphique essentiel et les renommer. Ajoutons maintenant des contrôleurs de couleur pour le texte d'arrière-plan du Colorado. Pour cela, je vais encore une fois aller dans le calque, cliquer sur le bouton Aimer, passer à la couleur du trait RGB. Je veux que cette couleur soit toujours la même que cette couleur d'accent. Je vais ouvrir la couleur de l'accent. Je vais prendre l'icône en forme de spirale, appelée fouet, et la faire glisser sur la couleur de l'accent d' arrière-plan De cette façon, ces propriétés seront toujours liées. Quelle que soit cette couleur, elle sera la même. Je vais annuler ça. Comme j'ai déjà intégré cette couleur dans le panneau graphique essentiel, si je change cette couleur d'accent , la couleur du texte sera également mise à jour. Pour l'appliquer rapidement à l'autre texte du Colorado, me suffit de sélectionner la couleur du trait, copier, puis de la coller sur la deuxième couche du Colorado. Maintenant, juste pour vérifier que tout va bien fonctionner. Je peux changer cette couleur, et ça marche. Si vous le souhaitez, vous pouvez rendre votre modèle un peu plus organisé en ajoutant une mise en forme. Dans le coin inférieur du panneau graphique essentiel, sous Ajouter une mise en forme, vous trouverez une option permettant d'ajouter des commentaires ou des groupes. Je vais créer un groupe, et nommons ce texte. Ensuite, je vais juste le faire glisser jusqu'en haut. Faisons glisser cette couche de texte vers ce groupe. D'une manière ou d'une autre, j'ai perdu le nom que j'avais ici. Ensuite, faisons également glisser les couleurs du texte vers le haut dans ce groupe. Dans Premier, l'utilisateur pourra le réduire pour que tout reste bien organisé et bien rangé. Ajoutons également un groupe pour l'arrière-plan. Ajoutons simplement toutes ces couleurs à ce groupe. Une fois que vous avez défini toutes les propriétés que vous souhaitez personnaliser dans le panneau graphique essentiel et que vous avez effectué le formatage que vous souhaitez, vous êtes prêt à exporter le modèle d'animation graphique. Pour ce faire, il vous suffit de cliquer sur ce bouton ici. Il va d'abord vouloir que vous sauvegardiez le projet. Ensuite, il vous demandera où vous souhaitez enregistrer ce modèle d'animation graphique. Je n'aime pas l'enregistrer à l'emplacement par défaut car ce dossier est très difficile à trouver sur votre ordinateur. Donc, si vous souhaitez partager le modèle avec quelqu'un d'autre, vous devez aller le chercher. Au lieu de cela, sauvegardons-le dans un meilleur endroit. Je vais donc simplement cliquer sur Parcourir ici, et vous pourrez enregistrer ce fichier point mograp n'importe où sur votre ordinateur Je vais juste l'enregistrer dans ce dossier Adobe. C'est ici qu' After Effects enregistre son préréglage, ce qui me semble logique. Mais je vais trouver ici, puis la version actuelle, et ensuite vous pourrez créer des sous-dossiers ici Je l'ai déjà fait, mais je vais en créer un nouveau pour ce cours. Ensuite, je vais simplement enregistrer ce fichier Mogret dans ce dossier Si vous le souhaitez, vous pouvez ajouter des mots clés. Dans Premier, vous pouvez effectuer une recherche dans vos modèles, et si vous saisissez des mots clés ici, ils apparaîtront lorsque vous rechercherez ils apparaîtront lorsque vous rechercherez ces mots clés dans Premiere. Ensuite, il suffit de frapper. Je vais vous montrer comment utiliser cette carte de titre dans Premiere, afin que vous puissiez vous faire une idée de la façon dont l'ensemble du flux de travail se déroule d' Adobe After Effects à Premiere. Mais je n'aborderai pas la première partie des autres exemples avant la fin du cours, sinon cela deviendrait trop répétitif. Je vais vous montrer comment rassembler tous les exemples de modèles d'animation graphique que nous créons dans un projet vidéo et comment assembler le tout à la fin du cours. Dans Premier, je vais créer un nouveau projet. Ensuite, dans Premier, vous devez vous assurer que vous pouvez voir le panneau graphique essentiel. Si vous ne voyez pas ce panneau, vous le trouverez sous la fenêtre. Vous pouvez demander à Premier de rechercher automatiquement modèles d' animations graphiques dans certains dossiers. Pour ce faire, vous devez accéder aux modèles locaux, puis appuyer sur le bouton plus. Ensuite, vous devez accéder à l'endroit où vous avez enregistré vos modèles d'animations graphiques, et je viens de les enregistrer dans ce dossier appelé classe d' animation graphique. Je vais sélectionner ce dossier et appuyer sur Choisir. Maintenant, vous pouvez voir qu'il y a ma carte de titre là-dedans. Si vous ouvrez les modèles locaux, vous pouvez vérifier les emplacements que vous souhaitez voir visibles Je vais maintenant créer une nouvelle séquence pour vous montrer comment utiliser le modèle. Je vais juste passer à une nouvelle séquence. Ensuite, je vais simplement faire glisser ce modèle. Si vous sélectionnez le modèle d'animation graphique dans la chronologie, il devrait ouvrir automatiquement le panneau graphique essentiel du côté édition. Il y a un côté sourcil et un côté édition. À partir de là, vous pouvez entrer et modifier n'importe laquelle des propriétés que nous avons configurées. Vous pouvez même modifier la police et les couleurs. Maintenant, si vous souhaitez ajouter une autre version de la même carte de titre, vous pouvez revenir dans les sourcils faire glisser sur la chronologie Maintenant, celui-ci va avoir à nouveau les paramètres par défaut. Vous pouvez à nouveau les modifier et avoir autant de versions différentes de la même carte de titre que vous le souhaitez. Toutes les animations resteront les mêmes. 6. Créer un tiers inférieur: Pour créer un tiers inférieur, commencez par créer une nouvelle composition. Je vais juste le faire à nouveau de 1920 x 1080, en pixels carrés. 6 secondes, c'est bien, et le fond sera noir. Créons d'abord le texte. Je vais passer à l'outil de texte, et d'abord, montrons nos guides de sécurité relatifs aux actions liées au titre Vous allez le faire en appuyant sur la touche entre guillemets du clavier. Et je vais aligner le texte sur ce guide extérieur. Pour sortir du texte, pensez à revenir dans l'outil de sélection. Je veux que ce texte soit laissé justifié, je vais donc le modifier dans le panneau des propriétés. Alors réduisons également un peu ce chiffre. Ajoutons maintenant le sous-texte. Je vais récupérer le texte à nouveau, puis je vais simplement coller le nom scientifique de cette fleur. Changeons le style. Je vais le remplacer par moyen, et le mettre en majuscules. Réduisons la taille de police. Laissons un peu d'espace entre les lettres . Quelque chose comme ça. Créons maintenant les zones de texte. Pour ce faire, je vais utiliser l'outil rectangle. Il suffit de cliquer sur l'outil , puis de cliquer et faire glisser le pointeur dans le visualiseur de composition pour dessiner un rectangle. Je dois maintenant modifier l'ordre des couches pour qu'il soit en dessous du texte. Renommons la couche en appuyant sur Entrée ou Retour. Ensuite, je vais récupérer mon outil de sélection. Maintenant, au lieu de le remplir, je veux juste qu'il y ait un trait. Vous pouvez le faire ici ou dans le panneau des propriétés. Au lieu de la couleur unie, je ne vais juste rien faire pour le remplissage. Ensuite, pour le trait, je vais utiliser une couleur unie, et je veux qu'elle soit blanche, puis augmentons ce chiffre à cinq points. Ensuite, vous pouvez ajuster le positionnement si nécessaire. Je vais maintenant fermer cette couche et créer la deuxième boîte. Je vais juste prendre l'outil rectangle et faire glisser une autre forme autour de ce texte. Cette fois, je veux qu'il soit plein, mais pas de trait. Faisons en sorte que ce soit blanc. Amenons cette couche en dessous du sous-texte et renommons-la. Ensuite, changeons également la couleur du texte pour qu'il soit noir. Je ne veux pas de trait sur ce texte. Je vais donc l'enlever. Vérifions-le. Je n'ai pas non plus besoin d'un trait sur ce texte, donc je vais l'enlever. Ensuite, je dois récupérer mon outil de sélection. Alignons mieux cette zone avec un texte, et je vais simplement la déplacer avec mes touches fléchées, puis déplacer le texte un peu vers le bas Je n'ai plus vraiment besoin de la zone de sécurité des actions dans le titre, donc je vais juste appuyer sur la touche des guillemets pour m'en débarrasser. Maintenant, animons-le. Je vais commencer par la case du bas. Faisons entrer cette échelle depuis le côté gauche. La première chose que je dois faire est de déplacer mon point d'ancrage vers la gauche, que je fasse l'échelle à partir de la gauche. Pour ce faire, vous devez saisir l'outil Pan Behind, dont le raccourci clavier est y, puis saisir ce point d'ancrage et le déplacer vers la gauche. Si vous maintenez la touche Commande enfoncée, elle se mettra en place. Ensuite, je vais juste appuyer sur V sur le clavier pour revenir à mon outil de sélection. Ensuite, je vais appuyer sur S sur le clavier pour afficher la propriété d'échelle, et je vais l'encadrer au clavier. Je vais ramener ma tête de jeu à 1 seconde puis définir une image-clé pour que l'échelle soit à 100 % Ensuite, je vais revenir à zéro, débloquer les proportions limitées, puis régler l'échelle X à zéro Maintenant, il va être agrandi depuis le côté gauche. Il y a plusieurs choses que nous pouvons faire pour rendre cette animation plus intéressante. Je vais ajouter un couvre-chaussure à cela. À 20 images, je vais porter la valeur de l'échelle à 105 %. Il va s'étendre au-delà son point final , puis revenir. Mais ces images-clés sont linéaires et ennuyeuses. Sélectionnons-les, puis faisons F neuf pour les atténuer facilement Passons dans l'éditeur de graphes et ajustons cette courbe de mouvement. Je vais sélectionner ce point et placer la poignée vers la gauche. Amenez peut-être celui-ci vers la droite. C'est juste un peu plus rapide au milieu. Alors cette partie est destinée au dépassement. Arrêtons-le lentement. Peut-être quelque chose comme ça. Pour le texte du bas, je vais juste le faire animer depuis le bas Je vais passer à nouveau à 1 seconde, et je vais appuyer sur P sur le clavier pour afficher la propriété de position, puis je vais définir une image clé. Passons ensuite à zéro sur la chronologie et faisons-le simplement glisser de manière à ce qu'il soit complètement éloigné de la couche. Ajoutons également un overshot à cette animation. Je vais déplacer ma tête de lecture sur 20 images , puis copier et coller cette dernière image-clé, puis utiliser les touches fléchées pour augmenter légèrement ce texte Maintenant, il va faire un dépassement en entrant dans la boîte. Sélectionnons ces images-clés, ajoutons Easy Ease, puis passons à l'éditeur de graphes Je vais l'ajuster de la même manière que pour l' autre graphique de la boîte. Maintenant, vous remarquerez que là où le diagramme à cases est passé en dessous de zéro, celui-ci passe au-dessus de zéro, et cela est simplement dû au système de coordonnées d'After Effects. Mais n'oubliez pas qu' il s'agit du graphique de vitesse. Vous pouvez simplement regarder à quelle distance le graphique se situe par rapport à zéro pour savoir à quelle vitesse il se déplace. Quelque chose comme ça a l' air plutôt bien, passons au texte du haut. Pour le texte du haut, je vais également le faire déplacer vers le haut et faire ce dépassement À partir d'une seconde, appuyons sur P sur le clavier, définissons un cadre clé de position, puis revenons à zéro et ramenons-le hors de la boîte. Ensuite, je vais passer à 20 images, copier et coller cette dernière image-clé , puis simplement le texte vers le haut Encore une fois, sélectionnons ces images-clés, simplifions-les facilement, puis passons dans l'éditeur de graphiques pour ajuster le graphique Sur le texte du bas, vous ne pouvez pas savoir quand le texte se trouve en dehors de la boîte car il est de la même couleur que l'arrière-plan. Mais si vous cliquez sur ce bouton ici, les zones transparentes s'affichent Vous pouvez donc voir que le texte sera visible en dehors de la boîte. Ce que nous pouvons faire pour résoudre ce problème à la fois pour le texte du haut et du bas, c'est de créer des tapis. Si vous ne voyez pas encore les options mates sur votre chronologie, vous devez cliquer à l'endroit où il est indiqué Toggle Switches, Slash Modes Vous verrez cette option Track My ici. Si vous ne le voyez toujours pas, cliquez sur ces boutons jusqu'à ce que vous le voyiez, ou vous pouvez également cliquer avec le bouton droit ici et trouver les colonnes comme celle-ci Pour ce nom scientifique, il me suffit de prendre le fouet à côté ce tapis de course et de le faire glisser dans la zone de texte inférieure Cela masquera automatiquement la zone de texte inférieure, mais je veux toujours que cette zone soit visible Je vais juste rallumer le globe oculaire. Maintenant, si j'active à nouveau la transparence, vous pouvez voir que lorsque le texte n'est pas à l'intérieur de cette boîte, il n'est pas visible. Je vais finir par faire la même chose pour le texte du haut, mais maintenant, cette case n'a qu'un trait et aucun remplissage, donc le tapis ne fonctionnera pas. Je vais d'abord animer cette boîte , puis je vais vous montrer comment faire fonctionner le tapis Pour animer la zone supérieure, si nous devions animer la propriété d'échelle située sous la transformation D'une part, le point d'ancrage n'est pas au bon endroit, mais vous pouvez également voir qu'il écrase le trait de cette case d'une manière étrange Je vais vous montrer un moyen de l' animer pour éviter cela. Ces propriétés de transformation affectent l'ensemble de la couche. Mais si vous basculez entre le contenu ouvert et le contenu du rectangle, il y aura un autre ensemble de propriétés de transformation, qui n' affecteront que ce rectangle Vous pouvez avoir plusieurs formes dans la même couche de formes, et ces propriétés de transformation sont spécifiques à chaque forme. Mais même si nous animons cette échelle, telle qu'elle est aujourd'hui, elle va tout de même écraser le trait Ce que nous devons faire, c'est prendre ce trait et le faire appliquer une fois les transformations effectuées. Je vais déplacer ce trait vers l'extérieur et en dessous de ces propriétés du rectangle de transformation. Le moyen le plus simple de le faire est simplement de le mettre au sommaire, puis de le placer en dessous. Maintenant, si je modifie cette valeur d'échelle, cela n'affectera pas du tout la largeur du trait. Définissons maintenant les images-clés pour le rectangle de transformation à une valeur d'échelle Mais vous remarquerez que l'échelle s'effectuera à partir du centre, même si le point d'ancrage de la couche se trouve au centre de la composition. Même si nous changeons l'emplacement de ce point d'ancrage, l' échelle sera toujours redimensionnée à partir du centre de cette forme. En effet, il s'agit d'une mise à l'échelle en fonction des propriétés de transformation du rectangle de transformation, et ce point d'ancrage se trouve au centre. Vous pouvez voir si je zoome ici, il y a un très petit point d'ancrage juste au milieu de cette forme. Nous pouvons ajuster ce point d'ancrage pour que l'échelle soit redimensionnée à partir de ce que nous voulons. À l'aide de l'outil Pan Behind, je vais prendre ce point d'ancrage et le faire glisser vers la gauche. Cette zone de texte va maintenant être redimensionnée à partir de la gauche. Mais en fait, changeons un peu cela, afin qu'il ne s'anime pas exactement de la même manière que le cadre inférieur. Je vais cliquer là où il est indiqué, transformer le rectangle 1 puis monter et saisir l'outil panoramique situé derrière, puis je vais prendre ce point d'ancrage et faire glisser vers le haut dans le coin supérieur gauche. Je vais supprimer cette première image clé , puis revenir à dizaine d'images et régler l'échelle y à zéro. Ensuite, à zéro image, je vais régler l'échelle x à zéro. Maintenant, il va s'animer comme une seule ligne. Ensuite, la boîte s'ouvrira de haut en bas. Vous pouvez également y ajouter un overset. Je vais revenir cinq images en arrière et définir la valeur y à 105. Alors peut-être que je vais simplement déplacer la dernière image-clé sur cinq images Quelque chose comme ça. Ensuite, simplifions-nous facilement ces images-clés et modifions-les dans l'éditeur de graphes Peut-être quelque chose comme ça. Ensuite, je vais vous appuyer sur le clavier, déplacer les couches en D et vous appuyer à nouveau, puis vous appuyer une fois de plus pour faire apparaître toutes les couches contenant des images-clés À partir de là, échelonnons ces couches pour qu'elles n' apparaissent pas toutes en même temps Je veux que la case du haut apparaisse en premier, mais que le texte apparaisse un peu plus tard. Je pense qu'il serait logique d'aligner ces images-clés et peut-être même d'aligner cette image-clé Ensuite, pour que ma chronologie soit nette, je vais passer le curseur sur le début de cette couche, puis simplement récupérer ces flèches et les faire glisser vers l'image clé Déplaçons ensuite les couches inférieures vers l'arrière. Peut-être qu'ils vont commencer par là. La dernière chose à faire est de créer le tapis pour ce texte supérieur. Pour ce faire, sélectionnez la zone de texte supérieure, montez pour modifier, puis copiez avec des liens de propriétés relatifs. Appuyez ensuite sur Coller en exécutant Commander Control V, et cela créera une version dupliquée de cette boîte avec toutes les propriétés liées à la boîte d'origine. Renommons-le. Et donnons-lui une couleur de remplissage. Ici, je vais choisir une couleur unie, peu importe de quelle couleur il s'agit. Ensuite, je vais prendre le texte et faire glisser le fouet à côté du tapis de course jusqu'à ce tapis Cela devrait automatiquement masquer cette zone de texte, la version mat. Maintenant, si nous rejouons ce texte, vous pouvez voir que ce texte ne sera visible qu'à l'intérieur de ce tapis. Encore une fois, la raison pour laquelle nous avons dû créer le double tapis pour le cadre supérieur est que le cadre supérieur d'origine ne comporte qu'un trait. Il n'y a pas de remplissage. Celui-ci est rempli. De cette façon, le texte n'est visible qu' à l'intérieur de cette forme remplie. La dernière chose à faire est de l'animer. Je vais passer à 5 secondes, et animons les cases du haut et du bas Je vais juste appuyer sur le clavier pour voir ces images-clés, et animons-les avec les mêmes propriétés d'échelle Je vais simplement sélectionner ces deux boutons pour créer une nouvelle image-clé avec ces valeurs exactes Ensuite, je vais passer à dix images, et je vais simplement copier et coller cette image-clé pour la case du bas. Ensuite, pour la case supérieure, je devrai régler cette image-clé sur 105 pour qu'elle ressorte davantage vers la droite Ensuite, au bout de 6 secondes, je vais juste mettre les deux à zéro dans la valeur x. Il s'animera comme ça. Il y a un peu d'anticipation avec ces premiers cadres clés que j'ai définis. Mais passons dans l'éditeur de graphes et ajustons la courbe de mouvement. Je vais appuyer sur la touche plus pour zoomer , puis glisser vers le haut pour mieux voir ce graphique. Comme ces graphiques sont tous étranges, je vais simplement les sélectionner comme celui-ci pour saisir toutes ces images clés, puis les réappliquer facilement, cela les rendra tous beaux et ensemble afin de pouvoir les ajuster tous en même temps J'ajuste ces deux propriétés d'échelle différentes. Commençons doucement. Et puis animez-vous assez rapidement ici à la fin. Quelque chose comme ça. Ainsi, une fois que vous serez satisfait de vos tiers inférieurs, dans la vidéo suivante, nous pourrons en faire un modèle. 7. Créer un modèle de tiers inférieur: Faisons de ce tiers inférieur un modèle. abord, ouvrons le panneau graphique essentiel et j' aime le faire en cliquant avec le bouton droit sur une zone vide de la chronologie et en choisissant des graphiques ouverts et essentiels. Je vais juste nommer ce tiers inférieur. Alors j'ai déjà ma tête de jeu à un bon moment dans la chronologie pour montrer à quoi cela ressemble Je vais juste appuyer sur l'heure de l'affiche pour générer cette miniature Évidemment, je veux pouvoir modifier le texte dans le troisième modèle inférieur. Je vais ouvrir chaque couche de texte et faire glisser le texte source. Je vais appeler ce texte. Ensuite, pour le nom scientifique, je vais juste nommer ce sous-texte Maintenant, si j'entre et fais semblant d'utiliser ce modèle en tapant un mot différent. Si le mot est plus long, il sera supprimé. Je veux que cette case soit automatiquement redimensionnée pour s'adapter à la taille du mot , puis il en va de même pour le sous-texte Je vais juste annuler ça pour le moment. Je vais vous montrer comment utiliser des expressions pour que les cases soient automatiquement redimensionnées en fonction de la taille du texte Commençons par le texte du haut. Je vais aller dans la case du haut et ouvrir pour trouver la propriété de taille Pour commencer à écrire une expression, il suffit d'opter ou de cliquer sur le chronomètre La première chose que je dois faire est de définir quelques variables. Une variable n'est qu'un nom pour quelque chose que vous utiliserez plus tard. Écrire une variable, c'est juste VAR, puis vous créez votre propre nom. Je vais juste nommer cette couche de texte. J'utilise Camel Case simplement parce que c'est standard pour écrire du code, mais vous n'êtes pas obligé de le faire Il vous suffit de vous assurer de choisir un nom unique. Si vous choisissez quelque chose et qu'il devient jaune ou d'une autre couleur que le blanc, cela signifie que vous avez choisi un mot auquel une tâche de codage a déjà été assignée Vous devez donc choisir autre chose. Ensuite, à partir de là, égale, puis définissons ce qu'est cette couche de texte. Je vais prendre l'icône en forme de fouet, qui est une spirale juste là, et je vais la faire glisser vers le haut de la couche de texte, qui saisira essentiellement l'adresse de cette couche Je n'ai pas besoin de le taper. Ensuite, à la fin de chaque ligne de code, vous devez mettre un demi-point, comme vous mettriez un point à la fin de la phrase Passons ensuite à la ligne suivante juste pour garder les choses propres et organisées, et je vais créer une autre variable. Je vais appeler cela la largeur du texte. Celui-ci sera égal à la couche de texte. J'utilise le nom que j'ai créé dans la première ligne. Point. Maintenant, je vais utiliser une fonction appelée source ret à la fois. Si vous voulez deviner après effet, vous pouvez simplement appuyer sur Entrée. Ensuite, entre parenthèses, je veux juste la valeur par défaut, donc je n'ai rien à y mettre Ensuite, la source ret va à un moment donné saisir différentes informations sur la taille d'une couche. Je veux sa largeur pour pouvoir faire la largeur des points. Puis à nouveau au point-virgule. Alors je vais juste suivre deux lignes. Encore une fois, c'est juste pour des raisons de clarté, et je vais définir les valeurs x et y. Ce qui est vraiment important avec expressions, c'est que vous donniez toujours l'expression le nombre de valeurs qu'elle souhaite à la fin. La propriété size possède deux valeurs différentes, x et y. Nous devons leur attribuer deux valeurs différentes. La façon dont vous définissez une liste de valeurs, appelée tableau, est entre crochets. Je vais juste taper entre crochets , puis pour la valeur x, je veux la largeur du texte Cela va faire en sorte que la zone ait la même taille que le texte, puis je dois définir la valeur y. Vous pouvez le faire de plusieurs manières . Vous pouvez simplement sélectionner whip jusqu'à la valeur y comme ceci et il écrira cette adresse Vous pouvez également créer une variable pour cela, puis la mettre dans la variable, ou une autre façon courte d' écrire cela consiste simplement à écrire une valeur. Cela récupérera la valeur saisie ici, mais je dois spécifier si je veux x ou y. Pour ce faire, je vais mettre un crochet puis le chiffre un. Le numéro zéro est x et le numéro un est y. Cela saisit la valeur y. Maintenant, si je clique dessus, vous pouvez voir que la boîte a été redimensionnée à la taille du texte, mais qu'elle n'est pas tout à fait alignée. En effet, la propriété de taille consiste toujours à dimensionner à partir du centre de la boîte, quel que soit le point d'ancrage de la couche Vous pouvez voir que le point d'ancrage de la couche se trouve ici sur la gauche, et que le point d'ancrage la forme se trouve également ici sur la gauche. Quoi qu'il en soit, si je désactive cette expression pendant une seconde pour vous montrer que la taille de la boîte part du centre, quel que soit le point d'ancrage. Ce que nous devons faire pour contrer fait que je vais simplement réactiver l'expression est de configurer l'expression dans la propriété position qui se trouve ici Il existe d'autres propriétés de position. N'oubliez pas qu'en dessous de la transformation ou en dessous de cette transformation, nous allons définir l'expression de position ici juste en dessous de la propriété size. Pour faire cette option, je vais cliquer sur le chronomètre, puis définir une variable pour x. Ensuite, avec le micro, il suffit de saisir la taille x ici Ensuite, un point-virgule, puis je vais juste mettre des crochets pour définir x et y, donc ce sera x. Et puis souvenez-vous que cette position à zéro, zéro, est au centre de la forme Si je mets simplement x, x est réglé sur la taille x, donc il repoussera la forme sur toute la largeur de la forme. Comme je ne veux pousser la forme que sur la moitié de sa largeur, pour qu'elle change de taille depuis la gauche, je dois saisir x divisé par deux. Alors pour y, je peux juste faire la même chose qu'ici, juste prendre la valeur y, qui est zéro, qui fonctionne. La valeur est entre crochets un. Encore une fois, déplacez la boîte. Maintenant, si je déplace manuellement la case, vous pouvez voir qu'elle s' adapte parfaitement à mon texte, et si je tape du texte plus long, cela fonctionne toujours. Mais cela ne ressemble pas à mon design original. Ce que je dois faire, c'est revenir dans l'expression de la propriété size et ajouter quelques pixels à la largeur du texte pour avoir le rembourrage que j'avais à l'origine Passons simplement à la largeur du texte. Je vais juste ajouter plus, et essayons 150. Encore une fois, je dois remettre cela en place. Essayons alors d'allonger ce mot et de voir si cela fonctionne. Ça a l'air bien. De plus, si nous l'avons raccourcie, cela fonctionne également. Vérifions simplement que l'animation fonctionne. Parfait Maintenant, nous devons appliquer les mêmes expressions à la case inférieure. Pour le faire un peu plus rapidement, vous pouvez copier et coller l'expression. Je vais donc la copier, aller dans la case du bas, trouver la propriété de taille. Ensuite, je vais le coller. Mais cette première ligne définit la couche de texte pour laquelle elle obtient la taille. Au lieu de cette couche, je dois m'assurer que c'est la bonne couche, donc celle-ci ici. Je vais juste le souligner, puis choisir whip pour le réécrire, et maintenant ça a l'air Reprenons ensuite l'expression de position. Et puis collez-le ici. Ensuite, nous devrons le remettre à sa place. Ça a l'air bien, et essayons de le rallonger. Ça a l'air plutôt bien, et voyons si cela fonctionne moins longtemps. Ça a l'air bien. Lorsque j'ai configuré les rectangles à redimensionner, les points d'ancrage de ces couches ont été légèrement décalés vers la gauche. Je vais simplement utiliser l'outil Pan Behind, qui se trouve sur le clavier, pour le remettre en place car le placement du point d'ancrage affecte l'animation à l'échelle que nous avons sur cette boîte. Ensuite, pour le cadre supérieur, souvenez-vous que le point d'ancrage de la couche ne fait pas vraiment de différence, mais celui du rectangle, oui. Prenons juste celui-ci et remettons-le en place. Maintenant, de cette façon, l'animation devrait toujours être la même. Mettons un mot plus court et un mot plus long, essayons-le et assurons-nous que l'animation soit toujours bonne. Cool. Je pense que ça a toujours l'air bien. Je vais simplement annuler parce que n'oubliez pas que le texte que vous avez ici sera la valeur par défaut de votre modèle. La dernière chose que je souhaite faire est simplement d'ajouter les couleurs au panneau graphique essentiel afin qu' elles puissent être personnalisées dans le modèle. Pour afficher rapidement les propriétés des couleurs, je vais simplement taper de la couleur dans la barre S et dans la chronologie. La case du bas a une couleur de remplissage, je vais donc l'apporter. La couleur du tapis n'a pas vraiment importance car le tapis n'apparaît pas. Ensuite, la case du haut, la couleur du trait, c'est ce qui compte, et je vais le nommer. Notez qu'aucune propriété de couleur n'est apparue pour la couche de texte, nous devons donc l'ajouter. Dans le texte du bas, je vais l'ouvrir. Accédez au bouton Animate, choisissez la couleur de remplissage, puis RVB, puis je vais faire glisser cette propriété haut et nommer cette couleur de sous-texte Recolorons-le en noir, puis faisons la même chose sur le texte du haut Animez le fond en couleur RGB. Apportez-ça. Nommez cette couleur de texte, et changez-la en blanc. Je voudrais également organiser cela un peu. Je vais ajouter formatage et ajouter un groupe. Restons en haut de la page et ramenons-le au sommet. Mettons ensuite le texte du haut là-dedans. La couleur du cadre supérieur et la couleur du texte supérieur. Ajoutons ensuite le formatage d'un groupe pour le bas. Ajoutez ensuite le sous-texte, la la case inférieure et la couleur du sous-texte Pour ce tiers inférieur en particulier, je ne vais pas modifier les propriétés pour ensuite activer l'une de ces options, car cela compliquerait un peu la fonction de redimensionnement C'est certainement possible, mais je vais juste garder cela pour un tutoriel plus avancé. Il y a une autre option que vous pouvez configurer. Ce tiers inférieur s'anime , puis il attend un moment à l'écran , puis il s'anime Mais que se passerait-il si nous voulions qu'il reste à l'écran plus ou moins longtemps dans le cadre de notre projet actuel ? Nous ne connaissons pas ce laps de temps pour le moment, mais disons que nous devons le rendre ajustable. Ce que nous pouvons faire, c'est aller au début de la chronologie et d'abord, je vais simplement appuyer sur le clavier pour faire apparaître toutes les images clés afin voir exactement combien de temps prend le démarrage de l'animation. On dirait qu'il se termine en 1 seconde 25 images. Je vais aller au début de la chronologie et utiliser Control Eight pour créer un marqueur ? Vous pouvez également faire glisser des marqueurs à partir d'ici. Ensuite, une fois que vous avez ce marqueur au début de la chronologie, double-cliquez dessus, puis vous souhaitez saisir la durée de cette animation de départ. Cela va prendre 1 seconde et 25 images. Ensuite, sous Responsive Design, heure, vous devez vous assurer de cocher la zone protégée, puis de cliquer sur OK. Cela devrait vous donner cette zone ombrée en bleu sur la chronologie. Ce sera ce que l' on appelle une région protégée, qui signifie que nous pouvons redimensionner la longueur de cette composition, mais cette région ne sera pas affectée, car redimensionnement de la longueur de la composition l' étire ou la rétrécit dans le temps, et cette région ne sera pas affectée par cela et cette région ne sera pas affectée par Le calendrier restera le même. Faisons donc la même chose à la fin de la chronologie. De 5 secondes à 6 secondes, je vais en contrôler huit pour créer ce marqueur, puis pour cela, la durée sera d'une seconde, puis c'est une région protégée et je clique sur OK. J'ai maintenant ces deux zones bleues protégées sur la composition. Je vais juste prendre cette composition et la faire glisser sur le nouveau bouton de composition juste pour vous montrer comment cela fonctionne. Vous pouvez voir ici les zones bleues de la composition. Si je vais à la fin de cette couche, assurez-vous de voir les flèches doubles, puis vous pouvez les faire glisser pour raccourcir cette composition. Si je le rejoue, l'animation du début est toujours la même, et celle de la fin est la même, mais elle reste à l'écran moins longtemps. Vous pourriez faire de même si vous voulez étendre la composition. Nous pourrions faire la même chose, allonger, puis elle restera à l'écran très longtemps avant de s'animer Je vais juste revenir à la composition originale et l' enregistrer en composition originale et l' tant que modèle d'animation graphique. Appuie sur ce bouton. Je dois d'abord enregistrer le projet. Assurez-vous ensuite d'enregistrer ce modèle au même endroit que celui que je vous ai montré dans la vidéo du modèle de carte de titre. Pour moi, ce sera juste là, puis cliqué. Ensuite, dans Premiere, si vous suivez les étapes de la vidéo du modèle de carte de titre, vous devriez voir ce nouveau modèle automatiquement importé si vous l'avez enregistré dans le même dossier. Vous pouvez faire glisser ce tiers inférieur dans la chronologie. Vous pouvez ensuite personnaliser n'importe laquelle de ces propriétés que nous avons configurées. Bien que vous ne puissiez pas voir ces zones bleues, le temps de conception adaptative fonctionne toujours. Vous pouvez l'étirer ou le réduire, et cela actualisera le temps pendant lequel le tiers inférieur reste à l'écran. Il s'anime, reste à l'écran un peu plus court puis s'anime 8. Animer l'indicateur de temps de floraison: Pour cet exemple, en plus du pointeur sur les graisses végétales et les pollinisateurs, je vous ai fourni les graphiques Nous pouvons commencer à les animer immédiatement. Commençons par faire en sorte que le texte forme un cercle. En commençant par le texte relatif à la période de floraison, je vais m' assurer que le texte est sélectionné, puis aller chercher l'outil ellipse, qui se trouve sous l'outil rectangle Cliquez et maintenez le bouton enfoncé pour accéder à ce menu. Assurez-vous ensuite que l'icône de votre souris ressemble à la mienne. Cela signifie qu'il va dessiner un masque. Je vais cliquer et faire glisser le pointeur en maintenant la touche Maj enfoncée pour créer un cercle. Ensuite, je vais revenir à mon outil de sélection habituel et le mettre au bon endroit. Ensuite, dans la chronologie, basculez vers le bas à côté du texte, puis des options de tracé, puis à côté du tracé, choisissez le masque que vous venez Je veux que ce soit de l' autre côté du cercle, donc je vais simplement inverser le chemin, puis vous pouvez utiliser la première marge pour l'aligner où vous le souhaitez. Si votre cercle n'est pas de la bonne taille, vous pouvez toujours double-cliquer dessus pour obtenir ce cadre de délimitation, puis vous pouvez le redimensionner, et vous pouvez également le repositionner Ensuite, faites exactement la même chose pour le texte du bas. Cette fois, vous n' avez pas besoin d'inverser le chemin car il est plus beau à l'intérieur. Ensuite, je vais juste le redimensionner un peu et ajuster le positionnement Animons maintenant ce graphique dans. abord, je vais prendre toutes les couches sauf la forme d' arrière-plan , puis prendre l'un des fouets et le faire glisser sur la forme d' arrière-plan Cela permet d'associer toutes ces couches à la forme d'arrière-plan. Maintenant, quels que soient les ajustements que j' apporterai à la forme de l'arrière-plan, le reste des couches ira de pair. Je vais animer la forme d'arrière-plan à partir de ce coin pointu abord, je dois m'assurer que le point d'ancrage se trouve dans ce coin afin qu'il puisse être redimensionné à partir de ce coin. Vous pouvez voir que le point d'ancrage est au centre en ce moment. Je vais prendre le plateau situé derrière l' outil, puis le faire glisser vers le coin. Si vous maintenez la touche Commande enfoncée, elle se mettra en place. Retournez ensuite à l'outil de sélection avec V sur le clavier. Je vais animer la forme d'arrière-plan en l'agrandissant. Je vais appuyer sur la touche S du clavier pour afficher la propriété d'échelle, puis passer à 1 seconde et régler l'échelle à 100 %, puis revenir à zéro et la définir à 0 %. Ajoutons une petite animation de dépassement. À 20 images, je vais régler ce paramètre à 105 %. De cette façon, il passera de 0 à 105, puis redescendra à 100 pour créer une animation de dépassement Ajoutons facilement à ces images clés en les sélectionnant et en faisant F neuf. Cela semble plutôt bien, mais vous pouvez les sélectionner, accéder à l'éditeur de graphes et personnaliser cette courbe de mouvement pour rendre encore plus intéressante. Voici le graphique de la Suède. Je vais peut-être exagérer un peu plus, pour exagérer un peu plus, que ça aille un peu plus vite Après avoir atteint 105, allons-y un peu plus vite, puis réduisons un peu plus la valeur finale. Peut-être quelque chose comme ça. Pour quitter l'éditeur de graphes, il suffit de cliquer à nouveau sur ce bouton. Animons également le redimensionnement de la fleur. En fait, je peux simplement copier ces images-clés en cliquant et en faisant glisser pour les sélectionner Commande C pour copier, puis je vais passer à l'icône en forme de fleur, aller au début de la chronologie, appuyer sur S sur le clavier, puis appuyer sur la commande V pour coller ces images-clés Étalons également cette animation, donc peut-être que cette couche devrait prendre dix images Nous pourrions également rendre cela un peu plus intéressant en ajoutant un peu de rotation à la fleur. Je vais appuyer sur la touche R du clavier pour afficher la propriété de rotation et pour que les images-clés de l'échelle restent visibles, puis je vais définir une image clé de rotation à zéro Revenons au début, animons cela à moins 30 Ensuite, je vais simplement atténuer facilement ces images-clés. Pour animer ce cercle, je vais utiliser des tracés de découpage, ce qui est un bon moyen d' animer les lignes dessinées Fermons simplement les autres couches, ouvrons la couche circulaire, puis je vais cliquer sur ce bouton Ajouter et choisir des tracés de découpe. OK Alors ouvrons-le. Je vais masquer cette ligne indicatrice de la période de floraison, c'est la ligne la plus foncée qui se trouve en haut, juste pour que je puisse voir exactement ce que je fais avec ce cercle. Passons d'abord à 1 seconde sur la chronologie et fixons la valeur finale à 100 %. Ce sera alors que le cercle sera complètement dessiné. Ensuite, je vais revenir à zéro, et je mettrai la valeur finale à 0 %. Étalons également cette couche de manière à ce qu'elle n' apparaisse qu' ici, 15 images environ heure actuelle, le cercle commence simplement à dessiner par le bas, puis fait tout le tour. Mais je pense qu'il serait plus intéressant le point de départ de la ligne soit également en mouvement. Pour cela, nous pouvons animer la valeur de décalage. Je vais juste déplacer ma tête de jeu juste ici pour voir le début de la ligne Je vais juste faire glisser cette valeur de décalage, et je pense qu'il serait préférable qu'elle commence davantage à 90 degrés et que je définisse une image clé de cette couche à 90 degrés. Puis, lorsqu'elle atteint la fin, supposons que le point de départ de la ligne se soit peut-être déplacé autant. Ensuite, touchez ces images clés et voyez à quoi cela ressemble. Pour animer le texte, je vais utiliser des animateurs de texte. Commençons par le texte Bloom Time. abord, je vais juste le déplacer pour commencer à 15 images. De cette façon, cette forme est principalement agrandie, ce qui me permettra de voir plus facilement ce que je fais Je vais ouvrir la couche, puis cliquer sur le bouton d'animation et choisir la Cela va créer un nouvel animateur de texte contenant une propriété de position Je vais cliquer sur ce bouton publicitaire ici et choisir l'échelle, puis cliquer dessus une fois de plus et choisir l'opacité Je vais animer ces trois propriétés pour animer le texte Si vous utilisez des animateurs de texte. Vous souhaitez définir les propriétés ici , puis les activer et les désactiver à l' aide du sélecteur de plage Encore une fois, j'ai un cours complet sur les animateurs de texte. Si vous souhaitez une explication plus approfondie de l' utilisation des animateurs de texte, jetez un coup d'œil à cette classe Pour cela, je veux que les lettres proviennent de l' intérieur du cercle. En déplaçant la position vers le bas, cela ressemblera à ça. Peut-être 30, puis je veux que l'échelle soit nulle et que l'opacité soit nulle Ensuite, je vais utiliser le sélecteur de plage. Je vais l'ouvrir, et je vais également passer en mode avancé et régler du carré à l'augmentation Et encore une fois, tout cela est expliqué plus en détail dans mon cours d'animateurs de texte Je vais maintenant animer la valeur de décalage. abord, je dois m'assurer qu' aucun de mes textes n'est visible. Je vais donc prendre cette valeur de décalage jusqu' à moins 100 , puis définir une image clé. C'est au début de cette couche. Avançons ensuite d' une seconde, donc jusqu'à 115, puis je porterai cette valeur de décalage jusqu'à 100 %. Vous pouvez voir comment cela anime le texte. Au lieu d'assouplir les images clés, pour assouplir un animateur de texte, vous devez régler le ese en haut et en es low Je vais régler les deux à 50 %. Animons le texte du printemps, de l'été et de l'automne de la même manière Pour gagner du temps, je vais simplement sélectionner l'endroit où il est écrit Animator 1 sur le texte Bloom Time et appuyer sur la commande C pour le copier Nous pouvons fermer cette couche, puis sur la couche printemps-été-automne, je vais appuyer sur la commande V pour la coller. Mais d'abord, je dois m' assurer que mon image-clé se trouve à l'endroit où je veux qu'elle soit collée Ensuite, si j'ouvre cette couche, vous pouvez voir qu'il a ajouté cet animateur avec les images clés Je vais faire glisser cette couche dessus. Commençons peut-être à 1 seconde, juste pour que toutes les choses qui arrivent n'arrivent pas toutes en même temps. Ils sont tous sidérés. Maintenant, au lieu cela vienne de l'extérieur vers l'intérieur, je veux que cela vienne de l'intérieur. Ce que je vais faire pour changer cela, c'est simplement mettre la position sur négative. Ça ne bouge pas tant que ça. Peut-être faisons-en un peu plus, comme moins 40. De plus, au lieu d' animer chaque lettre comme c'est le cas pour le texte de Bloom, s'agit d'un grand nombre de textes Au lieu d'animer chaque lettre, je vais les faire animer mot par mot Pour ce faire, sous le secteur avancé de la gamme, je vais passer des caractères aux mots. Maintenant, il va s'animer en un mot à la fois. Je vais appuyer deux fois sur le clavier pour fermer toutes les images-clés Voici ce que nous avons jusqu'à présent. Animons maintenant ce graphique. Je vais passer à 7 secondes, et voyons les images-clés sur la forme d'arrière-plan, et inversons-les simplement Je vais d'abord les copier, copier-coller. Ensuite, ces trois images-clés étant toujours sélectionnées, je vais cliquer avec le bouton droit sur l'une d'elles, accéder à l'assistant d'images clés, inverser les images-clés en T. Maintenant, cela va jouer l'animation que nous avions au début, juste en sens inverse. Supprimons également toutes les autres couches, simplement parce que je n'aime pas qu'elles deviennent vraiment petites et qu'elles soient difficiles à lire. Ce que je vais faire, c'est simplement sélectionner toutes ces couches, appuyer sur la touche t du clavier pour afficher la propriété d'opacité, puis je peux cliquer sur le chronomètre pour définir toutes les images clés de chaque couche en une seule fois, puis passer sur dix images, puis régler toutes ces valeurs à 0 % Maintenant, il va simplement disparaître au fur et à mesure qu'il diminue. 9. Indicateur de temps de floraison de modèle: Pour le composant personnalisable de ce modèle, je souhaite que cette ligne d' indicateur de période de floraison puisse être personnalisée afin que l'utilisateur puisse indiquer si la fleur fleurit au printemps, en été, en automne ou en combinaison des deux. Configurons cette partie. Tout d'abord, je vais ouvrir graphiques essentiels en cliquant avec le bouton droit de la souris dans une zone vide, puis ouvrir les graphiques essentiels. Nommons-le simplement. Réglons également l'heure de l'affiche. Cette fois, la chronologie semble bonne, donc je vais juste appuyer sur ce bouton. Ouvrons ensuite la ligne indiquant la durée de floraison puis cliquons sur le bouton Ajouter et choisissons des tracés de coupe Maintenant, comme vous l'avez vu sur le cercle situé derrière cette ligne, voici un moyen d'animer les valeurs de début et de fin de la ligne Si j'ajuste les valeurs finales de départ, cela peut indiquer que cette fleur fleurit juste au printemps ou tout ce que nous devons montrer. Si je fais simplement glisser les valeurs de début et de fin dans le panneau graphique essentiel , puis que je les renomme. Ensuite, cela est désormais personnalisable pour l'utilisateur. Mais tout le reste va s'animer, et cette ligne sera juste là Nous avons besoin d'un moyen d' animer cette ligne, mais en utilisant les valeurs que l' utilisateur a définies dans le modèle Pour cela, nous pouvons utiliser une expression. Je vais commencer par les valeurs finales, juste une option ou je clique sur le chronomètre, puis je vais utiliser l'expression de facilité Il s'agit d'une fonction très similaire à la fonction linéaire, si vous la connaissez . Mais en gros, il fait correspondre un ensemble de valeurs à un autre ensemble de valeurs. Cela aura plus de sens lorsque nous y saisirons certaines informations, puis je vous en expliquerai plus. La première chose qu' elle demande dans cette fonction est de savoir ce qui motive cette expression. Dans ce cas, il sera juste temps, puis mettez une virgule après cela Au fil du temps, je vais mapper la valeur finale de zéro à celle définie par l'utilisateur, commençant par une durée minimale jusqu'à une durée maximale. C'est ainsi que nous pouvons le rendre animé. La durée minimale est la prochaine chose que l'expression souhaite. Réglons cela à l' endroit où commence la couche, c'est ce qu'on appelle le point de terminaison de la couche. Pour ce faire, il suffit de mettre un point puis un coma, puis il nous faut le maximum de temps. Si nous voulons que cette animation dure 15 images ou une demi-seconde, vous pouvez simplement saisir un point plus 0,5, puis une virgule, puis la valeur minimale pour la valeur finale, qui sera simplement zéro, puis ce que l'utilisateur définira ici Pour récupérer la valeur définie par l'utilisateur , il suffit de saisir une valeur, puis de cliquer sur l'expression. Je vais cliquer sur cette couche et la faire glisser vers bas jusqu'à 125, puis nous verrons à quoi elle ressemble. La valeur n est animée, mais pas la valeur de départ C'est pourquoi il propose cette petite tongs ici. Copions simplement cette expression , puis cliquez sur le chronomètre et collez-la Cela va fonctionner tel quel. Voyons maintenant ce que nous avons. Les valeurs de départ et n sont maintenant animées selon les valeurs que nous avons définies ici Si je change ces valeurs, vous pouvez voir que l' animation fonctionne toujours. Une chose un peu délicate à propos de ce modèle est que si vous déplacez votre tête de lecture avant le début de l'animation, ces chiffres seront remis à zéro car c'est ce que l'expression lui dit Même si cela fonctionne, ce n'est pas le design le plus convivial, car si vous le transmettez à quelqu'un d'autre, il n'est pas le design le plus convivial, ce n'est pas le design le plus convivial, car si vous le transmettez à quelqu'un d'autre, peut qu'il ne sache pas que vous devez déplacer votre tête de lecture se peut qu'il ne sache pas que vous devez déplacer votre tête de lecture une fois l'animation terminée pour ajuster ces chiffres. Il existe un meilleur moyen de le configurer pour le rendre plus convivial. Faisons-le. Utilisons une couche de contrôleur, qui sera nulle. Pour créer un objet nul, allez dans couche, nouvel objet nul. Si vous n'avez jamais utilisé de valeur nulle auparavant, il s'agit simplement d'une couche invisible que vous pouvez utiliser pour associer d'autres couches ou pour contrôler des éléments. Tout d'abord, nommons-le simplement. Ensuite, nous devons ajouter un contrôle d'expression à cette valeur nulle. Un contrôle d'expression est une propriété que vous pouvez ajouter à une couche qui ne fait rien par elle-même, mais vous pouvez souvent y associer des éléments à l'aide expressions pour contrôler d'autres propriétés. Les contrôles d'expression peuvent être particulièrement utiles pour contrôler plusieurs couches ou propriétés à la fois. Nous utiliserons davantage de contrôleurs d'expression dans les prochaines vidéos. Pour cet exemple, nous devons ajouter un curseur à cette couche nulle Pour ce faire, cliquez dessus avec le bouton droit de la souris, accédez à Effet, aux contrôles d'expression, puis au contrôle du curseur Cela devrait alors ouvrir le panneau de commande des effets. Si vous double-cliquez ici, cela s'ouvrira automatiquement dans la chronologie, ou vous pouvez également simplement basculer vers le bas jusqu'à ce que vous le trouviez Je vais juste sélectionner l'endroit indiqué, faire curseur Contrôler le retour pour le renommer, démarrer la floraison, puis appuyer à nouveau sur Retour Ensuite, dupliquons cela et renommons cette extrémité. Je vais écrire la fin de la floraison, puis je vais juste faire apparaître la chronologie un peu pour que nous puissions tout voir. À partir de là, nous devons entrer dans l'expression. Au lieu de laisser l'expression choisir la valeur définie ici, nous avons dû choisir la valeur définie ici. Je vais juste entrer, double-cliquer là où il est indiqué valeur, puis prendre le fouet et le faire glisser vers haut jusqu'à la valeur de début de floraison Ensuite, nous pouvons cliquer pour sortir de l'expression. Je ferai de même pour la fin. Prenez, prenez cette pioche et faites-la glisser jusqu' à la fin de la floraison. Désormais, dans le panneau graphique essentiel, nous pouvons supprimer les floraisons de début et de fin correspondant à ces valeurs de trajectoire découpe, puis intégrer les nouveaux curseurs Maintenant, je peux définir ces chiffres où que se trouve ma tête de jeu , et ils restent La dernière chose à faire est de décaler le point de départ de cette couche À 1h25, commençons cette De cette façon, nous pourrons voir l'animation et prévisualisons-la. Encore une chose à faire sur ce calque, j'avais ces images-clés d'opacité pour tout animer. Je vais appuyer sur T sur le clavier pour voir ces images-clés d'opacité Je peux voir que les images-clés ont été réglées parce que le chronomètre est activé, mais les images-clés ont été repoussées hors de la couche lorsque j'ai décalé la couche Je vais juste faire glisser ma couche vers l'arrière. Prenez ces images-clés, déplacez-les simplement, ramenez la couche là où je le souhaite Ensuite, appuyons sur T sur une autre couche, afin de pouvoir aligner ces images-clés avec les autres images-clés C'est bon. Maintenant, toute notre animation devrait être terminée et le modèle configuré. Si vous le souhaitez, vous pouvez configurer des contrôleurs de couleur pour les différents éléments de ce modèle et/ou temps de conception adaptative. Si vous ne savez pas comment procéder, vous pouvez revenir au modèle de vidéo des tiers inférieurs. À partir de là, nous pouvons exporter le modèle d' animation graphique et nous assurer de l' enregistrer dans le dossier que nous avons configuré au début du cours. Je ne vais pas expliquer comment utiliser ce modèle dans Premier pour le moment, car cela pourrait devenir répétitif. Je vais plutôt aborder la première partie avec tous les exemples présentés dans la vidéo de montage à la fin du cours. 10. Animer les faits sur les plantes: En commençant par les graphiques que je vous ai fournis, animons ce graphique de télécopie de plantes Tout d'abord, animons la boîte. Je vais utiliser la propriété size pour redimensionner cette boîte, et j'utilise la propriété size car si j'utilise la propriété scale, cela affectera l'épaisseur du trait, ce que je ne veux pas faire. Je vais juste définir un cadre clé à 1 seconde pour que la taille soit de cette taille. Changeons ensuite la taille verticale. Je vais restreindre les proportions et ramener la valeur y à zéro Ensuite, je vais passer au début de la chronologie et mettre x à zéro. Je vais aussi ralentir le processus pour que nous puissions nous concentrer sur la boîte. Il commencera par s'étendre une ligne horizontale, puis s'étendra jusqu'à la boîte à outils. Ajoutons des E simples à ces images-clés. Passons ensuite à l' éditeur de graphiques et exagérons un peu ces graphiques J'appuie simplement sur les poignées pour rendre le graphique plus raide, ce qui le fera ralentir, puis accélérer , puis ralentir façon plus spectaculaire qu'il ne l'était auparavant Quelque chose comme ça a l'air bien. Animons ensuite ces deux lignes avec des tracés de découpage. Je vais juste commencer par le premier. Ouvrez-le, puis cliquez sur le bouton Ajouter et choisissez des tracés de découpe. Je vais passer à dix images et simplement définir les valeurs de début et de fin sur zéro et 100. Je veux que cette ligne soit animée depuis le centre. Je vais régler le début à 50 et la fin en fonction de l'ajustement. De cette façon, il s'animera du milieu vers le haut. Je vais cliquer et faire glisser pour sélectionner ces images clés, ajouter facilement, puis accéder l'éditeur de graphiques et rendre choses un peu plus dramatiques. Ensuite, je vais sélectionner l' endroit où il est écrit « trim paths one ». Commandez C pour le copier, puis passez à la ligne inférieure et assurez-vous que ma tête de lecture se trouve au début de la couche, puis appuyez sur la commande V pour coller Ensuite, si vous appuyez sur U sur le clavier, vous pouvez voir que ces images-clés Trim Path sont collées Maintenant, échelonnons ces couches pour qu'elles n'entrent pas en même temps que la boîte s'ouvre Revenons-en à cela pour peut-être commencer autour de 20 images. Je pense que ça va être beau, puis je vais te demander de fermer toutes ces couches. Ensuite, animons les soleils. Il y en a trois l' un au-dessus de l'autre. Soldons l'un d' entre eux pour nous concentrer là-dessus, puis je ferai la même animation pour tous les autres. Je souhaite animer cette mise à l'échelle, mais si j'utilise simplement la propriété d'échelle normale, cela affectera la pondération du trait Au lieu de cela, je vais activer la couche, puis sous content sun transform sun, je vais animer cette propriété d'échelle, mais si je le fais maintenant, cela affectera toujours la pondération du trait Pour résoudre ce problème, nous devons prendre le trait et le faire appliquer une fois que la propriété d'échelle s'est produite. La méthode la plus simple que je trouve pour cela est simplement de faire glisser le trait vers le haut jusqu'à l'endroit où il est indiqué le contenu, pour le déplacer en dessous des valeurs de transformation. Ainsi, ce trait est appliqué après les transformations. Maintenant, si je définis une image clé d'échelle 100 puis que je reviens à zéro, l'épaisseur du trait n' est pas affectée car le trait est appliqué après la propriété d'échelle, fonction de l'ordre des couches ici. Une autre chose que nous pouvons ajouter pour rendre cela un peu plus intéressant est d' animer la rotation Peu importe que vous animiez cette rotation ou la rotation sur l'ensemble de la couche Je vais juste régler une image-clé pour qu'elle soit à zéro, et faisons-la pivoter vers l' arrière, peut-être de 30 degrés Ensuite, je vais cliquer sur vous pour voir ces deux images-clés, les sélectionner, puis les atténuer facilement Et puis la rotation, laissons les choses à l'aise, mais rendons l'échelle un peu plus spectaculaire au début. Il évoluera donc plus rapidement, puis atteindra lentement sa valeur d'échelle finale de 100 %. Ça a l'air bien. Maintenant, je vais faire la même chose sur les deux autres icônes du soleil. Étalons ces couches de soleil de manière à ce qu'elles n'entrent pas avant de commencer ici à 25 images Animons maintenant les gouttelettes d'eau. Je souhaite animer cette mise à l'échelle, mais je ne veux pas ajuster l'épaisseur du trait Je vais donc faire quelque chose de très similaire aux soleils, ouvrir cette couche, trouver ce trait et le placer dessous des propriétés de transformation, puis animer la valeur d'échelle sous Transform Faisons en sorte que cela prenne environ 15 images, définissons une image clé, puis revenons au début et définissons une image clé pour zéro. Ensuite, je veux aussi que cela soit redimensionné à partir du haut plutôt que du centre. Pour cela, je dois déplacer ce point d'ancrage, c'est celui qui est spécifique à la forme. C'est ce point d'ancrage plus léger ici. Je vais prendre le plateau situé derrière l'outil , puis le déplacer vers le haut. Et maintenant, cela va évoluer à partir de ce point. Au lieu d'assouplir ces valeurs dès maintenant, je vais les enregistrer , téléanimer toutes les autres eaux de la même manière, puis ajuster tous les assouplissements en même temps Je vais donc répéter les mêmes étapes sur les autres gouttelettes d'eau Maintenant, je vais appuyer sur vous et sur le clavier pour voir toutes les images clés sur les gouttelettes d' eau, puis les sélectionner toutes en même temps, les assouplir facilement, puis passer dans l'éditeur de graphiques et rendre choses un peu plus dramatiques au début Il s'adaptera plus rapidement au début , puis atteindra progressivement l' échelle finale de 100 %. Maintenant, échelonnons ces couches. La première eau pourrait peut-être commencer à 20 images. Ensuite, je ferai en sorte que le second apparaisse deux images plus tard, puis le troisième 12 images par la suite. Quelque chose comme ça. Animons l' icône de taille en la redimensionnant, mais encore une fois, sans ajuster l'épaisseur du trait Je vais ouvrir l'icône, puis prendre ce trait et le placer dessous de l'icône de taille de transformation, puis animer la propriété d'échelle Simplifiez facilement les images clés , puis ajustez-les dans l'éditeur de graphiques. Ensuite, échelonnons cette couche pour qu'elle commence peut-être au bout d'une seconde Pour animer le texte , je vais utiliser l' un des préréglages par défaut d'Aftereffects Je vais aborder les effets et les préréglages, et je sais comment cela s'appelle, alors je vais juste les rechercher C'est ce qu'on appelle le scintillement d'opacité. Il se trouvera sous le texte animé en opacité, scintiller, puis assurez-vous de déplacer votre tête de lecture là où vous souhaitez images clés commencent, puis d'appliquer le Je vais déplacer cette couche vers l'arrière, pour qu'elle commence peut-être au bout d'une seconde. Alors voyons à quoi ça ressemble. Je vais appuyer sur le clavier pour voir toutes les images-clés, et je vais supprimer la deuxième série d'images-clés où elle clignote Tout ceci et celui-là. Faisons exactement la même chose pour la taille du texte. Cette fois, je vais l'échelonner, pour qu'il commence peut-être à Maintenant que tout est en cours d'animation, la dernière étape consiste à l'animer vers l' Je vais passer à 9 secondes, et commençons à l' animer. Je vais animer les lignes de la même manière qu'elles l'ont fait à l'intérieur Un moyen simple de le faire consiste simplement à copier-coller les images-clés Si le copier-coller des images-clés sur plusieurs couches ne vous convient pas, vous utilisez probablement une ancienne version d'Aftereffects et vous n'aurez qu'à copier-coller une couche à Ensuite, à partir de là, je dois inverser ces images-clés. fois qu'ils sont tous sélectionnés, je vais cliquer avec le bouton droit de la souris sur l'un d'entre eux. Passez ensuite à Keyframe Assistant T reverse keyframes. Maintenant, cela va s'animer de la manière opposée. Je vais faire en gros la même chose avec cette boîte. Je vais appuyer sur le clavier pour voir les images-clés de cette taille, puis je vais simplement les copier-coller. Cliquez avec le bouton droit de la souris, keyframe assistant pour inverser les images-clés. Maintenant, la boîte va être réduite, puis en ligne, puis redimensionnée . Au lieu de tout animer individuellement, je vais simplement les masquer avec cette boîte. Mais comme cette case n' a qu'un trait et qu'elle n'est pas remplie, je dois la dupliquer. Commande D. Renommons ce mont. Ensuite, je vais ouvrir cette couche. Il y a déjà un formulaire à remplir ici, et je vais juste vous en informer Si vous n'avez pas encore de remplissage, vous pouvez toujours l'ajouter en cliquant sur le bouton Ajouter et en choisissant Remplir. Je vais te frapper pour fermer toutes les couches. Ensuite, je vais appuyer sur Toggle Switches en mode barre oblique pour voir les options Track Mt, et je vais sélectionner toutes les couches sauf la boîte et les lignes, et je vais créer le tapis de piste, cette case Maintenant que cette boîte s'anime, toutes les autres couches seront masquées lorsqu'elles ne seront plus à l'intérieur de la boîte. Une chose un peu pointilleuse que je n'aime pas, c'est la façon dont cette boîte se ferme et il y a un cadre où les lignes se trouvent à l'extérieur de la boîte Je vais entrer dans ces deux lignes , puis déplacer cette image clé, une image vers la gauche. Dans la vidéo suivante, nous allons en faire un modèle. 11. Faits relatifs aux modèles de plantes: Pour ce modèle, je veux que l'utilisateur puisse décider si la plante a besoin du plein soleil, mi-ombre ou de l'ombre complète. Cela devrait mettre à jour l' icône et le texte. Je veux également que l' utilisateur puisse déterminer la quantité d' eau dont la plante a besoin, qu'il s'agisse d'une, d'une gouttelette, de deux gouttelettes ou de trois gouttelettes Ensuite, je vais également les laisser mettre à jour ce texte en fonction de la taille de la plante. Créons d'abord un contrôleur pour contenir certains des contrôles d'expression dont nous aurons besoin. Je vais passer à layer, new, null object, et renommons simplement ce contrôleur Ensuite, je vais cliquer avec le bouton droit sur le contrôleur, accéder aux effets, contrôles d'expression, puis au contrôle du menu déroulant. Je vais l'utiliser pour l'icône du soleil et le texte. Renommons-le Sun. Ensuite, pour mettre à jour les différents éléments de la liste, je vais appuyer sur Modifier, puis vous pouvez double-cliquer sur ces éléments pour les renommer. Si vous devez ajouter ou supprimer des options, utilisez ces boutons plus et moins ici Ensuite, une fois que vous avez les options dont vous avez besoin, appuyez sur. Je vais écrire une expression sur l'opacité des icônes du soleil afin de les activer ou de les désactiver en fonction de ce qui est sélectionné dans ce menu déroulant. Avant cela, je vais appuyer sur l'icône du cadenas pour que cela reste en place, même lorsque je clique loin de la manette. Ensuite, je vais trouver la propriété d'opacité sur la première icône et appuyer Option ou sur tout pour commencer à écrire l'expression Configurons ensuite une variable pour ce menu déroulant. Je vais simplement appeler cette sélection. Choisissez ensuite Whip up pour accéder à ce menu. Puis un point-virgule, puis nous allons utiliser une instruction FL pour déterminer ce qui est sélectionné Je vais le faire, puis entre parenthèses, la sélection. En utilisant cette variable que je viens de créer. Ensuite, nous avons besoin de deux signes égaux pour vérifier s' ils sont égaux aux éléments de ce menu. L'article numéro un sera le numéro un. Tapez-en un ici, puis, en dehors des parenthèses, créez un crochet. Ensuite, à l'intérieur des crochets, nous voulons définir l'opacité si la sélection en est une Si la sélection est en plein soleil sur cette icône en plein soleil, je veux que l'opacité soit de 100 % Je vais juste taper 100 puis un point-virgule. Ensuite, après le deuxième crochet, nous devons définir ce qui se passe si ce n'est pas le cas. Écrivez d'abord, puis une autre série de crochets. Ensuite, entre crochets, nous devons mettre l' opacité si la sélection n'est pas un, donc elle sera nulle Cette couche ne sera pas visible. Vérifiez ensuite que vous avez trouvé l'autre crochet , puis vous pouvez cliquer pour sortir de l'expression. Je vais juste semer cette couche afin que nous puissions tester si cela fonctionne. heure actuelle, le menu est réglé en plein soleil, donc c'est visible. Si je le remplace par une teinte partielle, l'opacité est nulle, donc cette couche disparaît. Il ne me reste plus qu'à le répéter sur les autres icônes du soleil. Tout d'abord, je vais simplement copier cette expression. Recherchez la propriété d'opacité sur la deuxième icône, puis collez l'expression Mais au lieu que la sélection soit égale à un, je veux qu'elle soit égale à deux. Alors pareil sur celui-ci. Mais cette fois, la sélection doit être égale à trois. Voyons maintenant si ce menu fonctionne. En ce moment, plein soleil, maintenant mi-ombre et ombre complète. Ensuite, mettons automatiquement ce texte à jour en fonction la sélection du menu déroulant. Je vais aller dans la couche de texte, trouver le texte source et écrire une expression. abord, nous devons définir une variable pour la sélection, puis sélectionner whip up pour accéder au menu Puis point-virgule, nous pouvons à nouveau utiliser une instruction IL. Nous aurons juste besoin d'un supplément, si et sinon. Ce sera la sélection si et ensuite entre parenthèses . Égal égal. La sélection est égale au numéro un. Ensuite, entre crochets, nous devons définir le texte source. Pour ce faire, ce sera du texte source, puis égal, puis entre guillemets, nous pourrons écrire ce que nous voulons que ce texte dise. Il va faire plein soleil. Ensuite, pour accéder à une nouvelle ligne, vous devez faire une barre oblique inverse Assurez-vous que c'est la ligne arrière, n, qui passe à une nouvelle ligne, puis nous pourrons faire plus de six heures Ensuite, après les guillemets, vous avez besoin d'un point-virgule. Ensuite, après le bracket, je vais faire autre chose. Je suis en train de définir une autre situation. Ce sera entre parenthèses, sélection égale à deux Si la sélection est égale à deux, c'est-à-dire partiellement ombrée, nous devons définir ce que nous voulons que le texte dise entre crochets. Le texte source du texte est égal à, puis partiellement ombré , puis barre oblique inverse quatre et six heures. Puis point-virgule Ensuite, après ce crochet, je vais faire autre chose. Comme la sélection ne comporte que trois options, nous avons déjà défini ce qui va se passer si c'est une ou deux. Pour celui-ci, nous pouvons simplement ne rien mettre et supposer que ce sera la troisième option. Je vais faire des crochets, puis ce sera du texte source, égal à des guillemets, à une ombre complète, barre oblique inverse et en moins de 4 heures Puis un point-virgule , puis assurez-vous que le dernier crochet est là, puis cliquez dessus Maintenant, si je modifie la sélection du menu, le texte devrait également être mis à jour. Il semble que j'ai raté le tiret, alors permettez-moi de revenir en arrière et de l'ajouter. Travaillons sur les gouttelettes d'eau. Si la plante n'a pas besoin de beaucoup d'eau, je veux juste que l'une des gouttelettes soit complètement opacée et les deux autres partiellement opacités Ensuite, s'il a besoin d'un peu plus d'eau, les deux seront complètement opaques, et le troisième sera simplement plus clair, etc. Pour ce faire, je vais d'abord cliquer avec le bouton droit sur le contrôleur, accéder aux commandes d'expression des effets et saisir un curseur Appelons cette eau. Je vais cliquer avec le bouton droit de la souris là où il est écrit zéro et choisir Modifier la valeur. Par défaut, les curseurs vont de 0 à 100, mais je ne veux que zéro à trois Je vais le remplacer par trois, puis appuyer sur. Cela facilitera simplement l'utilisation du curseur. Nous n'avons pas besoin de modifier l'opacité de la première gouttelette d'eau car je n' ai aucune plante qui n' a pas besoin d' Ensuite, il suffit d'entrer dans les deuxième et troisième gouttelettes d'eau Appuyez sur T sur le clavier , puis commencez à écrire une expression. Nous avons d'abord besoin d'une variable pour ce curseur. Ensuite, je vais sélectionner le fouet vers le curseur, puis le point-virgule, puis nous pouvons I puis, entre parenthèses, l'eau est supérieure ou égale à deux Ensuite, je veux que l'opacité de la deuxième gouttelette d'eau soit de 100 % . Et puis d'autre. Cela signifierait que le curseur aquatique est inférieur à deux. Je veux que ce soit une opacité de 20 %. De cette façon, il est toujours visible, mais pas avec une opacité totale Voici à quoi ressemble l'expression complète. Copions-le et collons-le sur la troisième gouttelette d'eau. Mais cette fois, je veux savoir si l'eau est supérieure ou égale à trois. Maintenant, si vous réglez le briquet, il passe à la décimale près, mais dès que vous dépassez deux, mais moins de trois, vous avez deux gouttelettes d' eau, et lorsque vous atteignez trois ou plus, l'opacité sera totale Vous pouvez également simplement taper des chiffres ici, ce qui pourrait vous faciliter la tâche. Ouvrons maintenant le panneau graphique essentiel. Nous allons lui donner un nom. Réglons l'heure de l'affiche. Ensuite, je dois apporter ces manettes. Je vais double-cliquer pour les ouvrir dans la chronologie afin de pouvoir les faire glisser dans le panneau graphique essentiel. Ensuite, pour cette taille de texte, je vais simplement trouver la propriété du texte source et la faire glisser. Si vous le souhaitez, vous pouvez configurer des contrôleurs de couleur pour les différents éléments de ce modèle et/ou temps de conception adaptative. Si vous ne savez pas comment procéder, vous pouvez revenir au modèle de vidéo des tiers inférieurs. La dernière chose à faire est d'exporter le modèle d'animation graphique et de l'enregistrer dans le dossier que nous avons configuré au début du cours. Je vais expliquer comment utiliser ce modèle dans Premier dans la vidéo de montage à la fin du cours. 12. Animer le pointeur de pollinisateur: En commençant par cette composition que je vous ai fournie, animons d'abord le tout Ensuite, nous en ferons un modèle personnalisable dans lequel l'utilisateur pourra ajuster le texte et sélectionner l'une de ces trois icônes différentes pour les B, les papillons ou les papillons de nuit Et l'utilisateur pourra également déplacer la position de ce point pour mettre à jour l'apparence du pointeur. Commençons par animer le point. Je vais appuyer sur S sur le clavier pour afficher la propriété scale. Je vais passer à 15 images, régler l'échelle à 100 %, puis, au début de la chronologie, ramener à zéro. Animons également le cercle en l'agrandissant. Mais si nous utilisons la propriété scale, cela modifiera en fait la taille du poids du trait, ce que je ne veux pas faire. Au lieu de cela, je vais ouvrir la couche, trouver le contenu, encercler , puis ellipser le premier chemin, puis animer la propriété de De cette façon, vous pouvez le dimensionner à la taille que vous souhaitez, mais le poids du trait restera toujours le même. Je vais passer à 17 images car cette couche commence à deux images et durera 15 images, comme le point, comme le point, et je vais simplement animer la propriété de taille pour qu'elle soit cette valeur, puis zéro au début de la couche Ensuite, je vous appuierai sur le clavier pour simplement afficher ces images-clés Sélectionnons-les en appuyant sur F neuf pour les simplifier facilement, puis passons dans l'éditeur de graphiques et rendons ces courbes de mouvement un peu plus intéressantes. Je veux que cette animation soit plus rapide au début, puis plus lente vers la fin. Pour ce faire, je vais cliquer et faire glisser le pointeur sur ces poignées ici , puis les faire glisser en maintenant la touche Maj vers la gauche. Ce sera une courbe plus abrupte. Ça a l'air plutôt bien. Animons maintenant cette ligne. Il y a deux segments de cette ligne, cette partie, puis la partie horizontale. La raison pour laquelle ces deux lignes sont séparées est que la ligne horizontale devra être mise à jour en fonction de la taille du texte. Pour la connexion par ligne, je vais ouvrir la couche, cliquer sur le bouton Ajouter et choisir tracés de découpe. Alors ouvrons-le. Je vais définir la valeur finale à 100 % à 20 images. Ensuite, au début de la couche, je vais le remettre à zéro. Maintenant, cette partie va s'animer. Simplifiez facilement ces images-clés, passez dans l'éditeur de graphes et créons un graphique similaire à celui que nous avons fait sur le point Quelque chose comme ça. Je vais animer la ligne horizontale de la même manière ce faire, un raccourci consiste simplement à copier les passes de découpage à partir de cette ligne, puis à les coller sur cette ligne. Ensuite, je vais l' ouvrir et ajuster les images clés. Commençons au début de cette couche dans les 20 dernières images. Voici ce que nous avons jusqu'à présent. Animons le texte avec des animateurs de texte. Pour le texte qui attire, je vais utiliser un préréglage qui est celui d'After Effects par défaut . Je vais aller dans le panneau des effets et des préréglages. Ouvrez les préréglages d'animation, accédez aux préréglages, puis au texte, puis à l'animation, et je recherche un scintillement d' Assurez-vous que votre tête de lecture se trouve endroit où vous souhaitez coller les images-clés, puis vous pouvez simplement faire glisser ou double-cliquer sur cet effet pour l'appliquer Je vais vous appuyer sur le clavier pour afficher ces images-clés, et voyons à quoi cela ressemble J'aime la façon dont cela s'anime puis scintille, mais je ne pense pas avoir besoin de cette partie ici mais je ne pense pas avoir besoin de cette partie ici. C'est un peu trop. Je vais simplement cliquer et faire glisser le pointeur sur toutes ces images clés et les supprimer. Ça a l'air bien et je peux juste fermer cette couche. Ensuite, pour le nom du pollinisateur, je vais ouvrir la couche, cliquer sur le bouton animer et choisir la Ensuite, je vais ajuster la position y pour que la couche soit en dessous de cette ligne. Ensuite, je vais l'animer avec le sélecteur de plage. Mais d'abord, je vais passer au niveau avancé, et pour la forme, je vais choisir Ramp Up. Ensuite, je vais animer la valeur de décalage. En commençant par le début de la chronologie, je vais faire glisser cette valeur de décalage jusqu'à moins 100. Ainsi, tout le texte se trouvera en dessous de la ligne. Ensuite, je vais saisir le décalage de moins 100, puis 20 images plus tard à 100 Maintenant, chaque lettre apparaîtra dans une cascade. Au lieu d'assouplir ces images-clés , comme il s'agit d'un animateur de texte, je vais régler la facilité en haut et en bas, et je vais régler chacune d'entre elles à Encore une fois, si vous voulez plus de détails sur le fonctionnement des animateurs de texte, tout cela est abordé dans mon cours d'animateurs de texte Une autre chose à faire pour ce texte est de créer un tapis afin que le texte ne soit pas visible lorsqu'il se trouve en dessous de la ligne. Pour ce faire, je vais prendre l'outil de forme, l'outil de rectangle, puis je vais cliquer et faire glisser pour créer un rectangle. Et nommons-le. Ensuite, je vais cliquer sur Activer le mode barre oblique des commutateurs pour voir les options du tapis de piste Si le fait de cliquer sur les commutateurs et les modes ne vous le montre pas, activez ces icônes jusqu'à ce que vous le voyiez Ensuite, je vais prendre le fouet à côté de la carte de suivi pour le texte du pollinisateur et le faire glisser vers le haut sur cette Désormais, le texte ne sera visible que dans cette zone. Plus tard, nous devrons y revenir pour nous assurer qu' il est correctement redimensionné en fonction de la taille du texte Mais pour l'instant, travaillons simplement sur l'animation. Animons maintenant les icônes B, papillon et papillon de nuit. Ne vous inquiétez pas du fait que ces trois icônes se chevauchent en ce moment Dans le modèle, nous allons faire en sorte que l'utilisateur puisse sélectionner l'un d'entre eux. Vous n'en verrez qu'un à la fois. Je vais faire en sorte que cette animation prenne environ 15 images, ici, puis je vais sélectionner ces trois couches, appuyer sur P sur le clavier pour afficher la propriété de ces trois couches, appuyer sur P sur le clavier pour afficher la position et cliquer sur l'un des chronomètres pour régler les trois images clés en même temps, puis je vais aller au début de la chronologie et les faire glisser toutes vers bas pour qu'elles soient en dessous du ligne. Je ne veux pas que ces icônes soient visibles lorsqu'elles ne sont pas au-dessus de la ligne. Je vais passer en mode barre oblique pour trouver les options de contraste, puis faire glisser l'un des fouets vers le texte mat. De cette façon, ils ne seront pas visibles en dessous Sélectionnons également ces images-clés, modifions-les facilement, puis passons dans l'éditeur de graphes et ajustons ce graphique de la même manière que nous avons animé le graphique dans le cercle Quelque chose comme ça. Vous avez peut-être remarqué que sur cette couche de texte, le préréglage que nous avons appliqué comportait des images-clés bloquant la propriété d'opacité Cela lui donne juste un petit scintillement, j'aime son apparence, et je pense que cela pourrait être un petit thème à appliquer à d'autres couches Ces images-clés sont appelées images-clés de maintien et sont de forme carrée Ce qu'ils font, c'est simplement sauter d' une valeur à une autre sans interpolation entre les deux Dans ce cas, il s'agit simplement d'activer et d' éteindre la couche. Je vais sélectionner ces images-clés, commander C pour les copier. Ensuite, sur le point, voyons où se trouvent les images clés et également sur le cercle. Une fois le point animé, je vais coller ces images-clés d' opacité Et puis pareil pour le cercle. Cela va donner un petit scintillement à ces deux couches un petit scintillement Maintenant, animons le tout. Je vais déplacer ma tête de lecture à environ 4 h 20, puis je vais sélectionner .in the circle et appuyer sur le clavier pour afficher ces Je vais les animer dans le sens inverse de la façon dont ils sont apparus Je vais simplement définir une taille et une propriété d'échelle, puis aller à la fin des couches et les ramener à zéro. Et échelonnons-les manière à ce qu'ils se terminent à la fin de la couche Ensuite, juste avant qu'ils ne s'animent, retrouvons l'opacité, recommençons le scintillement. Je vais copier-coller ces images-clés. Quelque chose comme ça. Animons également les lignes de la même manière qu'elles sont entrées Je vais montrer ces images-clés, puis je vais définir une autre image-clé pour qu'elle soit à 100 %, puis à la fin de la couche, je vais la remettre à zéro Et puis il en va de même pour la connexion par ligne, 100 % jusqu'à zéro. Pour ces icônes, animons-les de nouveau vers le bas. Je vais juste te taper sur le clavier, puis passons à environ quatre ou cinq. Je vais appuyer sur ce bouton d' image-clé pour définir une image-clé à la valeur exacte ici Ensuite, je vais aller à la fin de la couche, puis je copie ces premières images-clés et les colle à la fin de la couche Si vous utilisez une ancienne version d'After Effects et que le copier-coller permet de dupliquer les couches, il vous suffit de copier ces images-clés une par une Je vais juste te taper sur le clavier pour tout fermer et animer le texte. Je vais sélectionner le texte du nom du pollinisateur et appuyer sur le clavier Passons ensuite à environ quatre ou cinq et animons cela dans le sens inverse Je veux m'assurer que le texte s' anime avant la ligne Je pense que je dois juste faire en sorte que cela se produise un peu plus rapidement. Cela changera lorsque nous adapterons la ligne à la taille du texte. Mais pour le moment, ça va être une bonne chose. Ensuite, pour ce texte supérieur, je vais ouvrir le sélecteur de plage et animer la En commençant par là, fixons la valeur finale à 100 %, puis passons à zéro. Ajoutons également un petit scintillement avant que cela ne se produise. Je vais simplement copier-coller ces images clés. Peut-être les faire glisser un peu dessus. Donc quelque chose comme ça. Maintenant que cette animation est intégrée et sortante, transformons-en un modèle personnalisable dans la vidéo suivante 13. Modèle de pointeur de pollinisateur: La première chose à faire pour en faire un modèle est de créer un contrôleur. Je vais passer à la couche, nouvel objet nul. Et renommons ce contrôleur. Je veux que l'utilisateur de ce modèle puisse choisir entre le papillon B et le papillon de nuit. Mettons-le en place. Je vais sélectionner le contrôleur , puis cliquer avec le bouton droit de la souris et choisir Effect Expression Controls, puis sélectionner le contrôle du menu déroulant. Dans le panneau Contrôles des effets, vous pouvez voir que ce menu déroulant est ajouté dans lequel vous pouvez sélectionner différents éléments dans la liste. Nous finirons par intégrer cela dans graphismes essentiels, mais pour l'instant, configurons-le pour montrer le papillon et le papillon B en fonction de la sélection Je vais appuyer sur le bouton d'édition. Vous pouvez simplement double-cliquer sur ces éléments pour les renommer en fonction de vos couches Si vous devez ajouter de nouvelles couches, il vous suffit de cliquer sur le bouton Ajouter ou sur le bouton moins pour supprimer des couches. Ensuite, une fois que vous avez configuré cette configuration, appuyez sur. Maintenant, dans ce menu déroulant, vous avez vos options personnalisables. Nous devons connecter ces options à ces couches. Pour ce faire, je vais simplement utiliser la propriété d'opacité pour activer ou désactiver l'opacité en fonction de la sélection que l' utilisateur a faite ici Dans le panneau des commandes d'effets, je vais cliquer sur ce bouton de verrouillage juste ici, qui permettra au contrôleur de rester visible même si je clique sur une autre couche. Ensuite, je vais cliquer sur la couche B et appuyer sur T sur le clavier pour afficher la propriété d'opacité Pour activer et désactiver cette couche, sur base de ce menu déroulant, nous allons utiliser une expression Option ou je clique sur le chronomètre, puis configurons une variable pour ce menu déroulant. Ce sera V et tu pourras l' appeler comme tu veux. Je vais juste le nommer sélection. Puis égale, puis je prends le fouet et je le fais glisser vers le haut dans ce menu Assurez-vous de faire glisser le pointeur jusqu'à l' endroit où il est écrit menu. Ensuite, cela affichera ce menu , puis un point-virgule pour la fin de la ligne Ensuite, je vais le faire, puis entre parenthèses. Ensuite, entre parenthèses, je vais utiliser cette sélection de variables Et puis deux signes égaux. Cela va vérifier si la sélection est égale à quelque chose. Pour cela, vous avez besoin de deux signes égaux. Si c'est égal à un, ce qui sera le premier élément de la sélection, le B, alors je vais passer entre parenthèses, faire un crochet, puis lui dire ce que je veux qu'il fasse si la sélection est égale à un Ce que je veux, c'est régler l'opacité à 100 %. Je vais juste taper 100 puis un point-virgule. Ensuite, je vais faire une flèche vers le bas, puis nous devons dire quoi faire si ce n'est pas 100. Pour ce faire, mettez autre chose, puis un support. Ensuite, si la sélection n'est pas égale à un, en d'autres termes, un papillon ou un papillon de nuit est sélectionné dans le menu déroulant, je veux que l'opacité de cette couche Je vais taper zéro et un point-virgule. Alors il devrait déjà avoir rempli ce dernier crochet, nous pouvons donc simplement cliquer dessus. Ensuite, juste pour que nous puissions voir ce qui se passe. Je vais cacher le papillon et le papillon de nuit. Vous pouvez voir que, comme le menu déroulant sélectionne le B, il est visible Mais si je sélectionne le papillon, le B n'est plus visible. Pareil pour le papillon. Ça marche, je vais m' en remettre au papillon et au papillon. Appliquons cette expression à ces couches. Pour gagner du temps à taper, je vais simplement copier cette expression puis entrer dans le papillon, appuyer sur la touche T du clavier, Option, cliquer sur le chronomètre, puis coller cette expression Ensuite, je vais revenir à l'expression et remplacer le numéro de sélection par deux. Ainsi, si la sélection est deux, c' est-à-dire le papillon, cette couche sera visible. Faisons de même pour le papillon. Cette fois, si cette sélection est égale à trois , cette couche sera visible. Maintenant, testons pour nous assurer que cela fonctionne. La sélection se trouve sur B et cela fonctionne. Montrant maintenant le papillon, maintenant montrant le papillon de nuit. Configurons maintenant cela dans le panneau graphique essentiel. Je vais juste fermer toutes ces couches en appuyant deux fois sur u et sur le clavier, puis je vais aller dans une zone vide et choisir des graphismes ouverts et essentiels. Donnons-lui un nom. Réglons l'heure de l'affiche. J'ai également oublié de nommer le contrôle du menu déroulant. Je vais juste appuyer sur Retour et donner un nom à celui-ci. Nous devons maintenant faire glisser ce menu vers le panneau graphique principal, mais vous ne pouvez pas réellement faire glisser des éléments du panneau des commandes d'effets vers le panneau graphique central E. Nous devons l'ouvrir dans la chronologie. Un moyen simple de le faire est de double-cliquer dessus pour l'ouvrir dans la chronologie. Ensuite, dans la chronologie, sélectionnez à côté de l'endroit où il est indiqué menu. Vous pouvez le faire glisser dans le panneau graphique essentiel, et tout devrait toujours fonctionner. Ensuite, rendons le texte du pollinisateur personnalisable. Je vais passer d'une couche à l' autre, passer au texte, puis simplement faire glisser le texte source dans le panneau graphique essentiel, et je vais donner à ce pollinisateur le nom de ce pollinisateur Faisons maintenant en sorte que cette ligne horizontale soit automatiquement mise à jour en fonction de la taille du texte. Je vais fermer la couche de texte, puis je vais utiliser ce contrôleur pour une autre utilisation simplement y ajouter ces contrôleurs d'expression. Je vais utiliser sa position. Positionnons-le au point de cette ligne. À peu près là. De cette façon, nous pouvons saisir la position gauche de la ligne en saisissant la position du contrôleur Ensuite, nous pouvons simplement ajouter la longueur dont nous avons besoin en fonction de la longueur du texte. Tout cela aura plus de sens lorsque nous écrirons réellement l'expression. C'est ce que nous allons faire ensuite. Je vais suivre la ligne horizontale, l' ouvrir jusqu' à ce que vous trouviez un chemin Ensuite, nous aurons également besoin de la position du contrôleur et de la position de cette couche de texte. Je vais juste les ouvrir sur la chronologie pour pouvoir les voir. Je vais également simplement afficher mon calendrier afin que nous ayons un peu plus de marge de manœuvre. Ensuite, option ou je clique sur le chronomètre pour commencer à écrire une expression Tout d'abord, nous devons définir quelques variables. Nous devons savoir quelle couche nous recherchons pour obtenir la taille Ce sera donc la couche de texte. Je vais prendre le fouet et le faire glisser vers le haut sur cette couche de texte, puis le point-virgule Ensuite, nous devons connaître la position des couches de texte. Un moyen simple d'obtenir cette position consiste simplement à saisir la propriété position ici, puis à sélectionner le point-virgule Nous devons connaître la taille de la couche de texte pour que la taille du texte soit logique. Ensuite, nous pouvons utiliser cette couche de texte variable. Ensuite, pointez, puis nous utiliserons la fonction source ect at time, que nous avons déjà utilisée. Il s'agit d'une fonction qui obtient des informations sur la taille d'une couche. Source ect à la fois, puis nous n'avons rien à mettre entre parenthèses car les valeurs par défaut sont correctes, puis faites une flèche sur la largeur du point car nous avons besoin de la largeur de cette couche de texte Ensuite, une autre variable pour la position la plus à gauche de cette ligne, qui sera la position du contrôleur , puis le point-virgule Ensuite, nous devons créer deux points pour le début et la fin de notre ligne, puis nous pouvons utiliser une fonction pour tracer une ligne entre ces deux points. Pour faire valoir ces points, il s'agit en fait d'une variable, nous pouvons donc simplement appeler cela des points. Il s'agira d' une liste de valeurs, nous devons donc les définir entre crochets. Le premier point sera le point le plus à gauche où se trouve le contrôleur Nous allons donc simplement utiliser la position gauche que nous avons déjà définie. Ensuite, mettez une virgule entre les points. Pour le point suivant, nous devons définir les valeurs x et y séparément. Pour le point de position gauche, cela inclut à la fois les coordonnées x et y, nous n'avons donc pas besoin de les spécifier. Nous pouvons simplement saisir cette variable. Mais pour celui-ci, nous devons utiliser des crochets, puis définir x et y avec une virgule entre les deux Tout d'abord, nous avons besoin de la position du texte. Cette variable de position du texte obtient les valeurs x et y. Nous devons spécifier que nous voulons juste la valeur x. Pour ce faire, vous devez placer des crochets avec un zéro au milieu. Un pour y, zéro pour x. Ajoutons à cela la taille du texte. Ce sera la coordonnée x, puis mettez une virgule, puis définissons y. Nous pouvons utiliser la coordonnée y de la position gauche car il s' agira d'une ligne horizontale plate Je vais juste faire la position gauche , puis les crochets et spécifier que nous voulons la valeur y. Ensuite, je vais passer à un point-virgule. Utilisons ensuite une fonction appelée create path. abord, cette fonction veut savoir quels sont les points pour créer ce chemin Je vais donc utiliser notre variable points. Ensuite, je veux connaître les tangentes de ces différents points, mais nous n'avons pas besoin de tangentes car il ne s'agit que d'une ligne plate Nous allons simplement mettre des crochets vides pour les tangentes et il y aura des tangentes entrantes et sortantes Vous avez besoin de deux ensembles de supports. La dernière chose que cette fonction veut savoir est de savoir s'il s' agit d'une forme fermée ou non. Comme il ne s'agit que d'une ligne, ce n'est pas une forme fermée, nous allons donc mettre faux. Maintenant, si vous cliquez sur l'expression maintenant, la ligne n'apparaît pas là où elle devrait être. Si je fais un zoom arrière, c'est en fait très bas. explique par le fait que j'ai omis quelque chose qui est vraiment important pour le positionnement de cette ligne, mais c'est la partie la plus confuse Je voulais donc la garder pour la fin. En fait, il y a deux espaces différents pour le positionnement dans After Effects. Il y a l'espace de composition , puis il y a l'espace des couches. Vous pouvez le considérer comme relatif à la composition et par rapport à la couche. Nous devons prendre la position du texte et la position gauche et les faire passer de l'espace de composition à l'espace des calques afin l'espace de composition à l'espace des calques afin que cette ligne soit au bon endroit Pour ce faire, cliquez à nouveau dans l'expression. Ensuite, à côté de la position du texte, nous allons écrire à partir de comp. Ensuite, cela va mettre deux parenthèses, mais nous avons besoin que tout ce texte soit entre parenthèses Je vais juste supprimer le second et le déplacer jusqu'à la fin ici, puis faire la même chose pour la position gauche de la maquette, puis déplacer ces parenthèses vers la fin de ce texte Maintenant, si vous cliquez dessus, la ligne doit être dans la bonne position. Maintenant, si je change ce que dit le texte, pour le raccourcir, la ligne est mise à jour, ou si j'ajoute du texte, la ligne est également mise à jour. Mais vous pouvez voir que certaines des lettres que je viens d' ajouter sont coupées, car cette couche de tapis ne s' car cette couche de tapis actualise pas en fonction de la taille du texte. Allons-y et réparons ça. Tout d'abord, je vais copier certaines variables de l'expression sur la ligne. Je vais simplement copier ces trois premières variables pour m'éviter de taper du texte. Passons ensuite au mont et ouvrons-le jusqu'à ce que vous trouviez la propriété de taille Ensuite, option, je vais cliquer sur le chronomètre et coller ces variables Ensuite, je vais définir x. Ce sera la position du texte. Mais cette variable de position du texte obtient à la fois les positions x et y. Nous devons préciser que nous avons juste besoin de la position x, donc entre parenthèses, zéro. Ajoutons ensuite à cela la taille du texte. Ensuite, vous aurez besoin d' un peu de rembourrage supplémentaire, juste que la boîte ne se termine pas là où le tex se termine, ce qui pourrait donner l'impression que quelque chose est un peu coupé Je vais juste en ajouter 20 pour un rembourrage supplémentaire. Définissons alors y. Pour cela, nous pouvons simplement sélectionner whip jusqu'à la valeur y, puis le point-virgule, puis entre crochets, définir simplement x et y. Cela redimensionne la boîte, mais cela perturbe également la position Je vais juste le faire glisser là où je l'avais, mais il n'obtient toujours pas toute la longueur du texte. Cela est dû à la façon dont les rectangles changent de taille. Si je désactive cette expression puis que je la supprime, vous pouvez constater que lorsque je redimensionne cette boîte, elle est redimensionnée à partir du milieu, quel que soit l' endroit où se trouve le point d'ancrage sur la couche Pour résoudre ce problème, vous pouvez écrire une expression sur cette propriété de position, celle qui se trouve juste en dessous de la taille pour compenser cela. Option, je vais cliquer sur le chronomètre, puis définir x, et ce sera juste la taille x, puis y. Et choisir jusqu'à la taille y. Ensuite, entre parenthèses, je vais faire x divisé par deux parce que je veux juste la moitié de ce chiffre pour qu' il change de taille depuis le côté gauche, puis y sera négatif y divisé par deux, parce que je veux qu'il soit dimensionné à partir du coin inférieur gauche. Cela va à nouveau déplacer la position de la boîte. Nous pouvons simplement le remettre en place. Si cela vous dérange que le point d'ancrage se trouve ici, vous pouvez le remettre en place, et maintenant la boîte est redimensionnée pour s'adapter à la longueur du texte Maintenant, si j'ajoute à ce texte, la taille de la ligne et du tapis change. Même chose si je réduisais le texte. Je veux que l'utilisateur de ce modèle puisse ajuster la position de ce point pour indiquer différentes choses dans la vidéo. Pour ce faire, je vais trouver la propriété de position de ce point et le faire simplement glisser vers le panneau graphique essentiel. Nommons simplement cette position du point. Je veux que ce cercle suive le point, donc je vais placer le cercle en relation avec le point. La position des points peut maintenant être ajustée, mais cette ligne doit rester connectée entre le point et la ligne horizontale. Pour cela, nous pouvons écrire une expression sur la propriété path de cette ligne. Nous allons avoir besoin de configurer certaines variables et l'une d' elles sera la position du contrôleur, et l'autre sera la position du point. Je vais accéder à la connexion par ligne et trouver la propriété du chemin. Commençons ensuite à écrire l'expression et à configurer certaines variables. position gauche, comme nous l'avons utilisée auparavant, sera la position de ce contrôleur. Et puis une autre variable pour la position des points, qui sera égale à la position des points. Ensuite, nous devons créer une variable pour les points de cette droite et les définir entre crochets car il s'agit d'une liste de valeurs. Ce sera la position gauche, puis la position du point. Et puis un point-virgule après ces crochets, puis nous pouvons réutiliser la fonction de création de chemin Tout d'abord, nous devons définir les points. Ensuite, il veut les tangentes, mais nous n'en avons pas car il s'agit simplement d'une ligne droite, de crochets vides, deux ensembles de tangentes, et ce n' est pas une forme fermée Nous pouvons donc mettre faux pour cela, puis simplement cliquer dessus Nous avons maintenant le même problème qu'auparavant, à savoir que la ligne n'est pas exactement là où vous vous attendiez à ce qu'elle soit. C'est à cause de cette histoire d'espace de composition par rapport à l' espace de couches. Nous devons revenir ici, et cela va provenir de Cp, puis déplacer cette parenthèse vers la fin Ensuite, à partir de Cp, déplacez cette parenthèse vers la fin et assurez-vous que le point-virgule se trouve à la toute fin de la ligne Et maintenant, cette ligne est dans la bonne position. Je sais que l'espace de composition et l'espace des couches peuvent être source de confusion. Si vous ne savez pas si vous devez passer de l'un à l'autre en utilisant la fonction from comp ou two comp Ce que vous pouvez faire, c'est exactement ce que je viens , c'est ne rien faire au début, voir ce qui se passe, puis y retourner et essayer d' ajouter à partir d'une maquette ou deux pour voir si cela aide Maintenant, une autre chose un peu pointilleuse que je veux faire est que cette ligne s'étende jusqu'au point, mais dans mon design, je voulais que cette ligne atteigne simplement ce cercle Résoudre ce problème au lieu d'essayer de mettre à jour l'expression ou quelque chose comme ça, cela peut être assez compliqué. Je vais juste dupliquer ce cercle. Ouvrez-le sous le contenu, puis encerclez-le. Je vois que c'est juste un accident vasculaire cérébral. Je vais cliquer sur le bouton Annonce et ajouter un remplissage. Cela va probablement ajouter un remplissage rouge. Peu importe la couleur. Alors je vais renommer ce mont. Ensuite, je vais cliquer sur les commutateurs et les modes, puis prendre la connexion par ligne et faire du tapis ce cercle Cela va rendre la ligne visible uniquement l' intérieur du cercle et je veux le contraire. Je vais juste cliquer sur ce bouton pour inverser le tapis. De cette façon, il ne sera visible qu'en dehors du cercle. Vérifions simplement que cela fonctionne toujours. Nous pouvons mettre à jour la position des points et tout va bien. Si vous le souhaitez, vous pouvez configurer des contrôleurs de couleur pour les différents éléments de ce modèle et/ou temps de conception adaptative. Si vous ne savez pas comment procéder, vous pouvez revenir au modèle de vidéo des tiers inférieurs. La dernière chose à faire est d'exporter le modèle d'animation graphique. Comme toujours, assurez-vous de l'enregistrer dans le dossier que nous avons configuré au début du cours. Je vais expliquer comment utiliser ce modèle en avant-première dans la vidéo de montage à la fin du cours. 14. Mettre tout en œuvre: Maintenant que nous avons créé cinq modèles d'animations graphiques différents, utilisons-les dans un projet vidéo. J'espère que vous avez enregistré les points Mgerts dans un dossier de votre ordinateur et que vous avez configuré Premiere pour surveiller ce dossier afin de détecter tout nouveau modèle ajouté. Si vous ne l'avez pas encore configuré, revenez à la vidéo sur le modèle de carte de titre pour savoir comment procéder. Si vous avez déjà fait tout cela, vous devriez maintenant avoir tous vos modèles dans le panneau graphique essentiel de Premiere. L'un des avantages des modèles d' animation graphique est que, quel que soit le projet principal dans lequel vous vous trouvez, ils apparaissent toujours dans votre panneau graphique essentiel. Vous n'avez pas besoin d' importer quelque chose chaque fois que vous ouvrez un nouveau projet. Voici un nouveau premier projet et j'ai déjà importé mes clips vidéo. Tout d'abord, je vais simplement créer une nouvelle séquence. 1920 x 1080, c' est bien, et 29,97 images par seconde c'est aussi bien parce que c'est la même chose que pour tous mes clips vidéo Je vais d'abord faire glisser les clips vidéo. Comme je ne veux pas le son de ces clips vidéo, je vais simplement les sélectionner, cliquer avec le bouton droit de la souris et choisir Link, puis supprimer le son. Plus tard, je pourrai ajouter de la musique. Certaines de ces vidéos ont été tournées en 4K, je dispose donc d'un peu d'espace supplémentaire pour travailler. Je vais y aller, les redimensionner et les repositionner. Ajoutons maintenant les modèles d'animations graphiques. Je vais d'abord utiliser la carte de titre. Je vais juste le glisser dedans. Alors je veux que ça commence vraiment par le noir. Je vais reculer les clips vidéo. La carte de titre apparaîtra et révélera la vidéo qui se trouve derrière elle. Ensuite, à partir de là, je veux ajouter le tiers inférieur. Pour modifier ce que dit le tiers inférieur, si vous le sélectionnez, il devrait s'ouvrir automatiquement dans le panneau graphique essentiel, mais vous pouvez également simplement changer d'onglet comme celui-ci . Ensuite, je peux le renommer Je vais laisser tout ce qui est blanc, blanc, mais pour la couleur du bas du texte, prenons un vert foncé l'aide du fouet de la vidéo Une autre chose que je veux faire est de déplacer ce tiers inférieur ici parce que c' est un meilleur espace pour cela. Ce sera plus lisible. Je vais m'assurer que le temple est sélectionné, puis je vais passer au panneau de commande des effets et simplement déplacer la position de l'ensemble vers le haut. Quelque chose comme ça a l'air bien. Passons ensuite au clip suivant, ajoutons l'indicateur de temps de floraison. Pour cela, je veux qu'il soit positionné dans ce coin, je vais donc simplement ajuster la position dans le panneau de commandes des effets. En maintenant cette option sélectionnée, je vais modifier les temps de floraison, mais n'oubliez pas cette ligne indicatrice est animée Je vais donc me diriger vers le milieu du clip pour voir quand il est déjà complètement animé Pour ce clip, je vais ajouter les graisses végétales dans ce bel espace ouvert, mais je pense que cela sera plus beau si les graisses végétales sont sur la droite. Je vais retourner cette vidéo et pour ce faire, vous pouvez simplement accéder aux effets, puis rechercher « retourner », puis simplement faire glisser le retournement horizontal ici, puis vous devrez peut-être la repositionner en fonction de votre clip vidéo Revenons ensuite à la section des sourcils des graphismes essentiels et ajoutons les graisses végétales Ensuite, une fois les graisses végétales sélectionnées, je vais passer aux commandes d'effet et les faire glisser dessus. Je vais peut-être déplacer un peu plus la vidéo. Maintenant que les informations sur les plantes sont à nouveau sélectionnées, vous pouvez accéder aux graphiques essentiels et mettre à jour n'importe lequel de ces éléments. Ce sera en fait le plein soleil. Coopss est assez tolérant à la sécheresse à une seule gouttelette d'eau, puis je vais ajuster le Maintenant, celui-ci est prêt à partir. Pour ce dernier clip, ajoutons le pointeur du pollinisateur. À partir de là, je peux mettre à jour le pollinisateur, mais il s'agit en fait d'un B. Ensuite, je vais changer le nom du pollinisateur Désolé si ce n'est pas exact, je ne suis pas un expert en abeilles. Ensuite, je vais d'abord déplacer ensemble de ce graphique à l'aide des commandes d'effets. Assurez-vous simplement que cette couche est sélectionnée. Je vais le déplacer dans le coin. Déplaçons ensuite la position du point en utilisant cette position du point ici. Quelque chose comme ça a l'air plutôt bien. Je vais découper un peu certains de mes clips vidéo. Si vous configurez le temps de design réactif sur vos modèles dans After Effects , il s'agit de la zone bleue au début et à la fin de la composition que vous voyez ici. Ensuite, dans Premiere, vous pouvez ajuster la longueur de ce modèle et l'animation sera automatiquement mise à jour. Ici, j'ai les informations sur les plantes qui entrent et sortent, mais disons que je voulais que ce soit un peu plus court Je pourrais faire glisser ce clip arrière et il s' animera toujours vers l'intérieur et vers l'extérieur, mais il s'animera juste un peu plus tôt À partir de là, n'hésitez pas à ajouter d'autres réglages que vous souhaitez, y compris l'ajout de musique. Si vous souhaitez partager votre modèle d'animation graphique avec d'autres personnes, vous devez partager le fichier point Mogret. Vous pouvez trouver ce fichier Mgret à l'endroit où vous l'avez enregistré lorsque vous l'avez enregistré depuis Aftereffects Le mien est enregistré sous Ado Premier Pro, puis dans la dernière version, et je l'ai enregistré dans ce sous-dossier Ce sont les fichiers Mgret que j' aurais besoin de partager avec quelqu'un Pour que quelqu'un d'autre puisse installer vos modèles d'animations graphiques, il lui suffit de trouver un emplacement sur son ordinateur pour les stocker, puis dans Premiere, il doit accéder au dossier des modèles locaux, cliquer sur le bouton Plus, puis rechercher cet emplacement sur son ordinateur. 15. Prochaines étapes: S. Si vous avez suivi le chemin et êtes arrivé jusqu'ici, vous avez accompli beaucoup de choses. J'espère que vous vous sentirez beaucoup plus à l'aise dans After Effects et que vous avez hâte de travailler plus efficacement en créant des modèles adaptés à tous vos besoins en animation graphique. J'adorerais voir ce que tu as trouvé. Donc, que vous ayez créé quelque chose d'unique ou recréé mes exemples à partir de la classe, veuillez publier un projet de classe S'il y a quelque chose en particulier sur lequel vous souhaitez obtenir des commentaires, veuillez inclure une note pour me le faire savoir. Pour continuer à apprendre, jetez un œil aux autres cours que j'enseigne. Si vous aimez ce cours, vous aimerez peut-être aussi ceux-ci. Et assurez-vous de me suivre sur Skillshare, Instagram, et inscrivez-vous à ma newsletter par e-mail pour savoir quand j'ai un nouveau cours pour Merci beaucoup d'avoir regardé et je te souhaite bonne animation la prochaine fois