Créer des modèles de graphiques animés avec Adobe After Effects

1. Introduction au cours: Motion Graphics prend beaucoup de temps à réaliser, et chaque fois que vous voulez les réutiliser, vous avez besoin d'ajuster vos animations. Ou vous voulez faire un modèle à vendre sur un site de vente pour gagner un dollar supplémentaire en tant que créatif. Eh bien, si c'est le cas, vous voulez vous assurer que votre modèle est aussi convivial que possible et en même temps qu'il ne peut pas faire d'erreurs. C' est exactement ce que j'aimerais t'aider. Salut, je m'appelle Jordy. Je suis cinéaste, monteur vidéo, artiste graphiste, un peu de tout et je fais ça avec mon équipe ici à Cinecom. Nous réalisons principalement des vidéos YouTube sur le montage vidéo et la réalisation de films à un public de plus de 2 millions d'abonnés sur YouTube. Maintenant, j'ai créé toute une bibliothèque de modèles que nous utilisons quotidiennement dans nos vidéos. Celles-ci vont des tiers inférieurs aux cartes de médias sociaux ou une animation outro dans laquelle nous pouvons ajouter des commentaires de notre public. La seule chose à faire est de glisser-déposer les modèles personnalisés dans Premiere Pro et de modifier quelques paramètres. Cela nous fait gagner énormément de temps. Dans ce cours, je vais vous apprendre à créer vous-même de tels modèles d'animations graphiques dans Adobe After Effects, qui peuvent être exportés pour les utiliser dans Adobe Premiere Pro. Nous allons travailler avec des variations afin que l'utilisateur final ait plusieurs options. Ceci est souvent créé avec des expressions, qui va être une grande partie de cette classe. En dehors de cela, vous apprendrez également à construire correctement vos modèles avec l'utilisateur final à l'esprit, choses comme les automatisations et les liens d'objets pour donner plus de flexibilité dans vos modèles. Eh bien, ça semble très compliqué, vous pourriez penser, eh bien, absolument pas. Ces choses avancées comme les expressions et tout, ils sont en fait très faciles. Vous avez juste besoin de pousser dans la bonne direction et vous êtes prêt à aller. Il est toutefois conseillé de connaître les bases d'Adobe After Effects. Bien que j'ai toute une classe de débutant ici dans Skillshare aussi, laquelle je vais laisser un lien dans la description de la classe si vous êtes intéressé. Maintenant, j'espère vraiment que vous allez inscrire ce cours parce que je suis super excité de commencer à créer avec vous des modèles graphiques dans Adobe After Effects. Commençons et je te reverrai dans la prochaine leçon. Merci d'avoir regardé. 2. Créer un modèle: Bonjour, je ne t'ai même pas vu. C' est incroyable que vous ayez rejoint la classe. Je suis super excité de commencer. Je suis comme un type de gabarits. Tout dans ma vie est des modèles, et ainsi je peux gagner du temps. Par exemple, ce t-shirt, c'est mon T-shirt du lundi. Aussi mon t-shirt du mardi, et mon mercredi et le reste de la semaine. Ça me fait gagner du temps. Tu sais quoi ? Commençons, les gars, parce qu'on est là pour gagner du temps. Ici, je suis dans Adobe Premiere Pro, et la première chose que je veux vous montrer est le fonctionnement réel de ces modèles. Je vais parler rapidement de ça parce que je vais supposer que vous connaissez les bases de Premiere et After Effects. Nous pouvons aller dans le haut ici, sélectionnez « Fenêtre », et à partir de là choisissez « Graphiques essentiels ». l'onglet Parcourir en haut, nous pouvons choisir un modèle. Maintenant, vous allez probablement voir d'autres modèles ici car avec l'installation de Premiere, vous obtenez un tas de modèles. Je n'aime pas ça, donc je viens de les supprimer, mais en voici un que j'ai créé moi-même, et je peux simplement le glisser dans ma chronologie pour commencer à utiliser. Fondamentalement, ce modèle est ici un tiers inférieur. Je peux en fait, à partir de l'onglet Modifier ici en haut, puis de l'Essential Graphics, je peux choisir le lecteur que je veux. Jordy est l'équipe rouge et Yannick, mon collègue, est l'équipe bleue. Nous pouvons choisir si cela doit être affiché sur le côté gauche ou droit. Nous pouvons changer le nombre ici du nombre de victoires, par exemple, une victoire, vous pouvez voir ce changement ici, et nous avons d'autres options. Tout cela a été créé dans Adobe After Effects. Nous pouvons utiliser n'importe quel type de fonctionnalité, n'importe quel effet, et apporter cela à Premier grâce à ces modèles graphiques de mouvement. Vous savez quoi, laissez-moi juste supprimer cet exemple et allons dans After Effects et vous montrer comment cela fonctionne exactement. Créons quelque chose de très simple. Je vais aller à mon outil de texte et juste taper le nom d'utilisateur, peut peut-être le rendre un peu plus petit, comme ça et placer cela ici sur le fond. Si vous créez un troisième ciel abaissé, assurez-vous d'activer les zones Titre et Action Safe, afin que vous puissiez positionner vos textes en fonction de l'une de ces directives. Il se sent ou semble mieux que si vous colliez un de vos textes contre la frontière ici de votre Canvas. À côté de cela, je veux avoir une image que j'ai ici dans mon dossier Assets, Jordy, qui est moi, et je vais juste placer ça ici à côté du nom d'utilisateur. Nous avons une image, une icône de la personne, et là nous pouvons taper le nom d'utilisateur, c'est l'idée. Maintenant, nous allons créer des effets ou des animations aussi bien. Je vais juste désactiver les zones Titre/Action Safe pour l'instant. Par exemple, mon image Jordy, faisons quelque chose très rapidement ici avec cette échelle. Je vais juste laisser ça passer de 0 à 24 comme ça, et tu sais quoi ? Pour le texte, je vais révéler tous les personnages. Maintenant, pour ce faire, nous avons en fait quelques options d'animation. Si nous développons la couche, nous pouvons voir ici sur le côté droit Animate, sont toutes des propriétés que nous pouvons estimer. Par exemple, l'Opacité. Chacune de ces propriétés vient également d'un Sélecteur de Range, et avec cela, nous pouvons animer l'Opacité par personnage. Réglons l'opacité à zéro parce que c'est ce que nous voulons accomplir. Maintenant, nous pouvons animer le Start, et vous pouvez voir ici qu'il va révéler chaque personnage séparément. Faisons ça dès le début ici, image clé Jordy va un peu en avant dans le temps, et portons ça à 100. Ce que nous avons en ce moment, c'est ceci. Animation très simple. Mais faisons encore une chose, les gars. Ajoutons un effet de pépin à l'ensemble du design. Maintenant, au lieu d'ajouter cet effet de pépin aux deux calques, je vais créer un nouveau calque d'ajustement à partir du menu ci-dessus. Maintenant, avec ce calque de réglage, nous pouvons en fait très facilement ajouter l'effet de pépin à celui-ci. Je vais prendre le Glitch numérique VR et l'appliquer à la couche de réglage, et de cette façon il sera appliqué à tout ce qui est en dessous. Animons aussi cet effet. Pour le début, je vais animer la Graine aléatoire, qui va m'assurer que le problème se déplace, et je vais aussi animer la Master Amplitude, qui est fondamentalement une bascule pour mettre l'effet sur et désactiver. Plus l'amplitude, plus on a de problèmes, si c'est zéro, on ne voit pas le problème. Ce sont deux grandes propriétés à animer. Avec ces deux animations sélectionnées dans les contrôles d'effets, je peux maintenant appuyer sur la touche « U » de mon clavier pour révéler celles que j'ai activées. Allons un peu en avant dans le temps, quelque part ici peut-être, et je vais apporter la Graine aléatoire sur une note à quelque chose comme 50, et l'Amplitude Master à zéro. Ce que nous avons en ce moment, c'est que nous avons ce problème ici car l'animation vient également de l'image et du nom d'utilisateur. Transformons cela ici maintenant en un modèle afin que nous puissions utiliser cette perspicacité Premier Pro. Pour ce faire, nous devons ouvrir une nouvelle fenêtre. Nous allons aller dans le menu Fenêtre en haut et localiser les graphiques essentiels. C' est le même panneau que Insight Premier, mais ici, il semble un peu différent. La première chose que vous souhaitez faire est de sélectionner une composition que vous souhaitez créer un modèle. Dans ce cas, ce sera le nom d'utilisateur. Nous n'avons qu'une seule composition. Vous pouvez aussi lui donner un nom si vous le souhaitez. Je vais juste laisser ça à vos modèles de nom d'utilisateur. Maintenant, nous pouvons réellement commencer à glisser dans les propriétés dans cette fenêtre, propriétés que nous voulons que l'utilisateur final change. Si vous ne savez pas quelles propriétés sont prises en charge, vous pouvez effectivement cliquer ici sur ce bouton, qui indique Solo Supported Properties, et qui révélera toutes les propriétés que nous pouvons utiliser. C' est un peu trop, je vais juste l'effondrer à nouveau. Nous pouvons également rechercher ces propriétés nous-mêmes bien sûr. L' un des bons conseils que je peux vous donner est lorsque vous travaillez avec des calques de réglage, un moyen très facile de basculer cet effet sur assez est simplement d'ajouter la propriété d'opacité de ce calque de réglage. Faisons ça. Je vais accéder à mon Calque d'ajustement, faire glisser la propriété Opacité et la faire glisser dans le panneau Graphiques essentiels. Cela va simplement mettre l'opacité de ce calque de 0 à 100 et tout ce qui se trouve entre les deux, ce qui va modifier l'effet que nous avons appliqué à cela. Vous pouvez voir ça ici. Je vais faire glisser ça à 0, l'effet de pépin a disparu. Appelons ça Glitch Effect. De cette façon, l'utilisateur final sait que nous pouvons contrôler l'effet final de cela. Maintenant, bien sûr, les gars, ce n'est pas si convivial, plus tard dans cette classe, nous allons voir comment nous pouvons travailler avec des cases à cocher, ce qui va être beaucoup plus pratique pour l'utilisateur final, mais cela va nécessiter des étapes. Au fait, tout ce que vous définissez dans cette fenêtre ici sera la valeur par défaut. Si vous voulez que l'effet Glitch soit activé par défaut, augmentez simplement à 100. Je vais aussi faire glisser l'image dans cette fenêtre. Vous pouvez simplement faire glisser entièrement ce calque dans le panneau Graphiques essentiels, ce qui me permet de changer l'image ou l'avatar. Les gars, si cela ne fonctionne pas pour vous, assurez-vous de simplement mettre à jour vos After Effects et Premiere, car il s'agit de l'une des dernières fonctionnalités des programmes Adobe. Enfin, je veux m'assurer que nous pouvons changer le texte source de cette couche ici, le nom d'utilisateur. Faites glisser cela dans ce panneau aussi. Donnez-lui un nom, par exemple, Nom d'utilisateur, s' agit de l'étiquette, et vous pouvez également lui donner un nom par défaut. Appelons ça Jordy, parce que c'est moi. Une option intéressante ici est avec des textes et c'est Edit Properties. Si vous cliquez dessus, vous pouvez donner d'autres options à l'utilisateur final. Si vous voulez qu'ils puissent changer la police, la taille de la police et tout, vous pouvez activer cela ici. Si vous ne voulez pas cela, n'activez pas cela, bien sûr. Pour l'instant, activons cela afin que vous puissiez voir à quoi cela ressemble. On y va. Ce sont les options supplémentaires que vous donnez à l'utilisateur final également. C' est à peu près les gars. Maintenant, amenons ces modèles dans Premier Pro. Cliquez sur « Export Motion Graphics Templates ». Oui. Vous voulez enregistrer le projet. Vous devez toujours le faire avant une exportation. Maintenant, nous avons quelques options. Nous pouvons enregistrer cela dans nos bibliothèques, ce qui est une option dans Creative Clouds. D' habitude, j'aime juste l'enregistrer sur mon disque local, c'est à vous de décider. Faisons-le comme ça. Vous pouvez cliquer sur « Parcourir », pour enregistrer cela dans un autre emplacement, mais gardons cela dans le dossier Lessons, qui est aussi le dossier gars que vous pouvez télécharger à partir des projets de classe ici sur Skillshare, je pense, cette façon, vous avez également accès à tous les fichiers de projets que je crée ici dans After Effects, ainsi qu'aux modèles que j'exporte à chaque fois. C' est ça. Appuyez sur « OK », et maintenant ça va probablement vous donner un avertissement. C' est à cause de la police que j'utilise. J' utilise la police Arial Black, et ça dit, « Hey, ce n'est pas une police Adobe. » Ce qui signifie que si vous allez faire un modèle et que vous allez le faire, disons vendre cela sur un marché, cela signifie que beaucoup de gens utilisent ces modèles. Mais si vous utilisez des polices Adobe, il synchronisera automatiquement cela. En supposant que vous possédiez Adobe Premiere Pro ou After Effects, vous disposez également de Creative Cloud , avec une bibliothèque de polices. Vous pouvez le consulter ici dans votre application de bureau Creative Cloud. Voici toutes mes applications que j'ai installées. Mais ici en haut, vous pouvez cliquer sur « Polices » ou ici sur « Parcourir les polices » pour en rechercher plus et les synchroniser ou les installer sur votre ordinateur. J' utilise quelque chose en dehors d'Adobe, mais je ne vois pas cela comme un gros problème, parce que j'utilise Arial Black, qui est une police par défaut que tout le monde aurait dû installer sur les ordinateurs. Juste quelque chose à garder à l'esprit, les gars, ne commencez pas à télécharger n'importe quel type de polices depuis Internet, pensez toujours à votre utilisateur final. Allons juste appuyer sur « OK » pour l'instant, et c'est tout. Il est sauvegardé afin que nous puissions maintenant revenir dans Adobe Premiere Pro. Nous allons aller à l'onglet Parcourir, car ici, nous sommes allés installer ce modèle, ce que nous pouvons faire à partir du bouton ci-dessous, Installer le modèle Motion Graphics. Ensuite, vous localisez simplement le fichier modèle que nous venons d'exporter, qui est juste ici. Cliquez sur « Ouvrir » et il sera ajouté à votre bibliothèque. Maintenant, les gars, très intéressant est que ce modèle sera toujours là à l'intérieur de Premiere Pro. Cela n'est pas fixé à votre projet, donc si vous ouvrez un nouveau projet à l'avenir, ce modèle sera toujours là. Cela le rend très pratique pour travailler avec. Maintenant, on peut juste glisser ça dans la chronologie, et j'ai ce clip de cet homme ici qui se révèle lui-même. Peut-être une excellente façon de travailler avec ses tiers inférieurs pour montrer le nom d'utilisateur de ce gars. Mais de toute façon, si nous sélectionnons fichier de modèle et que nous allons dans l'onglet Modifier à partir des graphiques essentiels, nous pouvons maintenant voir toutes les propriétés que nous avons données avec le modèle de graphiques de mouvement dans After Effects. Nous pouvons activer et désactiver l'effet Glitch ici, comme vous pouvez le voir, ainsi que changer l'avatar en cliquant simplement ici sur le menu et en haut et dire Remplacer de l'explorateur, et j'ai en fait ici dans mon dossier Assets une photo de Yannick, mon collègue aussi. Choisissons celui-là. Vous pouvez voir ici qu'il va simplement remplacer la photo par cela. Super pratique. Bien sûr, nous pouvons changer le nom d'utilisateur à Yannick, et si vous le voulez aussi changer aussi les polices et la taille et tout si vous le voulez. Mais c'est ça, les gars. Pour cette leçon, je voulais juste vous donner ce flux de travail, la vue d'ensemble de ce qu'est réellement un modèle et comment il fonctionne. Au cours des prochaines leçons, nous allons plonger dans des techniques plus avancées et commencer à travailler avec des expressions, qui est essentiellement la programmation dans After Effects, ce qui nous permet de créer des modèles plus conviviaux comme des cases à cocher menus déroulants et tout, ce qui va être vraiment cool. Je suis des mecs super excités. Merci beaucoup d'avoir regardé, et je te verrai dans la prochaine leçon. 3. L'expression « Si-sinon »: On va faire du hacky, les gars. Nous allons écrire des codes de programmation directement dans Adobe After Effects, ce qui ne semble pas aussi illégal qu'il l'est. Maintenant, ces codes sont appelés expressions, et ils peuvent automatiser certaines choses pour nous. Pour vous donner une idée, les gars, ce que j'ai ici est un gros texte de titre qui est animé sur la propriété scale. Maintenant, je veux que ce texte rebondisse aussi. Maintenant, je peux aller de l'avant et créer ce manuel avec des choses comme les images clés et tout, mais je peux aussi utiliser une expression très simple. Maintenant, si vous allez sur notre site, nous avons un article sur les expressions. Je vais laisser un lien vers lui dans les notes de classe, mais vous verrez si vous faites défiler vers le bas sur cette page que vous pouvez réellement trouver certains de ces extraits de code. Vous n'avez pas besoin de savoir quoi que ce soit sur ces codes. Vous pouvez simplement aller de l'avant et simplement copier ces codes pour l'expression bounce. Tu vois, c'est ce que je veux réaliser. Appuyez simplement sur « Contrôle C » et revenons dans After Effects. Maintenant, le code est écrit sur des propriétés spécifiques, dans ce cas, la propriété scale. Pour écrire des codes à l'intérieur de cette propriété d'échelle, vous devez simplement maintenir la touche Alt enfoncée, puis cliquer sur le chronomètre, et une nouvelle zone de texte apparaît dans laquelle nous pouvons écrire ces codes d'expression. suffit de supprimer tout ce qui est là et de coller l'expression que j'ai obtenue de nos sites Web, et c'est tout. Quand je vais maintenant lire cette expression, vous verrez que le gros texte se tortille ou rebondit sur les extrémités. C' est ce que font les expressions. Maintenant, les expressions peuvent également nous aider à rendre certains modèles plus conviviaux. Comme nous l'avons vu dans la leçon précédente, nous avons utilisé un curseur pour contrôler un effet. Eh bien, cette fois, nous allons créer une case à cocher. Ajoutons très simplement ce même effet de pépin au texte comme ça, et animons la Graine aléatoire de zéro jusqu'aux extrémités jusqu'à 100, sorte que nous avons ce problème sur tout le temps sur le gros titre. Nous voulons que les utilisateurs puissent activer et désactiver cela. Maintenant, pour ce faire, nous avons besoin d'une case à cocher qui peut également être trouvée dans la bibliothèque d'effets. Sous Expression Controls, nous pouvons trouver un tas d'effets qui ne font rien. Ce ne sont que des contrôles stupides ; c'est tout. Mais avec quelques expressions, nous pouvons leur faire faire des choses magiques. En dessous, nous pouvons trouver ce contrôle de case à cocher. Maintenant, nous pouvons simplement aller de l'avant et faire glisser cela vers le grand calque de titre, mais je suggère toujours de travailler avec une couche de contrôleur. Juste beaucoup mieux dans votre flux de travail. Je ferais juste une habitude de cela parce qu'une fois vous allez travailler avec plusieurs couches et tout, cette couche de contrôleur va juste vous donner un meilleur aperçu de ce que vous faites. Allons dans le menu en haut, sélectionnez Calque, Nouveau. Je vais juste prendre les objets nulles, qui est aussi juste un objet rien stupide. Ça ne fait rien. Je vais renommer ça en Controller. Ce sera la couche à laquelle je vais appliquer tous ces effets de contrôle d'expression comme la case à cocher. Glissons ça sur le contrôleur, et c'est tout. Juste la case à cocher. Vérifie ça ou D vérifie ça. C' est ça. Maintenant, nous pouvons également donner à cet effet un nom différent en appuyant sur la touche Retour. Appelons maintenant ces effets Glitch. On y va. Maintenant, revenons au grand titre, et je vais développer et chercher l'effet Glitch, qui est juste ici. Nous savons que nous avons cette amplitude Master que nous pouvons utiliser pour activer ou désactiver ces effets. Nous allons écrire une expression sur l'amplitude du Maître, et ce sera l'expression If Else que vous avez vue dans le titre de cette leçon. Maintenant, l'expression If Else est probablement celle avec laquelle vous allez travailler le plus, et c'est pourquoi je veux aussi que vous sachiez réellement comment écrire ce code. Si Else, comment ça marche ? Eh bien, si nous cochons la case, alors les amplitudes Master peuvent être de 100 ou les effets peuvent être présents. Si nous ne cochons pas la case, nous ne voulons pas voir les effets de pépins, alors l'Amplitude Maître sera nulle. C'est aussi simple que ça. Si ça, alors ça. Si cela, alors ceci ou ceci, alors ça et ceci. Je suis juste en train de compliquer tout de suite. Commençons juste. Pour commencer à écrire des expressions, nous allons devoir cliquer sur Alt, mais d'abord les gars, je vais aussi faire apparaître les effets de case à cocher ici dans mon contrôleur parce que je vais en avoir besoin pour écrire l'expression. Revenons à l'amplitude du Maître. Appuyez sur « Alt » et cliquez sur le chronomètre. Je peux supprimer le code, quoi qu'il soit là-dedans parce que nous allons commencer et écrire quelque chose de nouveau. Nous allons vraiment écrire si, donc nous allons juste de l'avant et écrire ça si. Maintenant, ouvrons les deux parenthèses et entre ces deux-là, nous allons écrire la déclaration, alors et si. Qu' est-ce qui doit être si ? Eh bien, si cette case à cocher, on va utiliser ce petit outil de fouet qu'on n'ait pas à l'écrire. Il va l'écrire automatiquement pour nous. Si nous allons utiliser cet outil de sélection ici du contrôleur d'expression à la case à cocher, vous voyez ici, il va écrire ce code pour nous, ce qui signifie simplement, « Hé, cette case à cocher. » Nous avons la case à cocher, donc si cela est coché, maintenant pour conduire cela, nous allons écrire double égal. Maintenant, la raison pour laquelle nous écrivons des doubles égaux est parce que nous allons juste vérifier quelle est la valeur. Est-il vérifié ou n'est-il pas vérifié ? C' est ce qu'on fait en ce moment. Si nous n'utilisions qu'un égal, alors nous allons enregistrer des variables dans cela. C' est pour plus tard dans cette classe, alors ne vous inquiétez pas encore trop à ce sujet. double est égal à un. L' un veut dire que c'est vérifié. Zéro signifie que ce n'est pas vérifié. C' est aussi simple que ça. Vous pouvez également écrire vrai ou faux. C' est aussi une possibilité, mais j'aime travailler avec un et zéro. Cela fonctionne aussi très bien. On a les déclarations entre deux parenthèses. Maintenant, nous allons écrire ce qui doit arriver. Pour ce faire, nous allons travailler avec le point-virgule, qui est ce petit chiffre juste ici, et cela doit aussi s'arrêter quelque part. Nous pouvons déjà aller de l'avant, y mettre quelques espaces et écrire le deuxième point-virgule pour fermer cela. Tu veux toujours ouvrir quelque chose et le refermer. Entre ces deux-là, nous allons écrire ce qui doit arriver, ou juste en d'autres termes, la valeur qui doit être à l'intérieur des amplitudes du Maître. On peut aller de l'avant et écrire 100 ici. Il va utiliser 100 et le mettre là-dedans. C' est aussi simple que ça. Que doit-on se passer si ce n'est pas le cas ? Que faire si la case à cocher n'est pas cochée ? Eh bien, ça doit être zéro, bien sûr. On va écrire juste après ce point-virgule, sinon, quoi d'autre ? Puis la même chose encore, ouvrez le point-virgule. Nous allons écrire zéro maintenant, et encore, fermer le point-virgule. On y va. Si la case à cocher est une ou activée, la valeur de l'amplitude principale doit être 100. Si ce n'est pas le cas, sinon, la valeur doit être nulle dans les amplitudes Master. C' est ainsi que nous pouvons écrire une expression If Else. C' est la base, et nous allons voir plus tard dans cette classe aussi, comment allons-nous utiliser ce code pour faire beaucoup plus de choses car au lieu de 100, nous pourrions également donner une action toute différente à cette expression, mais c'est pour l'instant. Cliquez simplement loin de cela, sélectionnez notre contrôleur. Vous verrez maintenant si nous avons coché la case D, nous n'avons pas les effets de pépins. Si nous le vérifions, nous avons les effets de pépin. Regarde ça. Reportons le panneau graphique Essential, qui est juste ici. Je vais sélectionner la composition If Else. Je vais juste faire glisser cette propriété de case à cocher maintenant dans cette fenêtre juste ici. Vous pouvez lui donner un nom, par exemple, des effets de pépin. L' utilisateur final dispose désormais d'un bouton à bascule très facile pour activer et désactiver cela. C' est aussi simple que ça, les gars. Nous pouvons aller de l'avant et l'exporter à nouveau dans Premier Pro et l'utiliser là-bas, mais c' est l'expression If Else. J' espère que c'était un peu clair. Assurez-vous certainement de pratiquer cela un peu sur vous-même avant d'aller plonger dans les prochaines leçons parce que nous allons travailler beaucoup plus avec ces expressions. Merci beaucoup d'avoir regardé, et je te verrai dans la prochaine leçon. 4. Concevoir un tiers inférieur: Salut, mon nom est, et ma profession l'est. Tu vois que je gagne du temps ici, je n'ai même plus besoin de dire mon propre nom. J' utilise juste un modèle pour cela, quelque chose que j'ai créé à l'époque et maintenant je suis juste en train de le réutiliser. Je pense que ce truc de modèle commence à être clair. Créons un tiers inférieur, les gars, comme ce que vous venez de voir. Je suis ici dans Adobe After Effects. La première chose que je vais faire, qui a déjà été activé que je vois ici est mon titre, zone de sécurité, que vous pouvez faire à partir d'ici. Créons quelque chose d'amusant. Créons d'abord un arrière-plan. Je vais juste prendre l'outil rectangle ici sur le dessus, et je vais dessiner un rectangle comme celui-ci. Ce sera l'arrière-plan de mon texte de nom. Assurez-vous donc d'être également organisé et simplement renommer vos calques de texte. Par exemple, il s'agit du nom d'arrière-plan rouge. Nice, créons une animation pour cela pour la propriété de position donc juste ici quelque part, où l'animation se termine. Alors faites une image-clé pour cela, remontez dans le temps, maintenant poussons la vers la gauche. On y va. Maintenant que le rectangle vient de ce côté, a l'air génial. Maintenant, assurez-vous de toujours travailler avec des images clés lisse gars. Assurez-vous que l'image clé de fin ici, cliquez avec le bouton droit dessus et dirigez-vous vers votre assistant d'images-clés et choisissez une facilité facile dans, l'animation arrive donc maintenant, nous avons une animation fluide en cours. Des choses très basiques. Dupliquons ce calque pour y ajouter un effet supplémentaire. Voilà, et je vais renommer ce haut ici en fond blanc parce que je vais changer la couleur de ce rectangle en blanc. On y va. Maintenant, voici quelque chose d'intéressant quand nous allons décaler le calque supérieur ici par quelques images, vous verrez que nous avons cette animation en cours, où nous avons ce rectangle rouge ici en bas se révélant, si peu de teinte supplémentaire à ça. Ça a l'air bien. Maintenant, nous allons également créer un nouveau champ d'arrière-plan pour la profession ou les sous-textes. Comme avant de dupliquer l'une de ces couches, vous pouvez le faire d'ailleurs en appuyant sur « Control D » ou « Command D » sur votre clavier si vous travaillez sur un Mac. Je vais faire glisser ce calque ici vers le bas, appuyer sur la touche « U » de votre clavier pour révéler les images clés et si vous vous tenez sur l'une de ces images et sélectionnez tout le reste, ce que vous pouvez faire maintenant est de prendre ce calque et de le faire glisser vers un position différente, mais assurez-vous également que les images clés sont livrées avec elle. Maintenant, si vous maintenez la touche Maj enfoncée pendant que vous la déplacez, elle sera verrouillée sur un certain axe, dans ce cas, l'axe y afin de tirer un peu vers le bas, comme ça. Ce sera, je vais le renommer en rouge pour les sous-textes. Encore une fois, dupliquez ce calque, et ce sera le blanc, donc nous allons le renommer en arrière-plan blanc. Changez la couleur de ça en blanc, et vous savez quoi ? Juste pour avoir une différence ici, je vais abaisser ce calque comme ça et cette fois décaler le calque rouge au lieu du calque blanc. On y va. Nous avons maintenant cette animation en cours ici, et pour la rendre encore plus belle, nous allons d'abord révéler le nom, puis les sous-textes. Alors prenez ces deux couches ici et déplacez-les un peu plus vers la droite, comme ça. D' abord le nom entre, puis la profession, à l'air magnifique. Mais pour être encore plus organisé à l'intérieur de votre troisième design inférieur, ce que je ferais aussi, c'est donner des couleurs différentes à mes étiquettes. Ceux qui sont en haut, ils ont des couleurs bleues ici, ces étiquettes, et vous savez quoi ? Pour un sous-texte, nous pouvons réellement donner qu'une couleur différente, par exemple, orange, [inaudible] savoir comment nous pouvons clairement voir ce sont les couches pour le sous-texte et ce sont pour les textes principaux. La raison pour laquelle je trouve qu'il est si important d'être organisé est parce que vous faites un modèle et peut-être dans quelques mois, vous voulez faire des ajustements à ce modèle, donc vous voulez revenir au projet et comprendre ce que vous avez créé il y a quelques mois. Prenons maintenant l'outil de texte et commençons à taper le texte, le détenteur de la place. Pour le top, ça va être un nom, on y va. Je vais changer la couleur de ça en rouge peut-être, on y va. Rendre ça un peu plus petit, et je vais aligner ça juste ici à côté de cette ligne directrice. Maintenant, voici quelque chose de super important, les gars, quand vous concevez des modèles, vous devez garder à l'esprit que les champs de texte vont changer. Cela signifie que si je vais taper ici au lieu du nom Yannick, qui est mon collègue, vous verrez que cela ne sera plus aligné sur la ligne directrice de gauche. C' est parce que mon alignement est mal réglé. Peut-être que cela n'aurait pas d'importance si vous travaillez simplement avec un texte fixe, si vous créez des modèles, c'est quelque chose à garder à l'esprit à tout moment. Donc, sous le paragraphe lambrissé ici, assurez-vous de l'aligner sur le côté gauche car nous avons également un tiers inférieur sur le côté gauche. Maintenant, nous pouvons faire glisser ce calque de texte ici vers la ligne directrice de gauche, et si je vais changer ce texte en nom, vous verrez qu'il commencera à partir de cette ligne directrice de gauche. Pour l'instant aux sous-textes, créons un nouveau calque de texte et appelons ce sous-texte, faites celui-ci vos blancs, là nous allons, et peut-être, peut-être, changez la police un peu au lieu d'Arial Black faire ce audacieux pour qu'il ne soit pas trop audacieux comme le noir. Nous allons mettre à l'échelle D pour qu'il tienne dans le sous-texte. Mais quelque chose à garder aussi à l'esprit les gars est ce que vos couches d'arrière-plan. Si, par exemple, vous avez quelqu'un avec un nom de profession très long, gardez cela à l'esprit aussi parce que si nous allons commencer à taper cette couche ici, et que cela va au-delà de ce contexte, cela ne semble plus aussi bon. Pensez au mot le plus long que vous utiliserez ou que votre utilisateur final pourrait utiliser et assurez-vous que vous disposez d'une certaine place avec vos calques d'arrière-plan. Maintenant, avant que vous ne me posiez la question, puis-je aussi mettre à l'échelle mon calque d'arrière-plan avec le texte ? Eh bien, oui. Mais c'est un peu complexe et implique des expressions plus complexes, et c'est pourquoi j'ai une leçon séparée pour cela plus tard dans cette classe. Pour l'instant, nous allons simplement concevoir ceci avec un fond fixe, la taille à l'esprit. Appelons ça au sous-texte, on y va. Maintenant, nous allons aussi créer une animation de texte, et ce que j'ai en tête, c'est que lorsque ce bloc arrive ici et qu'il couvre les rouges de la même couleur du texte, nous pouvons alors le révéler. Je vais le faire avec un masque, peut-être désactiver maintenant la zone d'action sûre du titre parce que nous n'en avons plus besoin. Commençons par créer un masque sur son point de terminaison. Il suffit de cliquer ici sous « Outil Rectangle », mais assurez-vous d'avoir votre couche de nom sélectionnée. Faites glisser un masque autour d'elle et assurez-vous qu'il est assez long pour qu'il ne coupe rien pour les noms longs. Gardez ça à l'esprit, les gars, faites-le toujours. Maintenant, revenons à l'endroit où l'animation se termine quelque part juste ici, et je vais aligner mon masque à côté de cette ligne. Quelque chose comme ça. Maintenant, prenons le chemin du masque parce que c'est ce que nous allons animer, et allons juste avec ces deux images revenir ici et déplacer le masque tout le chemin en arrière aussi. Maintenant, parce que nous avons cette image clé lisse, la facilité de continuer avec les arrière-plans. Nous voulons aussi le faire probablement ici, parce que sinon, vous pouvez voir ici que l'animation du masque et du rectangle ne s'alignent pas. le bouton droit ici sur le dernier assistant d'images clés et choisissez la facilité facile dans et maintenant ils font correspondre. Ça n'a pas besoin d'être parfait parce que nous avons ce bloc de rectangle rouge, nous sommes juste en train de le couvrir. Cela a l'air bien, il se révèle maintenant par derrière. Faisons la même chose pour les sous-textes, créez un rectangle de masque dessus comme ça. Assurez-vous d'aligner cela. Créez une image-clé pour le chemin du masque. Retournez dans le temps, où ce rectangle est hors du cadre comme ça, et déplacez tout le chemin vers la gauche. On y va. Cliquez avec le bouton droit de la souris et choisissez « Easy Ease In », et ce sous-texte est maintenant également révélé. Maintenant, une dernière chose à faire, c'est d'activer le flou de mouvement pour tous ces calques. Pour regarder cela, nous avons une animation très moderne et serrée de la troisième partie inférieure. J'adore celui-là. Maintenant, comme je l'ai déjà dit, lorsque vous créez des modèles, gardez toujours à l'esprit toutes les options que l'utilisateur pourrait vouloir changer. Quand je pense aux tiers inférieurs, je pense aussi à la position de ces tiers inférieurs, donc dans ce cas il est assis sur le côté gauche. Mais que se passe-t-il si vous avez vos sujets aussi assis sur le côté gauche et que vous vouliez peut-être avoir votre tiers inférieur sur le côté droit ? Donnons cette option à l'utilisateur final. Créons un menu déroulant où ils peuvent choisir s'il doit coller sur le côté gauche ou droit. Maintenant, pour ce faire, nous allons devoir créer notre tiers inférieur aussi bien sur la bonne taille. Oui, nous pouvons aller de l'avant et sélectionner toutes les couches ici et dire « Control C, Control V » pour faire une duplication directe de cela. Malheureusement, il n'y a pas de commande de commutateur pour le faire basculer automatiquement. On va avoir à diriger manuellement ça pour s'asseoir sur le côté droit. Alors que je suis maintenant en train de changer toutes ces images clés manuellement pour qu'elles viennent du côté droit. Il est quelque chose à garder à l'esprit aussi, est que votre texte a également besoin d'un nouvel alignement. Cela signifie que nous allons aller au paragraphe tout de suite et changer l'alignement sur les bons côtés, comme ça, et juste ramener cela aux droits. La même chose pour le nom sur les côtés droit et ramener cela aux droits. La dernière chose que je dois faire est juste de changer l'animation des chemins de masque. On y va. Si nous lisons maintenant cela, nous pouvons voir que nous avons un tiers inférieur des deux côtés, que nous pouvons utiliser comme modèle. Maintenant, comment allons-nous donner l'option à l'utilisateur final de basculer entre ces deux ? La première chose que je vais faire est de regrouper ces deux tiers inférieurs ensemble, ce qui va être un pré-comp. Sélectionnez tout à partir du côté droit, cliquez avec le bouton droit de la souris et choisissez pré-composer. On va appeler ça l'animation des droits. Appuyez sur « Ok », et entrez la même chose pour l'autre, cliquez avec le bouton droit de la souris, pré-composer et appelez celle-ci animation gauche. On a deux couches en ce moment. Si nous ne voulons pas aller à la propriété opacité, nous pourrions créer une expression pour amener l'opacité de 0 à 100 pour activer ou désactiver chacune de ces couches. Comme nous l'avons vu précédemment, nous allons créer un nouvel objet nul et nous allons appeler ce contrôleur. Sur ce contrôleur, je vais appliquer quelque chose appelé menu déroulant, qui est aussi un effet de contrôle d'expression. Là, nous allons, dirigez-vous vers les contrôles d'effets et nous allons aller modifier ici à partir des propriétés d'effet. Supprimons simplement l'un de ces éléments avec le moins sur le dessus et changeons les autres noms. Le premier va être à gauche et l'autre va avoir raison. Puis appuyez sur « Ok », donc nous avons deux éléments dans mon menu déroulant, gauche et droite. Avec ça, je veux basculer entre ces deux-là. Appelons ceci ici la propriété position. On y va. La position des tiers inférieurs. Comme avant, il suffit d'ouvrir ça, le menu de position des effets juste là. C' est ce à quoi nous allons lier. Commençons par le premier. L' animation droite frappe le bouton « T » sur votre clavier pour faire apparaître la propriété opacité et Alt cliquez sur le chronomètre, supprimez le texte et commençons à écrire quelque chose de nouveau. Comme nous l'avons vu auparavant, si, ouvrez les parenthèses, nous allons faire un lien vers le menu. On y va. Alors double égal parce que nous allons voir ce qu'il y a dans le menu déroulant et je pense que ce sera la position 2, j'ai raison ? Oui. Parce que gauche est le premier élément du menu déroulant et droit est le deuxième élément du menu déroulant. C' est pourquoi nous devons aussi écrire dans le deuxième numéro ici. Si cela est égal à 2, alors, point-virgule ouvert, il peut être 100 opacité. Si ce n'est pas le cas, nous allons écrire autre maintenant, alors il doit être zéro. Nous ne voulons pas afficher ce calque et fermer les parenthèses. On y va. Si tout s'est bien passé, quand je vais changer ce menu déroulant à gauche, il va cacher ce calque et montrer quand je vais le définir sur les droits. Nous pouvons maintenant écrire exactement le même code pour les tiers inférieurs gauche, mais juste changer un petit paramètre. Pour le rendre plus facile, je vais juste copier ce code entier ici, Contrôle C, Alt cliquez sur l'opacité de l'animation gauche et juste coller cela dedans. Mais je vais changer la position du menu à une dans cet exemple. Maintenant, nous pouvons juste aller de l'avant et passer de gauche à droite. Comme vous pouvez le voir, la seule chose qu'il fait est juste de changer l'opacité, montrant un calque ou l'autre. Maintenant, nous allons évoquer nos graphismes essentiels. Je vais sélectionner les tiers inférieurs de composition, et je vais apporter cette propriété de menu juste là. Ce sera la propriété de position gauche ou droite. C' est quelque chose de super convivial pour l'utilisateur final. Tout le monde adore les menus déroulants. Très bien, donc il y a une dernière chose à faire, c'est le texte réel. Maintenant, il y a un problème car quelle propriété de texte allons-nous ajouter aux graphiques essentiels aux modèles ? On a la gauche et on a raison. Cela signifie-t-il que nous devons créer deux champs de nommage pour gauche et droits ? Non, bien sûr que non. C'est comme ça que ça marche. Ouvrons les deux compositions. On y va. Je les ai ici. Peut-être pour le rendre un peu plus facile, je vais juste faire glisser la droite ici le côté droit de mon écran et avoir la gauche ici sur la gauche. Voici les deux compositions. Ce que je veux faire, c'est juste faire un de ces champs de texte, le maître et l'autre va suivre. C' est comme ça que ça marche. Je vais commencer par les champs de nom, et je vais juste ouvrir la propriété de texte pour la source de texte. Ici aussi, nom, ouvrez la source du texte. C' est aussi une expression, mais heureusement nous n'avons pas à écrire beaucoup, nous avons juste à les lier ensemble, donc le nom 2 va suivre ce que son texte source ici. Prenez le fouet de sélection 2 pour les textes source, va suivre son maître, qui est le texte source de l'animation gauche, l'autre champ de nom. On y va. C' est aussi simple que ça. Vous verrez maintenant que permettez-moi juste d'agrandir cette composition pour un instant. À l'intérieur du texte source automatiquement, un code d'expression a été écrit, ce qui ne fait que pointer vers le texte source de l'autre calque. Bon, alors faisons la même chose maintenant pour les sous-textes. Il suffit de réduire ces deux autres ici, textes source, sous-texte, là nous allons et le lier ou le parent à l'autre calque. Cela signifie maintenant que nous n'avons plus à nous soucier de la bonne animation, nous pouvons tout simplement aller de l'avant et prendre le texte source pour les sous-textes de l'animation de gauche, qui est le maître dans les graphiques essentiels, et la même chose va aussi pour le nom. Mettons ça sur le dessus et appelons ce nom et l'autre sous-texte. On y va. C'est aussi simple que ça. Vous verrez maintenant, vous pouvez aller changer de nom en Jordy, gars très gagner du temps. Maintenant, comme vous pouvez le voir, il a changé la source du texte des tiers inférieurs gauche mais aussi celle des tiers inférieurs droit, car il ne fait que pointer vers les autres champs de texte. C' est ainsi que vous pouvez créer votre propre troisième modèle inférieur avec beaucoup d'options différentes, mais toujours le rendre très convivial pour l'utilisateur final, c'est quelque chose que vous devez toujours garder à l'esprit, le rendre convivial. C' était encore ça. Merci beaucoup d'avoir regardé et je vous verrai dans la prochaine leçon. 5. Animations avancées: Maintenant, vous avez fait un travail incroyable jusqu'à présent. Voyez ce que vous avez fait jusqu'à présent. Vous avez écrit des expressions, créé des modèles. Vous avez déjà appris une tonne, alors continuez. Je suis toujours super excité, alors continuons maintenant dans cette leçon. Nous allons créer une légère animation de texte, et nous allons travailler avec des choses comme la liaison d'objets. Je vais également vous apprendre à travailler avec des courbes d'animation, et enfin, quelques techniques de formatage pour créer un modèle. Commençons. Je vais aller à mon outil de texte en haut, comme [inaudible]. Nous allons créer ce mot rester, et ensuite nous avons ces textes coulissants à venir comme rester créatif, rester en sécurité, rester au frais, ou tout ce que vous voulez. Faisons ça. On va commencer par écrire Stay, et je vais placer ça ici. Je vais mettre l'alignement à droite. Il est déjà correctement défini parce que si nous allons donner à l'utilisateur final la possibilité de changer également ce texte, cette personne pourrait écrire quelque chose plus longtemps. Alors gardons ça avec Stay maintenant, et je vais l'aligner quelque part juste ici. Vous pouvez également utiliser les outils d'alignement ici sur le dessus si vous voulez le positionner exactement au milieu ici avec ce bouton. On y va. Ce sera le texte principal, donc nous allons renommer ce calque en MAIN TEXT. Ensuite, je vais juste dupliquer le texte principal, et de cette façon, je suis sûr que nous avons exactement la même taille et tout ce que ce calque de texte. Celle-ci, je vais aligner sur le côté gauche, et le rapprocher plus du milieu comme ça. Mais tu sais quoi ? Appelons ça Creative. Ça va être mon sous-texte 1. Continuons à faire ça. Je vais dupliquer le sous-texte numéro 2, et je vais déplacer celui-ci comme ça. On va appeler celui-là, disons en sécurité. Rédupliquons ça, abaissons ça. Appelez ça Cool. Peut-être, peut-être un numéro de sous-texte 4 de plus. Reste, je ne sais pas. Chaud. Vous voulez rester au frais quand il fait chaud dehors, et vous voulez rester au chaud quand il fait froid dehors. Ça a du sens. Je veux que vous créiez des animations maintenant où sont ces textes montent. On ne va animer qu'une de ces couches de textes. Ce sera le moyen le plus efficace, et nous allons simplement relier tous les autres calques de texte au maître. Les autres vont être les adeptes. Tout comme nous l'avons vu dans la leçon précédente où nous allons lier les textes source au maître, cette fois nous allons simplement lier la couche entière à elle. Cela va être fait avec l'outil parent, que nous pouvons trouver ici. Ces fouets de cueillette ici. Si vous ne pouvez pas voir cela d'ailleurs, cliquez avec le bouton droit de la souris ici dans vos colonnes, et à partir de là vous pouvez choisir vos colonnes, les options Parent & Lien. Nous allons tout lier au Sous-texte numéro 1, donc il suffit de sélectionner tous les autres calques de sous-texte. Il suffit de prendre l'outil de prélèvement fouet et de le lier au Sous-texte numéro 1. On peut juste aller de l'avant et n'animer que le top. Tu sais quoi ? C' est la dernière position ici, donc je vais aller un peu en avant dans le temps, créer un cadre clé, puis revenir dans le temps et pousser ce texte vers le bas. Vous pouvez voir ici tout le reste suit avec cela. Pour être sûr que nous restons toujours sur la même ligne, nous pouvons en fait parler les dirigeants ici dans la composition. Si vous appuyez sur « Control R », vous pouvez voir cela apparaître ici, et vous pouvez réellement faire glisser une règle de cela. Je vais aligner ça avec le texte Stay, et de cette façon je suis sûr que je reste sur les mêmes hauteurs. Rejouons ça et ça a l'air bien, mais je voulais aller beaucoup plus lisse. Une chose que nous pouvons faire est juste un clic droit sur cette image clé de fin, il suffit de passer à Key frame Assistant et de choisir « Easy Ease In ». Maintenant, il va déjà un peu plus lisse, mais je voulais aller encore plus lisse. Voici où ces courbes d'animation entrent en jeu. Pour faire apparaître ces courbes d'animation, ce que nous avons juste à faire ici est de cliquer sur cette icône, l'éditeur de graphiques. Ici, ce que nous voyons maintenant, c'est cette courbe de discours. Si vous ne pouvez pas le voir, ce que vous voulez faire est alors aller dans ce petit menu juste ici et choisir un type de graphique. Vous voulez vous assurer que l'option Modifier le graphique de vitesse est sélectionnée. Je pense que par défaut le graphique de valeur est sélectionné, donc vous pouvez changer cela. Si nous pouvions maintenant pousser ici ou tirer sur ce levier, nous pouvons faire passer les textes plus vite au début et ralentir lentement jusqu'à la position finale. Plus la ligne du graphe de vitesse est élevée, plus votre animation va vite. Plus c'est bas, plus il va lentement. Rejouons ça. Comme vous pouvez le voir ici, il arrive rapidement, mais il s'arrête aussi beaucoup plus lisse. Vous pouvez également tirer un peu plus les côtés droit faisant une bonne animation juste plus longtemps et chronométré. Il arrive vite et il s'arrête lentement. air super. Si vous le souhaitez, vous pouvez également ajouter cette expression là comme nous l'avons vu auparavant ici sur notre site Web. L' expression Bounce, quelque chose que j'utilise très souvent. Alt/cliquez sur ce chronomètre. Faites aussi basé dans une expression ici. On y va. Maintenant, nous pouvons avoir ce rebond très doux là-dedans. La raison pour laquelle nous ne voyons plus ce rebond est parce que nous avons cette courbe d'animation en cours. Plus vous lissez cette courbe d'animation, moins vous voyez rebondir. Mais quelque chose de remarquable, si nous allons dans le code d'expression ici ; laissez-moi juste faire un peu plus de place pour cela, il y a des choses que nous pourrions comprendre. Par exemple, ici, en bas, nous pouvons trouver des amplitudes ; la valeur de l'ampli, la fréquence et la désintégration. Par exemple, l'amplitude. Plus les amplitudes sont élevées, plus il rebondit, alors essayons de changer cela. Peut-être mettre ça à cinq ou quelque chose comme ça. Voyons ce que ça fait. Déjà vous pouviez voir maintenant qu'il équilibre supplémentaire à la toute fin. Ça n'a pas l'air si génial, alors peut-être diminuer un peu. C' est ainsi que vous pouvez jouer avec ces expressions aussi. Ça à deux, et je pense que ça a l'air très bien. Nous avons un équilibre très doux là-dedans, ce qui le rend plus dynamique. Vous pouvez également jouer avec la fréquence et la désintégration pour juste voir ce que cela fait pour votre animation. C' est le premier qui a l'air bien. Passons au prochain texte. Restez créatif, nous allons créer un nouveau cadre clé. Allez de l'avant dans le temps, et apportez ça à Rester en sécurité. Comme avant de créer des courbes d'animation, alors revenons dans l'éditeur de graphiques. Si vous ne voyez aucun graphique ici, cela signifie que vous n'avez pas sélectionné votre propriété. Assurez-vous de simplement sélectionner cela, et cela ferait apparaître les courbes. Faisons-le encore. Je vais sélectionner la première image clé, abaisser et la tirer sur le côté droit. Amenez l'autre aussi vers le bas, et amenez-le sur le côté gauche. Nous allons accélérer à une vitesse très rapide, puis revenir à la position d'arrêt. Regarde ça, j'ai l'air génial. Continuons à faire ce cadre clé, allons de l'avant dans le temps et évoquons la question. Encore une fois, dans l'éditeur de graphiques, tirez cette image clé vers le bas vers la gauche, tirez cette image clé vers le bas vers la droite. On y va. Regardons l'animation finale. Je pense que ça a l'air cool. Nous pourrions maintenant aller de l'avant et supprimer cette ligne directrice en la faisant glisser à nouveau vers le haut et peut-être aussi décocher la zone de sécurité du titre, et nous y allons. La prochaine chose que je veux faire est de mettre en évidence tous les autres textes. Alors montrez seulement celui qui est assis à côté de Stay. Pour ce faire, je vais tout regrouper. Sélectionnez simplement tous vos sous-textes, cliquez avec le bouton droit de la souris et choisissez « Pré-composer ». On va appeler ça les Subtextes. Appuyez sur « Ok ». Maintenant, c'est juste une question très simple de faire glisser un masque rectangle sur cette composition, quelque chose comme ça. C' est ainsi que nous pouvons révéler ces autres textes sous le masque. Ça a l'air assez cool, même si je dois le dire moi-même. Apportons cela dans un modèle, et je veux vous montrer quelques options de formatage plus. Nous allons revenir à l'Essential Graphics. Je vais sélectionner ma composition principale, qui est le Rolling Text. Appelons cela aussi Rolling Text, et nous allons faire glisser les propriétés ici que nous trouvons importantes à modifier. Ce sera le texte principal ici, le texte source de cela. Donnons ça une étiquette, Main Text. Ensuite, le sous-texte, nous allons devoir sauter dans le pré-comp pour cela, et juste glisser n'importe lequel de ceux-ci ici. On y va. Sous-texte 1, Sous-texte 2, Sous-texte 3, et enfin Sous-texte 4. Nous pouvons donner à cela un nom, Sous-texte 1, Sous-texte 2 pour que les gens voient ce qu'ils changent. C' est maintenant quelque chose que nous pourrions exporter en tant que modèle pour l'utilisateur final, mais nous pourrions rendre cela un peu plus convivial en ajoutant des mises en forme. Ici, en bas, nous pouvons trouver un menu déroulant de mise en forme. Il y a deux choses que nous pouvons faire, nous pouvons ajouter un commentaire et nous pouvons ajouter un groupe. Commençons par ajouter un groupe. Fondamentalement, ce groupe est comme une poubelle. Nous pouvons, par exemple, appeler un principal, et nous allons faire glisser le texte principal là-dedans. On pourrait aussi faire un groupe à l'intérieur d'un groupe, ce sera les sous-textes mais je vais faire glisser ce groupe en dehors de ce groupe. C' est juste comme faire des dossiers gars, vous pouvez également faire des sous-dossiers évidemment. Je vais juste apporter tous ces sous-textes ici. On y va. Maintenant, nous avons deux groupes. Nous pouvons aussi les effondrer, les étendre à nouveau. Ceci est vraiment utile si vous avez beaucoup de propriétés à donner aux utilisateurs finaux, afin qu'ils aient une meilleure vue d'ensemble de ce qui est pour quoi. Enfin, nous avons également une option ici appelée Ajouter des commentaires, qui est fondamentalement juste l'étiquette. Vous pouvez donner des informations à l'utilisateur final. Par exemple, donnez l'étiquette ici Info, et nous allons dire Changer le texte des sous-textes et peut-être placer cela ici en haut. Maintenant, les gens sauront que ces options sont pour changer les sous-textes. Il s'agit d'un champ non modifiable en passant. Il agit juste comme étiquette, comme une information à partager. Quelque chose que vous pouvez également faire définitivement si vous allez partager votre modèle sur un marché ou quelque chose est de donner des informations sur l'archer. Créé par Jordy Vandeput. Donnez des informations sur les droits d'auteur peut-être avec cela. Habituellement, une telle étiquette est placée sur le bas, ou tout le chemin sur le haut de vos modèles comme ça. La dernière chose que je veux vous montrer, c'est l'heure de l'affiche. Pour cela, je vais revenir dans ma composition principale ici, et choisir un cadre ici dans ma composition que je pense qui devrait agir comme une miniature pour les modèles. Par exemple, peut-être quelque part entre deux, sorte que vous montrez également cela a une animation. Ils le sont certainement si nous allons activer le flou de mouvement, il suffit de regarder ça. Nous pouvons dire, utilisez ce cadre comme vignette en cliquant ici sur Définir l'heure de l'affiche et vous verrez également qu'il met à jour ici. C' est ce que les utilisateurs verront dans Premiere Pro lorsqu'ils se chargeront dans vos modèles. Laissez-nous nous asseoir sur Export Motion Graphics Template. Oui, sauve ça. Celui-ci va s'appeler le Rolling Text. Il a déjà le bon nom. Allons juste frapper « Ok ». Oui, je sais que nous n'utilisons pas de police Adobe. Je suis d'accord avec cela, et passons maintenant à Premiere Pro. À partir du panneau Graphiques essentiels, je vais cliquer ici en bas pour installer un nouveau Motion Graphics Modèles et choisir mon Rolling Text et nous y allons. Nous pouvons également voir ici la vignette que nous avons choisie. On peut faire glisser ça dans la chronologie, et on y va. Minute est sélectionné, nous pouvons alors changer tout ce que nous avons défini auparavant. Ici vous pouvez voir ces étiquettes créées par Jordy Vandeput. Sous-texte avec plus d'informations sur ce qu'il faut faire avec cela. Vous pouvez également réduire ces groupes maintenant parce que nous avons créé des groupes ou les développer à nouveau, et nous pouvons modifier le texte directement là. C' est ainsi que nous pouvons ajouter d'autres mises en forme vers un modèle, ainsi que créer une animation plus avancée à l'aide liaison d' objets et de ces courbes d'animation. Avec ça, j'espère que vous avez appris quelque chose de nouveau. Merci beaucoup d'avoir regardé, et je te reverrai dans la prochaine leçon. 6. Commandes de couleur: Couleurs. On ne les aime pas ? Oh, regarde, rouge, c'est ma couleur préférée. Quelle est votre couleur préférée ? Commençons, les gars. Ce que j'ai ici, où sont mes tapis de souris ? J' ai perdu mes tapis de souris. Est-ce des tapis de souris ou des tapis de souris en anglais ? Je ne sais pas. Quoi qu'il en soit, continuons. C' est une animation très simple de deux rectangles. On a une ligne de fond et une ligne supérieure. Fondamentalement, ce qui se passe, c'est juste qu'ils s'animent en entrant et en sortant et un texte se révélera. Je ne me soucie pas trop du texte en ce moment, je suis plus intéressé par ces deux rectangles dont je veux changer de couleur. Nous savons tous que, par exemple, si nous faisons apparaître l'opacité de la ligne supérieure, et nous allons cliquer sur Alt sur le chronomètre pour écrire une expression, que nous pouvons écrire une valeur ici. Par exemple, 50. Il sortira que comme l'opacité, 50 pour cent. La propriété opacité va juste jeter un oeil à ce que la valeur est à l'intérieur de l'expression. Si nous écrivons une expression if/else, maintenant nous allons aussi écrire ce que la valeur doit être. C' est exactement la même chose. Quand nous allons aller à la couleur de ce rectangle, nous allons le trouver ici. Contenu, Rectangle, Remplissage, ici, la couleur. Quand nous allons à Alt cliquer dessus, alors que devrions-nous écrire là pour la couleur rouge, par exemple ? Essayons un rouge, mais je ne pense pas que ça va marcher. Non, il ne peut pas lire le rouge. Pour les couleurs, nous voulons également lire une valeur numérique, mais quel est le nombre de rouge ? Eh bien, il y a un outil très simple pour ça. Si vous voulez rechercher sur Google pour le sélecteur de couleurs, vous pouvez effectivement trouver cet outil ici où vous pouvez simplement faire glisser cette chose autour de choisir la couleur que vous voulez, et vous savez quoi ? Prenons quelque chose qui ressemble au rouge. On y va. Ici, en bas, vous pouvez alors trouver un tas de chiffres. Nous obtenons la valeur HEX de cette couleur, nous obtenons également la valeur RVB, le CMJN, etc. Toutes ces sorties une valeur numérique différente, et c'est quelque chose qui nous intéresse. Plus particulièrement, la valeur RVB. Ces trois chiffres, ils représentent rouge, vert, bleu, tout comme le nom RGB. Le maximum, si je vais juste faire glisser ça jusqu'ici dans le coin, rouge pur, vous verrez que le rouge se trouve maintenant à 255, ce qui est le maximum. Cela peut être considéré comme un rouge pur à 100 pour cent. n'y a rien de plus quand cette valeur se trouve à zéro pour cent ou aussi zéro et sa valeur numérique, nous n'avons pas de rouge. Apportons tout le chemin ici au noir, c'est maintenant zéro ainsi que pour toutes les autres couleurs. Le rouge, le vert et le bleu sont tous zéro, noir. Mais si nous pouvions amener ça jusqu'au blanc, tout est 255. Si toutes les couleurs sont les mêmes, elles s'additionnent les unes aux autres et nous obtenons du blanc. Mais si nous obtenons quelque chose entre les deux, allons-y pour quelque chose comme ça, nous obtenons une valeur très différente. Si nous additionnions tous ces 153, 125 et 41, nous aurions ce jaune très laid. C' est quelque chose de très intéressant à savoir. Nous pouvons simplement aller de l'avant et copier et coller la valeur d'ici dans After Effects. Choisissons une couleur plus belle, quelque chose comme le vert. On y va. Je vais juste copier ceci et appuyer sur « Control C » pour copier cette valeur, puis revenir dans After Effects. C' est quelque chose que nous pouvons maintenant simplement coller dans l'expression. Mais avant de le faire, nous allons d'abord devoir écrire entre crochets ouverts parce que nous allons devoir définir quatre points. Chaque fois que nous allons parler de ses points ou de plusieurs valeurs, vous devez toujours ouvrir une parenthèse. Si nous allons travailler avec la position, par exemple, nous obtenons deux valeurs : l'axe y et l'axe x. Ensuite, nous écririons également les crochets ouverts. Dans ce cas, ils vont être quatre valeurs. Je sais que nous venons d'en copier trois, mais nous entrerons dans le quatrième dans un instant. Donc, le crochet ouvert et va coller, les valeurs juste là. Nous pouvons simplement laisser les virgules parce que chaque fois que nous ajoutons une virgule dans notre expression, cela signifie que nous allons commencer avec les points suivants. On devient rouge, vert, bleu, et il y aura une quatrième virgule, et c'est le canal alpha. Alpha signifie simplement opacité. Quelle sera l'opacité de la couleur ? Si je mettais cela à zéro, alors ma couleur serait transparente. On ne voit rien. Si je mettais ceci à 255, qui est maximum, alors nous avons une opacité à 100 pour cent. Dans ce cas, allons-y. Tapez simplement 255, l'opacité maximale et fermez le crochet. Voyons ce qui se passe. Si je vais cliquer, vous verrez que la couleur de cette ligne supérieure ne change pas vraiment. Il est toujours blanc, et c'est parce qu'After Effects fonctionne dans les valeurs RVB, mais cela ne regarde pas ces 0-255. C' est parce qu'After Effects regarde ses couleurs de 0 à 1 et tout ce qui se trouve entre les deux, c'est-à-dire 0,7, 0,4, etc. La raison de cela est liée à la profondeur des bits de couleur. Mais en tant qu'artiste du graphisme, nous ne nous en soucions pas beaucoup. Je ne vais pas vous déranger avec cette longue explication. Nous allons juste faire une équation mathématique très simple en expression. C' est vrai. Nous pouvons également l'utiliser comme une calculatrice. Si 255 doit être un, cela signifie que nous pouvons tout simplement diviser ceci par 255. C' est aussi simple que ça. Une fois que vous avez écrit cela, nous obtenons exactement la même couleur que celle que nous avons choisie dans le sélecteur de couleur Google, ce beau vert. C' est ainsi que nous pouvons définir et écrire des couleurs, et c'est ainsi que nous pouvons entrer une couleur dans une expression. Pourquoi est-ce important à vous demander ? Parce que oui, nous pourrions aussi simplement aller à notre tuteur Essential Graphics et très simplement faire glisser la propriété de couleur dedans et les utilisateurs auront juste la possibilité de changer la couleur à partir de là. Eh bien, c'est parce que parfois vous voulez juste donner une couleur prédéfinie, une couleur que l'utilisateur final n'est pas autorisé à changer. Par exemple, laissez-moi revenir à mes contrôles d'effets et je vais passer à Calque, Nouveau, Objet Null. Ça va être mon contrôleur. Renommons ça en contrôleur. Je vais faire glisser un menu déroulant dessus. Contrôleur de menu déroulant juste là. Passons à Edit, et je vais créer trois valeurs. Par exemple, nous avons créé ce tiers inférieur ici, mais chaque personne a sa propre couleur prédéfinie. Par exemple, Jordy a sa propre couleur, peut-être rouge, alors Yannick a aussi sa couleur, par exemple, bleu, et pour le dernier, nous avons Lorenzo, qui n'a pas de vert comme couleur. Allons frapper « Ok ». Maintenant, nous allons revenir dans le contrôle de couleur juste ici, et nous allons écrire à nouveau cette expression if/else. Si nous allons choisir Jordy dans ce menu déroulant ou juste moi, alors vous allez devoir afficher cette couleur spécifique. Si c'est quelqu'un d'autre, alors nous allons devoir afficher une autre couleur. Faisons ça. Cela va être une expression i/else plus compliquée donc ça va être vraiment intéressant. Laisse-moi juste faire ça ici un peu plus grand. Comme avant, je vais commencer par écrire si, donc si ouvrez des parenthèses, et nous pouvons choisir avec cela au menu ici en haut de sorte que le menu déroulant, si c'est la première valeur qui est Jordy, alors ouvrez point-virgule, il peut s'agir de cette couleur spécifique. Revenons à ce sélecteur de couleurs Google, et prenons la couleur rouge, copiez la valeur RVB, revenons dans After Effects. Je vais écraser ça avec ces trois nombres, le dernier est l'opacité. Laissez ça à 255, et nous allons dire un point-virgule proche. On y va. Vous verrez que c'est rouge ici. Si nous allons changer cela à Yannick, par exemple, cela va donner une erreur parce que nous n'avons pas encore cette option là-dedans. Mais vous verrez qu'il va changer la couleur de sorte que cela fonctionne très bien. Rendons ça à Jordy. Comme vous pouvez le voir ici dans mon expression, ce que je fais en fait, c'est aussi que j'ajoute des ruptures dans mon expression. De cette façon, j'ai un peu meilleur aperçu de ce que j'écris ici en citation, et peut-être, je peux même compenser cela un peu en appuyant sur tout ce qui est assis un peu plus loin ou se trouve dans une expression if/else. Mais maintenant vient la partie délicate parce que nous ne pouvons pas taper d'autre ici. Parce que si on fait ça, on dira, si Jordy, alors cette couleur, et sinon, autre chose que cette couleur. Mais parce que nous avons trois valeurs : Jordy, Yannick et Lorenzo, nous ne pouvons pas faire ça. C' est pourquoi je vais juste mettre fin à la citation si juste ici. Si nous avons sélectionné le premier élément du menu, modifiez la couleur à cette valeur. C'est ça. Nous pouvons maintenant aller de l'avant et il suffit de copier cette ligne entière ici, d' ajouter quelques pauses là-dedans, et de la coller parce que nous allons juste faire une seconde expression if pour le menu numéro 2. Revenons au sélecteur de couleurs de Google et laissons aller pour quelque chose de bleu comme ça, copiez la valeur RVB, revenez dans After Effects, et je vais changer la valeur ici à ce bleu. On y va. Encore une fois, copier tout, Contrôle C, ajouter une pause, coller, et cette fois, menu numéro 3, qui va être Lorenzo. Allons dans le sélecteur de couleur Google, sélectionnez vert, copiez cette valeur RVB. Revenons dans After Effects et modifions ici ces trois premiers chiffres. On y va. Essayons maintenant. Jordy, rouge, Yannick, bleu, et enfin, Lorenzo, vert. Cela fonctionne parfaitement et très intéressant maintenant est que nous pouvons aller de l'avant et aussi changer les textes ici. Ça dit « Mining ». Copions juste tout de cette expression. On va tout prendre. Je vais maintenant passer à mon calque de texte ici, dirigez-vous vers le texte source parce que c'est ce que nous allons changer, cette source de ce calque de texte, Alt cliquer sur le chronomètre et juste coller l'expression entière dedans. Je vais juste agrandir ceci en petits morceaux pour que vous puissiez voir mieux. On y va. Nous n'avons pas à donner des valeurs RVB en ce moment, nous allons donner des valeurs de texte. Vous pourriez penser qu'on peut juste aller de l'avant et écrire ici Jordy Vandeput, mais malheureusement, ça va donner une erreur. Si nous parlons de texte comme des textes purs comme mon nom, par exemple, alors nous devons toujours mettre cela entre guillemets. Faisons ça. Une citation là-bas et une citation par ici. On y va, Jordy Vandeput. Maintenant, il voit cela comme un texte réel. Faisons ça ici aussi. Yannick Theunissen, c'est son nom de famille. Enfin, nous obtenons Lorenzo Menz, avec un z. l'expression if a déjà été écrite, vous pouvez maintenant voir du contrôleur que si nous allons changer une de ces valeurs ici dans un menu déroulant que aussi le texte changera. Cela va être très utile si vous avez, par exemple, un spectacle en direct où vous avez toujours les mêmes personnes sur le spectacle, alors ne donnez pas trop d'options pour l'utilisateur final. S' ils peuvent simplement glisser un simple menu déroulant et qu'ils ont défini la bonne couleur et le bon nom, alors c'est encore plus convivial que de leur donner un contrôleur de couleur et une zone de texte. Ça a l'air superbe. La dernière chose que je veux vous montrer, c'est qu'on a toujours ce résultat. Ils sont très intéressants est que nous pouvons donner une couleur de teinte qui est différente du rouge mais toujours rouge avec une équation très simple. Je vais étendre la ligne supérieure et peut-être rendre mon champ d'expression un peu plus petit. On y va. Je vais aussi faire la même chose avec le résultat, juste ouvrir ça. Ce que je vais faire ici pour la ligne de fond est juste Alt clic sur le chronomètre. Je vais supprimer les textes là-dedans, et je vais lier ça à la couleur de la ligne supérieure. En ce moment, on prend juste la même couleur, donc rien ne se passe vraiment. Mais si nous allons faire une petite équation mathématique, donc juste par exemple, diviser tout par deux, diviser tout par deux, nous obtenons une nuance plus foncée de ce bleu, ce qui est vraiment intéressant. Nous n'avons pas à aller de l'avant et écrire des expressions et faire toutes ces choses folles. On peut juste diviser ça par deux et on obtient une nuance différente. Pour Yannick, ça va être bleu plus foncé, et pour Lorenzo, ce sera un vert plus foncé. Là, nous allons avec un menu déroulant simple, nous pouvons contrôler un tiers inférieur avec différentes couleurs et différents textes, super convivial. C' est ainsi que les couleurs fonctionnent dans Adobe After Effects. Merci beaucoup d'avoir regardé, et je suis super excité de te revoir dans la prochaine leçon. 7. Gestion des champs texte: Je l'ai dit plusieurs fois auparavant et je vais le répéter, il est super important que vous fassiez un modèle qui est convivial, mais aussi que l'utilisateur final ne peut pas faire d'erreurs, que vous ayez un système de basculement. Laissez-moi vous montrer ce que je veux dire par là. Je vais créer un champ de texte simple, et appelons simplement cet exemple de texte, et je vais l'aligner ici en bas à gauche. Voilà, tu y vas. C' est mon modèle, et je vais faire glisser le texte source dans mes graphiques essentiels. Maintenant, que se passe-t-il si l'utilisateur final va taper une très longue phrase ici ? Par exemple, Jordy est super génial, vraiment cool. Voyez ce qui se passe ici. Ma phrase est d'être coupée quelque part juste là, et en tant que créateur de modèle, nous voulons nous assurer que ce genre de choses n'arrive pas. Donc, au lieu de créer un champ de texte, je vais juste supprimer ceci ici, nous allons créer une zone de texte. Maintenant, pour ce faire, juste une fois de plus, prenez l'outil de texte en haut, mais cette fois ne cliquez pas mais assurez-vous de cliquer et de faire glisser pour créer une zone de texte. Tapons quelque chose ici, exemple de texte. Encore une fois, prenons la propriété de texte source, faites-le glisser dans les graphiques essentiels, et maintenant tapons cette phrase vraiment longue. Jordy est super génial, incroyable, coool. Il y a trois Os, mais c'est bon. On y va. Nous savons que nous avons un saut de ligne automatique si le texte est trop long. Mais il y a une petite erreur là où les deux lignes se chevauchent, mais nous pouvons changer cela ici avec le leader, définir le leader donc juste qu'il augmente à un petit peu, là nous allons. C' est génial. Nous avons fait en sorte d'attraper cet échec. Laissez-moi aller de l'avant, et aligner ça un peu mieux. Nous avons fait en sorte que nous puissions écrire deux lignes ici. Je vais traîner ça vers le bas. On y va, donc maintenant c'est mieux aligné. Mais maintenant que va-t-il se passer si je vais écrire dans une phrase plus courte ici ? Par exemple, juste Jordy Vandeput, mon nom. Eh bien, maintenant mon nom est un peu trop haut. Maintenant, je veux que ça soit là au fond. Donc je vais traîner ça vers le bas. Mais maintenant, l'utilisateur final va décider d'écrire dans une phrase plus longue à nouveau. Jordy Vandeput est génial, vraiment coool avec trois os. Maintenant, nous voyons que notre texte est juste trop en bas. Nous voulons créer quelque chose où le champ de texte va être aligné un peu plus haut lorsque nous utilisons deux lignes, et un peu plus bas quand nous utilisons seulement une ligne. Encore une fois, cela va être corrigé avec une expression. Ne vous inquiétez pas les gars, cette fois je ne veux pas que vous sachiez vraiment exactement comment écrire cette expression, nous allons copier et coller quelque chose à nouveau, parce qu'après tout c'est ce que les expressions se résume à beaucoup, juste copier et coller des extraits de ce que vous trouvez sur le Web. Permettez-moi d'aller de l'avant, et cette expression doit être collée dans la propriété point d'ancrage. Parce qu'avec le point d'ancrage, nous pouvons voir que nous pouvons également changer la position du calque de texte afin que ce soit bon. Laissez-moi juste aller de l'avant et Alt, cliquez sur les points d'ancrage, et je vais coller dans mon expression. Maintenant, c'est aussi que vous pouvez trouver ici des gars de téléchargement. Si vous téléchargez tous les fichiers du projet, vous trouverez un petit fichier texte là aussi où vous pouvez juste trouver ce code, et il vous assurera également que vous pouvez trouver cette expression ici dans les notes de classe sur le lecteur lui-même. Nous pouvons simplement aller de l'avant et copier et coller cela sur la propriété points d'ancrage. Fondamentalement, ce qu'il fait ici est de faire usage d'une fonction appelée SourceRectatTime, et nous allons plonger un peu plus profondément dans cela dans la prochaine leçon. Pour l'instant, ne vous inquiétez pas trop à ce sujet. Ce qu'il va faire, c'est juste jeter un oeil à la largeur et à la hauteur des champs de texte, et il va ajuster la propriété du point d'ancrage en fonction de la hauteur, dans ce cas, de mes champs de texte. C' est fondamentalement tout, rien d'autre à craindre juste cliquer, et il a fait son travail. Maintenant, on peut aller de l'avant et juste saisir ce champ de texte, et juste déplacer ça à une autre position. Nous changeons la propriété position en ce moment pas la propriété point d'ancrage. On y va, il se trouve au bon endroit. Permettez-moi d'aller de l'avant et de changer le texte maintenant pour simplement Jordy, par exemple. Voilà, et maintenant vous verrez que mon champ de texte est automatiquement ajusté au bas. Je sais que ça aurait été beaucoup plus facile s'il y avait une option d'alignement vertical, mais nous n'avons pas cela dans After Effects donc nous avons dû créer cela nous-mêmes avec une expression. On y va. Deux choses très importantes, les champs de texte pour nous assurer que nous pouvons ajouter une nouvelle ligne, mais aussi l'expression d'alignement vertical pour nous assurer que nous commençons toujours à partir de la même hauteur. Dans la leçon suivante, nous allons plonger un peu plus profondément dans l'expression SourceRectatTime parce que c'est quelque chose de très important, et cela nous permet juste de créer modèles beaucoup plus dynamiques avec beaucoup plus de fonctionnalités. Je vous verrai dans la prochaine leçon. Merci beaucoup d'avoir regardé à nouveau. 8. Connexion d'objets: Objets liant, l'acte de lier des objets ensemble, ce qui est assez évident. Ce que j'ai ici est un logo très typique révéler l'animation. C' est quelque chose que vous pourriez créer pour vendre sur un site de vente. Je m'assure qu'il est convivial. En ce moment, l'un des premiers problèmes que je rencontre est que le logo ne suit pas vraiment l'animation du rectangle d'arrière-plan. Ce sera ma première façon de lier des objets ensemble. Nous allons le faire avec les outils parents et liens juste ici. Vous pouvez le voir ici dans vos options de couche. Vous avez juste un clic droit dans vos colonnes, allez dans « Colonnes » et assurez-vous que le parent et le lien sont activés. Nous pouvons alors aller de l'avant et simplement lier cette couche avec l'outil parent aux arrière-plans hexagones, c'est aussi simple que cela. Ce que nous faisons en ce moment, c'est simplement dire de prendre en charge toutes les propriétés d'animation, la position, l'échelle, tout sur les arrière-plans hexagones. Ça va suivre magnifiquement. J'ai l'air bien. Faites glisser ce logo maintenant dans les graphiques essentiels et donnons cela comme une option pour changer à l'utilisateur final. La prochaine chose que je veux faire est également de donner la possibilité de changer la couleur de fond ici de l'hexagone. Ouvrons les propriétés, et c'est juste ici, couleur, sous le remplissage. Faites glisser cela dans les graphismes essentiels aussi. Ce sera la couleur de l'arrière-plan. Nous avons également un fond rectangle texte juste ici. Nous pourrions aussi donner cela comme une option pour changer la couleur de, mais je ne veux pas qu'il le fasse un peu plus convivial et ne donne qu'une option à l'utilisateur final, et avec cette option ici pour la couleur de fond, ces deux couches doivent être modifiées. Ce sera ma deuxième façon de lier les objets. Je vais ouvrir les propriétés ici pour mes arrière-plans de texte et localiser la couleur de remplissage, c'est juste là. Permettez-moi de rendre ça un peu plus grand pour que nous puissions voir mieux. Ce que je vais faire maintenant est de lier seulement cette propriété à la couleur des arrière-plans hexagones. Je ne veux pas lier tout ce qu'on a fait avant, seulement la couleur. Pour ce faire, nous allons devoir cliquer sur Alt sur la propriété color pour écrire une expression. Cependant, nous pouvons l'écrire automatiquement en utilisant maintenant l'outil pick whip du contrôleur d'expression, et nous allons le lier à la propriété color. On y va. Il va écrire l'expression pour nous, il suffit de cliquer, et automatiquement quand nous allons changer la couleur de fond maintenant à autre chose, prenons le rouge, vous verrez que les deux vont changer, la deuxième façon de lier les objets. Rendons ça au blanc. Maintenant, nous allons en venir à la troisième façon de lier les objets, et c'est ce que la leçon est en fait à propos. Avant d'oublier, je vais aussi glisser dans les textes sources de l' année du nom de l'entreprise dans mes graphismes essentiels. Ça va être le nom de la société. Actuellement, il est écrit Company Incorporated, mais changeons cela à JORDY VANDERPUT IS COOL, c'est la meilleure chose que je puisse trouver. Lorsque je clique, vous remarquerez maintenant que l'arrière-plan ne sera pas mis à l'échelle avec la longueur de mon texte. C' est quelque chose que nous devons corriger. Nous allons devoir lier la taille de l'arrière-plan à la taille du texte, ce qui n'est malheureusement pas facile à faire. Nous allons devoir travailler avec une expression spécifique pour que ça marche, mais je vais vous aider avec ça, ça va être super facile. Localisons la taille de ces arrière-plans, ces arrière-plans textuels juste ici et, je vais effondrer le film. Nous n'allons plus travailler avec cela, mais nous allons travailler avec la taille de votre chemin de rectangle. Vous verrez ici, si je vais changer la valeur de la largeur, que nous pouvons changer cela pour qu'il corresponde à ma taille de texte. Nous allons écrire une expression pour que cela se produise automatiquement. Alt cliquez sur la propriété size. La première chose que je veux que vous compreniez, c'est comment on va donner une valeur aux côtés. Eh bien, comme avant nous avons vu avec les couleurs RVB aussi, ce sont des valeurs à deux points, c'est pourquoi nous allons devoir écrire ceci entre parenthèses. Ouvrez un support. La première valeur, qui, peut-être que je vais juste taper quelque chose, 500, puis la deuxième valeur va être la couleur. Prenons juste la même valeur ici que nous l'avons déjà, 172, et les crochets proches. Cliquez dessus, et vous verrez maintenant que ces valeurs sont automatiquement prises en charge. Sachant cela, nous pouvons maintenant aller plus loin et dire, je vais aussi écrire mon code un peu plus convivial. Aussi pour vous-même, vous devrez être convivial car peut-être à l'avenir, vous allez réouvrir votre projet pour apporter des modifications à vos modèles. Je vais en haut, ça peut être n'importe quoi au fait. Tu pourrais aussi écrire en ton nom, Jordy, ou tout ce que tu veux. Nous allons créer une variable. Une variable est juste un nom personnalisé. Assurez-vous juste que cela se trouve toujours dans la couleur blanche parce que si je vais taper quelque chose de différent, comme par exemple, la valeur, qui a une propriété qui est également utilisée pour écrire des fonctions et des expressions, vous verrez comment cela devient jaune, donc cela signifie que je ne peux pas l'utiliser comme une variable donc il doit être un nom unique. Allons-y pour huit. Tapez ensuite égal. Cette fois, écrivez seulement un égal, pas deux, parce que nous allons comparer et voir ce que c'est. Maintenant, nous allons en fait mettre une valeur à l'intérieur d'un, c'est pourquoi nous n'écrivons qu'un égal maintenant. A sera 500, et b sera 172. Maintenant que nous avons ces deux valeurs, a et b, cela signifie que nous pouvons échanger ici la largeur et la valeur de hauteur avec a et b. J'espère que cela a du sens parce que c'est une meilleure façon d'écrire des codes parce que l'étape suivante va pour être une phrase beaucoup plus longue, et si nous allons l'insérer dans la valeur finale ici entre parenthèses, ces données ne seront plus conviviales. Maintenant, nous allons cliquer et voir ce qui se passe. Vous verrez que nous finissons avec une erreur. Ce projet contient une erreur d'expression. C' est parce qu'After Effects ne reconnaît pas les sauts de ligne. Il est en fait écrit ici est ceci, a est égal à 500 et b égal à 172. Nous allons devoir dire à After Effects que nous avons ajouté un saut de ligne juste ici. Pour ce faire, nous allons juste avoir à taper des points, des virgules à la fin de chaque phrase, c'est aussi simple que ça. Habituellement, chaque fois que vous voyez une erreur, l'une de ces choses va probablement être le problème. Maintenant, nous allons cliquer et vous verrez que cela fonctionne parfaitement. Nous pouvons maintenant aller de l'avant et changer le 500 ici à 900, et vous verrez aussi ici le changement de largeur de ce rectangle. Nous ne voulons pas taper été un numéro manuel ici, nous voulons automatiquement ou dynamiquement le laisser changer avec la taille du texte. Pour ce faire, je vais supprimer 900 et je vais commencer par prendre l'outil pick-whip de l'expression pour la taille, et je vais lier cela à la couche entière du nom de la société. On y va. Nous avons maintenant automatiquement écrit un morceau de code qui vise juste cette couche, et maintenant nous pouvons aller plus loin et faire quelque chose avec cela plus tard. Pour ce faire, tapez des points. On va aller plus loin avec cette couche. Je vais taper maintenant source, enregistrer à la fois, et After Effects nous aide en fait ici. C' est la propriété avec laquelle nous aimerions travailler. L' enregistrement source à la fois va jeter un oeil à n'importe quel moment dans une chronologie et simplement saisir n'importe quelle propriété de la couche ciblée. Cela signifie que nous pouvons changer dynamiquement la taille du rectangle à tout moment, même si vous animiez le texte entrant par exemple, si vous animiez l'échelle du calque de texte, ou si vous faites entrer vos caractères, animer cette propriété, il s'assurera toujours de suivre les côtés de votre calque de texte. Prenons ça. Nous pouvons simplement double-cliquer sur cette propriété pour le faire correctement, et sur ce très antérieur, nous allons maintenant regarder quelle propriété nous aimerions prendre en charge. Dans ce cas, ce sera la largeur. Nous pourrions aussi prendre la position ou n'importe quoi d'autre, et dans ce cas, ce sera la largeur. suffit de taper la largeur et c'est tout, nous avons pris la largeur du calque de texte et nous l'avons placé dans la variable a, et cela va être sorti ici dans la taille du rectangle. Maintenant, nous allons cliquer, et vous remarquerez [inaudible] que le rectangle a exactement la même taille que le calque de texte. Pour vous le prouver, je vais changer mon texte pour BAZINGA. Vous verrez maintenant que la taille de mon rectangle a changé avec la taille du texte. Ce n'est pas de la magie, les gars. Non, c'est juste que tu fais des trucs géniaux à l'intérieur d'After Effects. Un problème que je regarde ici est que mon rectangle colle vraiment ici à mon texte comme vous pouvez le voir. Je veux l'avoir comme un peu de zone de reproduction, un peu de [inaudible]. Ce que je peux faire, c'est juste ici, dans mon expression, avant le point point, assurez-vous toujours de le faire parce que c'est la fin de la phrase. Tapez plus 100. Nous pouvons juste le faire parce qu'après tout, la taille ne sont que des valeurs numériques donc nous pouvons simplement taper 100 ici. Si nous faisons cela, vous verrez que le rectangle devient plus large de 100 pixels. Cool. C'est une troisième façon de lier quelque chose à autre, vous voyez ce que je veux dire. Quant à la valeur b, les gars, il y a une dernière chose que je veux vous montrer parce que actuellement, je ne peux pas changer la hauteur de ce rectangle, comme vous pouvez le voir parce qu'il est fixe. L' expression que nous avons dit qu'elle devrait être 172, elle ne peut pas changer. Cependant, si nous allons écrire quelque chose de différent ici, je vais supprimer cela, et nous allons dire que b, et je vais prendre le fouet de choisir à la libre expression, va être cette valeur ici. Vous pouvez voir que je peux juste le lier à sa propre propriété. Faisons ça et il va écrire automatiquement l'expression pour nous. Il va toujours jeter un oeil à l'entrée dans ce cas. Si je clique maintenant, vous pouvez voir maintenant que nous pouvons changer la hauteur de cette couche. Regarde ça, Bazinga. C' est essentiellement comment travailler avec la fonction source, enregistrement et temps. Je vais laisser un lien ici dans les notes de classe ici encore sur le lecteur lui-même aux sites Web Adobe où vous pouvez en savoir plus sur cette fonction spécifique. Parce que oui, il y a beaucoup plus que vous pouvez faire, mais cela va avoir besoin d'une toute autre classe aussi parce que c'est grand. Dans cette leçon, je voulais juste que vous sachiez ce que c'est et une utilisation très basique de l'enregistrement source d'une fonction temporelle, c'est comment travailler avec cela. C' est aussi quelque chose que vous allez croiser beaucoup plus lors de la création de modèles, un arrière-plan que vous suivriez la longueur d'un texte. C' est un exemple parfait. Merci beaucoup d'avoir regardé les gars et j'espère vraiment que vous trouvez ce codage pas trop ennuyeux. Une fois que vous en avez le coup, il peut devenir vraiment intéressant et amusant de faire toutes ces choses automatiques et dynamiques dans After Effects. Je te verrai dans la prochaine leçon. 9. Conclusion: Eh bien, eh bien, regardez ça. Tu viens de terminer toute la classe. Maintenant toutes les blagues à part, vous pouvez être vraiment fier de vous-même parce que ce n'était certainement pas un cours facile. Écrire des expressions, je veux dire, ce n'est pas quelque chose pour les artistes de la motion, donc oui, vous pouvez certainement être très fier de vous pour toutes les nouvelles choses cool que vous avez apprises de cette classe. Mais en ce moment, il est temps de pratiquer ces nouvelles choses que vous avez apprises. Ce que je veux que vous fassiez, c'est créer un modèle dans Adobe After Effects. Je veux que vous gardez à l'esprit qu'il est convivial, mais aussi que l'utilisateur final ne peut pas faire d'erreurs telles qu'avoir un texte qui est plus long que la taille de Canvas. Allez-y, créez vos modèles, et utilisez des techniques avancées comme la liaison d'objets, expressions if-else, les cases à cocher, les menus déroulants, etc. Ensuite, téléchargez votre modèle ici dans Skillshare sous l'application du projet afin que je peux le charger dans mon Premiere Pro et essayer vos modèles, puis je peux vous faire part de vos commentaires. Je suis vraiment curieux de voir ce que vous allez faire. Certainement faire ça. Je suis vraiment impatient de vos modèles. C' était tout pour ce cours. J' espère vraiment que vous l'avez apprécié et, bien sûr, que vous avez appris une tonne de choses nouvelles. Merci beaucoup d'avoir regardé. Comme on dit toujours, restez créatif.