Transcription
1. Introduction: Avez-vous déjà voulu décrire quelqu'un ou quelque chose dans votre vidéo ? Peut-être mentionné le nom à l'écran, ce qu'ils font, combiné avec une animation cool. Vous avez peut-être besoin de graphiques pour votre projet vidéo Premiere Pro. Salut, je suis Sonya. Je suis concepteur de motion et professeur en ligne, et c'est ce que je vous enseigne aujourd'hui. Dans After Effects, nous créerons une animation réactive inférieure à celle de l'animation.
Vous pourrez la personnaliser dans Premiere Pro, ainsi que l'utiliser dans After Effects. Vous serez en mesure d'apporter un vernis professionnel à vos clés vidéo. Nous allons passer par le processus de prise d'un modèle de titre existant et de le transformer en un tiers inférieur
du même style tout en apprenant expressions
nouvelles et avancées pour créer un design réactif et modulaire. Plus besoin d'ajuster la conception et l'animation lorsque vous apportez des modifications
au texte ou que vous exportez des fichiers vidéo de vos graphismes à ajouter à votre projet vidéo, vous pourrez utiliser plusieurs instances de la même composition dans After Effects et faire changements individuels sans affecter la composition originale, vous aurez besoin d'Adobe After Effects pour cette classe, cette classe est parfaite pour les apprenants intermédiaires. Vous serez peut-être plus à l'aise avec After Effects si vous l'avez déjà utilisé, mais je vous guènerai pas à pas. Aucune connaissance préalable de la création de modèles de graphismes
animés d'expressions d'écriture n'est requise. Veuillez télécharger les ressources fournies dans les ressources. À la fin de cette classe, vous serez en mesure de créer des modèles d'animation réactifs dans After Effects. Vous serez bien informé dans la façon d'utiliser les asticots et vous allez faire progresser le niveau de compétence de codage des expressions. Cette clause fait partie de la deuxième partie d'une série en trois parties sur les modèles de graphiques animés. Chaque classe de la série utilise les connaissances et les résultats des classes précédentes et s'appuie sur elle. Vous pouvez vous diriger vers la partie 1 de cette classe si vous souhaitez obtenir une expérience d'atterrissage complète et revenir à la partie 2 après cela, si vous préférez sauter directement dans celle-ci, assurez-vous de télécharger les ressources fournies afin de suivre ce classe. Ce que nous créons dans ce cours est un excellent ajout à la classe d'une vidéo YouTube ou des têtes parlantes. Prêt, commençons.
2. PROJET DE CLASSE: Salut, Bienvenue dans ma classe. Permettez-moi de vous parler de la mission de projet que vous allez aborder aujourd'hui. Le projet de cette classe sera de créer un modèle de graphiques de mouvement modulaire et réactif. J' ai créé des modèles de graphiques de mouvement comme ceux-ci pour Adobe Stock, je voudrais vous emmener à travers le processus de création de ce type de modèles étape par étape. Pour un projet réussi, vous devez créer une animation, un effet secondaire exporté sous la forme d'une vidéo montrant différentes options stylistiques de votre modèle. N' hésitez pas à utiliser les ressources que j'ai fournies dans la galerie de projets. Veuillez partager une vidéo de votre projet dans la galerie du projet. J' adorerais voir ce que vous venez avec. Allons dans la classe.
3. Configurer la composition: Cette classe est basée sur la partie précédente de cette série de classes. Si vous avez suivi cette classe, allez-y et utilisez le fichier de projet que vous avez créé dans cette classe. Si ce n'est pas le cas, vous pouvez télécharger les ressources nécessaires à partir des ressources. Importons le fichier de projet de modèle de titre. Vous pouvez accéder à l'emplacement de votre dossier et le faire glisser directement dans la fenêtre de votre projet. Ou vous pouvez appuyer sur Contrôle I et naviguer jusqu'à la fenêtre de votre projet et l'importer de cette façon. J' ai déjà quelques dossiers mis en place ici. Donc, je vais faire glisser ce dossier importé dans mes actifs et basculer ce qui est fermé pour l'instant, vous pouvez créer de nouveaux dossiers en allant sur le bouton Créer un nouveau dossier. Et il vous donnera immédiatement la possibilité de donner ce dossier et le nom. Vous pouvez ensuite appuyer sur Entrée pour arrêter d'écrire, et vous pouvez cliquer sur Entrée pour renommer ce dossier. Vous pouvez également supprimer des dossiers. Le dossier Solides est un dossier automatique qui est créé chaque fois que vous créez un objet nul, un calque solide et tout autre élément fourni
par after-effects qui est automatiquement enregistré dans les solides. Donc, tout d'abord, je vais prendre cette comp et je vais la dupliquer en appuyant Control D et le renommer immédiatement Fed
le plus bas parce que nous allons utiliser tous ses paramètres et propriétés dans le panneau Graphiques essentiels que nous avons mis en place dans la dernière classe. Et je vais le traîner jusqu'à mes pré-comps. Vous verrez également que vous avez des solides ici, dans vos actifs. Ces solides sont maintenant liés à ces deux fichiers. Assurez-vous donc de ne pas supprimer ce dossier de modèle. Ou si vous voulez vous en débarrasser à la fin de cette classe, une fois que vous avez terminé avec le modèle entier, assurez-vous de faire glisser ce null votre dossier de solides d'exploitation et dans
votre dossier de solides d'exploitation et
ne le laissez pas ici et supprimé parce que je peut vous montrer ce qui se passe alors, parce que cet objet null de contrôle est que maintenant ici si je supprime ce dossier, soudainement mes freins, alors assurez-vous d'avoir un oeil sur cela. Si vous voulez vous débarrasser de ce dossier de modèle, je veux le garder pour l'instant juste au cas où je veux revenir à certains paramètres d'origine. Si une expression n'a pas fonctionné, je peux vérifier avec l'expression originale ce que j'ai changé si j'ai fait une erreur ou quoi que ce soit. J' aime donc toujours garder un duplicata d'un original que j'ai entré dans mon projet After Effects. Je vais garder ce null le, avec l'espoir que je ne vais pas oublier de le
retirer à la si je décide de supprimer ce dossier. Maintenant, ce que nous allons faire, nous allons faire glisser cette composition pour créer une nouvelle composition. Ensuite, nous allons appuyer sur Entrée et le renommer en main. Et j'aimerais vous montrer quelque chose sur ce qui a déjà été mis en place ici. Nous avons ces barres bleues ici, et ce sont des régions protégées. Si vous ne les voyez pas, ou si vous avez modifié les régions protégées ou tout autre marqueur dans une précomposition, vous pouvez cliquer avec le bouton droit de la souris sur cette couche à l'extérieur de cette composition. Et vous pouvez aller aux marqueurs et vous pouvez mettre à jour Marcus à partir de la source. Donc, si vous avez un marqueur de modification, ils peuvent être mis à jour sur le calque sur une composition parent. Là où on va, c'est exactement ce qu'ils sont. Et je vais vous montrer pourquoi nous les avons mis en place, parce que nous avons de l'animation ici ce sont des images clés. Sur la dernière image-clé est l'endroit où nous avons cette région protégée où elle se termine. Et à la fin, l'animation a également une région protégée. Et ce que cela fait est lorsque nous écrasons cette couche, vous pouvez voir que la couche devient plus petite, mais les régions protectrices restent exactement les mêmes. Et c'est parce que nous ne voulons pas changer la vitesse ou la longueur de l'animation d'entrée et de sortie. Juste une seconde pour revenir aux paramètres de composition. Ils sont toujours les mêmes que dans la composition du titre. Nous travaillons dans une cadence de 25 images par seconde, 1920 par 1080 pixels carrés. Et une durée de huit secondes et un cadre supplémentaire juste pour que quand on passe à ces huit secondes, ça dit huit secondes. J' ai expliqué cela un peu dans la dernière classe, mais je vais juste répéter pour ceux qui n'ont pas regardé cette classe, le cadre supplémentaire après les huit secondes est en fait son propre cadre indépendant. Donc si je finissais ça à huit secondes. Et 0 images, ça semblerait comme ça, sept secondes et 24 amis parce que cette dernière image où les huit secondes se
terminent, c'est cette image que nous ne pouvons pas atteindre. Et il a ses sept secondes laides et 24 images. Regardez ça ne fait pas, dans ce cas faire une différence. Si vous faites des boucles, cela fait une différence. Mais dans ce cas, parce que nous avons une animation entrée-sortie, ce petit cadre ne fait pas vraiment de différence, mais j'aime juste voir les huit secondes complètes. Donc, c'est ce que j'ai choisi de
faire, d'ajouter ce cadre supplémentaire juste pour faire cela et beau nombre arrondi. Maintenant, rebondissons dans cette composition. Et nous irons quelque part où il n'y a pas d'animation, juste au centre du cadre fixe. Et nous allons cliquer sur ce contrôle va appuyer sur P pour obtenir la position de cette. Et maintenant, parce que c'est le double du titre, tous nos calques de textes et notre cadre sont toujours au centre de l'écran. Et nous les voulons dans le coin inférieur gauche de l'écran car un tiers inférieur se trouve généralement dans le coin inférieur gauche. Alors faisons ça. Mais ne touchons pas le x. posons ça à 0 et le y, Quelque part autour de la région 830. Nous positionnerons l'exposition avec une expression. Nous allons l'aligner dynamiquement dans la prochaine leçon. Donc, vous n'avez pas besoin de taper quoi que ce soit dans le 0. Et si vous ne voyez pas ces guides que j'ai sur mon écran, vous pouvez aller ici en bas de l'écran de composition,
choisir les options de grille et de guide. Et vous pouvez ouvrir le titre et l'action en toute sécurité, ou vous pouvez appuyer sur l'apostrophe sur votre clavier. Et il est très important de les mettre en place parce que nous voulons rester à l'intérieur de ces guides lorsque nous positionnons notre Lower. Troisième. Ce que signifient ces guides de titre est de retour à l'époque où les écrans étaient un peu plus courbés et pas plats comme ils sont aujourd'hui. Les bords du cadre ou de l'image seraient légèrement déformés. Donc, la règle de base était de garder le texte à l'intérieur du cadre intérieur et de garder
le mouvement à l'intérieur du cadre extérieur afin que le spectateur ne voit pas les choses importantes déformées à l'écran. Donc maintenant, nous n'avons plus ce problème, mais c'est toujours une bonne pratique de rester à l'intérieur de ces guides intitulés. Donc on va essayer de faire ça. Mais en ce moment, le numéro que vous tapez dans votre pourquoi n'est pas extrêmement important parce que nous allons jouer avec ça un peu plus tard. Mais pour l'instant, positionnez-le quelque part dans le coin inférieur gauche de l'écran. Ensuite, nous ajouterons un alignement à gauche à l'exposition.
4. Alignez le texte de gauche: Afin d'utiliser notre modèle comme un tiers inférieur, nous avons besoin du texte pour s'étendre loin du bord. Ce qui signifie que lorsque nous changeons le texte, nous devions être alignés à gauche. Lorsqu' il se trouve sur le côté gauche de la comp, nous pouvons ajouter une expression pour modifier l'alignement de cet alinéa. Ouvrons d'abord les graphismes essentiels. Je peux aller dans la troisième partie inférieure. Je peux cliquer avec le bouton droit de la souris et aller à Ouvrir les graphiques Voici toutes les propriétés que nous avons ajoutées dans la classe de modèle de titre. Donc ils sont tous encore ici parce que nous avons dupliqué cette comp et maintenant nous pouvons lui donner un nouveau nom parce que c'est une nouvelle composition et de nouvelles propriétés essentiellement. Appelons ce tiers inférieur. Ensuite, nous pouvons ouvrir la propriété de position sur la couche de contrôle en appuyant sur P, Nous pouvons maintenir Alt et cliquer sur le chronomètre pour commencer à écrire notre variable. Et d'abord, parlons de ce qui est déjà là. Valoriser tous les supports durs. Ainsi, dès que vous commencez à écrire des crochets à l'intérieur des crochets, le premier ensemble de crochets est supprimé. Assurez-vous donc que vous commencez avec un support à chaud. Ensuite, nous avons la valeur 0. Le 0 est à nouveau dans un ensemble de parenthèses, virgule valeur un, et celui est entre parenthèses rigides et tout est fermé souvent à nouveau. Et en ce moment, cela ne dit rien de plus que de me donner x et y de cette propriété, qui est la propriété position. Maintenant, nous allons commencer à changer ces valeurs. Ceci est également appelé un tableau. Et les éléments à l'intérieur des valeurs du tableau, la première valeur commence en fait par le numéro d'index 0, et la deuxième valeur a le numéro d'index un. Cela s'applique à toutes les valeurs à l'intérieur d'un tableau. Le premier index commence par 0, puis continue à compter après cela, puisque nous ne ciblerons que la valeur x. Donc, le premier index 0, nous pouvons juste garder la valeur y telle qu'elle est. Donc, il suffit d'appeler ce que y est déjà réglé sur. Et maintenant, nous allons ajouter un peu plus d'expression. Donc, nous allons appuyer sur Entrée au début de cette instruction pour ajouter plus d'informations en haut, Nous allons écrire une variable. Et les variables peuvent être n'importe quoi avec des lettres et des chiffres, sans espaces. Et je veux cibler la taille x et je veux choisir fouetter cela au contrôle du curseur que nous avons déjà nommé x size. Et comment nous pouvons le faire, c'est en cliquant sur le fouet, le
faisant glisser ici. Et je veux aussi tenir ALT pour que cela devienne une expression universelle. Si je ne tenais pas Alt, alors cela ajouterait le nom du curseur, ce qui peut causer des problèmes si vous basculez entre différentes langues d'After Effects. Donc, pour éviter cela, j'essaie de toujours tenir ALT quand j'utilise le fouet de crochetage. Et puis il remplace le curseur et le nom du curseur par un petit numéro d'index. Maintenant, nous pouvons prendre cette variable, je peux copier collé et remplacer cela ici. Maintenant, si vous avez oublié la taille x,
c'est la largeur de notre cadre, de notre loi. Le cadre est donc un calque de forme. Le calque de forme possède un rectangle. Et la taille du rectangle est liée
aux curseurs x size et y de notre couche de contrôle. Et ces curseurs calculent la largeur du titre plus 2 fois rembourrage. Donc, c'est ce que les exercices de calcul est la largeur du texte plus le remplissage. C' est la taille de notre cadre. Et maintenant, nous avons ajouté cette variable à notre propriété position. Nous pouvons utiliser cette valeur pour calculer l'
éloignement du bord que nous voulons que le tiers inférieur s'assoit. Nous avons donc appelé la disposition de contrôle, nous avons appelé le curseur de taille. Et maintenant, nous devons faire un peu plus de calcul. Assurez-vous que vous terminez votre instruction variable par un point-virgule après avoir sélectionné fouetté dans le contrôle du curseur. Parce que notre couche de contrôle est au centre de notre titre entier, nous devons calculer la moitié de la largeur de notre titre. Alors ajoutons une autre variable. Ajoutons la position x. Mais en fait, je ne veux pas utiliser cette expression position
x parce que dès qu'elle devient violette, cela signifie
que c'est un terme réservé par les effets secondaires et il peut être utilisé dans d'autres calculs très spécifiques. Donc, pour ne pas confondre, cela lui a réservé, je vais juste l'appeler x pause égale, et puis je vais prendre cette variable précédente, x taille et la diviser par deux. Encore une fois, fermez-le avec un point-virgule, puis remplacez la taille x. Avec x pause et dès que vous commencez à taper, il commence à suggérer des choses. Et vous pouvez appuyer sur le bouton Entrée de votre clavier sur le pavé numérique pour prendre cette suggestion. Dès que vous avez terminé, vous pouvez également appuyer sur Entrée pour fermer votre expression. Et maintenant, si je clique sur ce cadre, vous pouvez voir que le bord du cadre est exactement au bord de l'écran. C' est exactement ce que je veux pour l'instant. Évidemment, nous ne voulons pas que le cadre soit exactement au bord. Tu voulais être un peu loin. Nous allons donc ajouter une marge, et nous avons déjà une configuration de curseur de marge sur notre couche de contrôle. Alors pourquoi ne pas ajouter cela à notre calcul aussi. Donc, nous allons ajouter une autre variable et cela étant la marge. Et nous choisirons le fouet pour nos effets. Et encore une fois, je tiens Alt, fermant avec un point-virgule. Et vous avez peut-être remarqué que lorsque je cliquais sur différents calques ici, cette fenêtre de contrôle des effets n'a jamais disparu. C' est parce que j'ai cliqué sur l'alloc de vue basculée. Et si vous ne pouvez pas voir cette fenêtre de contrôles d'effets du tout, vous pouvez appuyer sur le contrôle F5 pour le faire apparaître. Oh, en fait, désolé. contrôle 5 concernait les effets et les préréglages. Vous pouvez accéder à Fenêtre, puis ouvrir les contrôles d'effets pour ce calque. Si vous ne l'avez pas déjà ouvert et
que cela ne disparaisse pas à chaque fois que je change de couche, j'ai basculé le verrou de la visionneuse. Donc maintenant c'est toujours que, ok, retour à l'expression, nous avons la marge. Donc maintenant, je vais ajouter à ce calcul plus la marge. Maintenant que nous avons lié cette variable de marge à un curseur, nous pouvons également changer cette valeur pour obtenir ce cadre un peu plus loin de l'écran, vous pouvez voir que le sous-titre est en mouvement parce qu'il est lié à la même curseur de marge, mais c'est bon. Nous apporterons des modifications au sous-titre de toute façon. Ne vous inquiétez pas pour ça pour l'instant. Lorsque nous modifions notre titre maintenant, vous verrez qu'il est aligné à gauche. Lorsque nous tapons, le texte se développe vers la droite et il est verrouillé le côté gauche de l'écran,
même si les paramètres du paragraphe sont en fait réglés au centre. Mais en raison de cette dépression avec forcer le texte à être aligné à gauche quand il est sur le côté gauche de l'écran. Ensuite, nous allons modifier cette expression afin qu'elle ait une plage de position fixe et modifie
dynamiquement le texte en effrayant et en alignant lorsque le tiers inférieur atteint le côté droit de la composition. De cette façon, il écrit toujours dans la bonne direction en fonction de quel côté de l'écran il est sur.
5. Alignement de texte dynamique et valeur fixe: Actuellement, notre troisième inférieur est aligné à gauche. Il est également fixé sur le côté gauche de l'écran. Si vous essayez de déplacer le curseur de position globale dans le panneau graphique essentiel, vous remarquerez que vous ne pouvez pas modifier la valeur. Vous pouvez ignorer cette leçon. C' est tout ce que vous voulez réaliser. Mais si nous voulons que notre troisième inférieur soit entièrement personnalisable, nous devons être en mesure de le déplacer et nous avons besoin d'une option pour un alignement correct. Alors remontons notre expression précédente. abord, nous allons ouvrir la propriété position en appuyant sur P ou en appuyant deux fois sur E pour révéler toutes les expressions de ce calque. Et nous pouvons supprimer toutes les autres couches ou propriétés que nous ne voulons pas voir en appuyant sur Alt Shift et en cliquant sur cette propriété, nous voulons disparaître. Nous allons supprimer la marge du calcul de l'exposition et nous allons remplacer les deux valeurs de notre tableau. Nous voulons créer une expression de pince, que je vais vous expliquer dans une minute. Mais ce que nous voulons réaliser va créer une pince pour la virgule x et une pince pour le y. Et dès que je quitte cet écran d'expression, après Effects va me donner un message d'erreur parce que je n'ai pas encore défini ces deux variables, mais nous le ferons dans un instant. Alors, qu'est-ce qu'une fonction serrée ? Permettez-moi de vous expliquer cela en détail. Ainsi, pour la pince x, par
exemple, une fonction de pince a ce qui suit. A l'intérieur. Il a l'indice de la propriété. La chose qui cible, il a une valeur minimale, et il a une valeur maximale. La fonction de serrage limite la plage dans laquelle le tiers inférieur peut être déplacé et cette fonction peut être mise sur la plupart des autres propriétés ou couches a à offrir. Si vous voulez limiter la taille de quelque chose, si vous limitez la position, si vous voulez limiter l'opacité de quelque chose, la fonction de serrage peut être appliquée à tous ces éléments. Dans notre cas, nous voulons que l'utilisateur de notre modèle soit empêché de déplacer le tiers inférieur en dehors de la zone de sécurité du titre. Et juste pour noter que cette fonction ne fonctionnera pas si vous l'utilisez dans After Effects, elle ne fonctionnera que s'il utilise le Moghul dans Premier Pro. Mais néanmoins, il créera également un alignement dynamique du texte qui basculera automatiquement entre l'alignement gauche et droit, en fonction de l'endroit où se trouve le tiers inférieur sur l'écran. C' est donc une fonctionnalité supplémentaire qu'il fournit dans notre combinaison d'expressions. Nous avons supprimé la marge du calcul de l'exposition. Maintenant, nous avons changé l'instruction arrays. Maintenant, nous devons ajouter la valeur de la marge à la position lorsque le tiers inférieur est sur le côté gauche et soustraire la valeur lorsque le tiers inférieur est sur le côté droit. Nous devons donc ajouter ce calcul aux valeurs minimales et maximales. Et pour rendre notre vie plus facile, nous allons créer des curseurs pour nos valeurs minimales et maximales. Pour la valeur x, nous n'avons pas besoin de curseurs, donc nous pouvons entrer toutes les informations. L' index de propriété de la pince x est la valeur de position x. Donc, nous pouvons mettre en évidence l'indice de propriété si vous n'avez pas déjà et copiez l'instruction x pince variables, y compris la fonction de serrage avec toutes
les valeurs que j'ai écrites à l'intérieur de cela mettent en évidence l'index de propriété. Utilisez le fouet de sélection et guidé vers votre valeur de propriété X position qui sera maintenant remplacée par le numéro d'index de position transform.py 0. Maintenant, passons à la deuxième valeur de cette fonction. Et ici, nous voulons calculer la position x plus la marge. C' est donc à chaque fois que le tiers inférieur est à gauche, c'est la position minimale dans laquelle nous voulons qu'il se trouve. Et la position maximale dans laquelle nous voulons qu'il se trouve est le composite avec lequel dans mon cas est 1920 par 1080. Mais c'est totalement dynamique et nous n'avons pas à changer les nombres à l'intérieur de notre expression. Je veux utiliser les termes After Effects et nous pouvons utiliser ce calme pour cela. Et c'est la largeur de cette comp. Donc, cette largeur de point comp et vous pouvez utiliser les suggestions après Effects vous donne pour les termes réservés qu'il a. Moins x position cette fois parce que plus est quand nous allons à la droite moins est quand nous allons à la marge moins gauche. Et nous voulons fermer cette variable entière avec un point-virgule. Vous ne verrez pas encore de résultats car nous devons encore ajouter le calcul de la pince x. Et pour nous aider avec les valeurs minimales et maximales pour cela, nous allons créer des curseurs. Et puisque nous avons déjà quelques diapositives ici. Je vais juste attraper le curseur de marge parce qu'il n'a aucune expression dessus. Avec le contrôle D, je vais le dupliquer. Je l'appellerai y clamp nin pour le minimum. Et pourquoi serrer Max pour le maximum. Et mettons quelques nombres arbitraires ici,
quelque chose comme 230 est en haut,
le minimum, et disons que 850 est le maximum, ajustera ces nombres au fur et à mesure. Mais maintenant, nous avons ces chiffres accessibles en tant que curseurs plutôt que avoir à entrer dans l'expression et à changer ces chiffres lorsque nous changeons d'avis. Alors maintenant, ajoutons tout cela ici. Copions l'expression ou l'instruction x pince. Changons ça en y. Changeons le 0 à un parce que maintenant nous ciblons le deuxième index, whi, qui est un. Et maintenant, nous voulons lier à ces curseurs. Nous pourrions simplement ajouter cela ici en choisissant fouettant directement sur le curseur. Mais je pense que c'est un peu moche. Pour que cela soit un peu plus propre, nous pouvons créer ces variables ici, sorte que l'instruction entière semble beaucoup plus propre. Et nous pouvons créer une pince Y. Les hommes. J' ai un problème avec l'orthographe. Pourquoi serrer Min ? Et parce que cela existe déjà en tant que variable, je peux appuyer sur Entrée sur mon clavier Num pad et maintenant nous pouvons choisir fouetter à cela, maintenant ALT, en le fermant avec un point-virgule. Et pourquoi pince max. Ce n'est pas encore une expression R, donc ça ne le suggère pas. Et allez sur le curseur tenant toutes les fermetures avec un point-virgule. Et maintenant, au lieu d'avoir cette moche longue, ce n'est pas si long dans ce cas, mais ça peut devenir très, très long. Donc, je suggère toujours de créer des variables pour vos curseurs que vous liez ,
puis d'utiliser ces variables dans vos instructions. Et maintenant notre pince x et y fonctionne. Essayons ça. Je ne peux pas aller plus loin, mais je peux le déplacer à gauche et à droite. Et comme vous pouvez le voir, il s'arrête là maintenant. Peu importe combien je tire, il n'ira pas plus loin. Et la même chose arrivera avec mon y. je peux tirer et tirer et il n'ira pas plus loin que 230 et n'ira pas plus loin que 850. Donc c'est absolument excellent. Et si, au cours de l'ajustement, je veux changer les chiffres, je peux les changer ici et ils seront appliqués ici. Ils deviendront les prochains minimums et maximums. Et si les effets secondaires vous donnent des erreurs, assurez-vous que vous n'avez pas mal orthographié quoi que ce soit. J' ai l'habitude de faire ça. Tous n'ont pas manqué de point-virgule à la fin de vos déclarations. Et toutes vos déclarations ont le bon nombre de crochets durs et ronds. Surtout lorsque vous travaillez avec des variables, il est très facile de mal orthographier un mot. Et lorsque vous l'utilisez plusieurs fois l'expression que ne peut pas trouver la variable correcte. Allez-y et essayez de déplacer votre tiers inférieur et de modifier le texte. Notez que vous ne pouvez pas déplacer la position globale au-delà des valeurs minimales et maximales que vous avez définies. Et que l'alignement change en fonction de l'emplacement de votre texte à l'écran. Vérifions ça. Mettons tout ça à droite. Et maintenant, nous allons taper. Et il est en fait en expansion vers la gauche. Nous allons jouer avec la taille et la position de ce tiers inférieur plus tard. Et je ne veux pas entrer dans l'expression pour changer les valeurs minimales et maximales de la pince. C' est pourquoi j'ai lié ces valeurs aux curseurs. Ensuite, nous allons changer la position du sous-titre afin qu'il soit sous le titre et à l'intérieur du cadre.
6. Déplacement de sous-titres à l'image: Dans la partie 1 de la série de cours, vous avez appris à positionner dynamiquement le sous-titre en dehors du cadre. Maintenant, nous allons apprendre comment le positionner à l'intérieur du cadre, y compris le repositionnement du titre selon que le sous-titre est activé ou désactivé. Allons à la couche de contrôle et bascule vers le bas jusqu'à ce que nous arrivions à pourquoi la taille. La taille y calcule la hauteur de notre cadre de titre. Et nous voulons nettoyer un peu ça. Renommons le titre en Titre 1 et aussi le titre Masquer, Titre 1, hauteur et partout où il est dit titre, nous voulons en ajouter un. Parce que maintenant nous allons ajouter le sous-titre dans le calcul qui va aussi être intitulé. Vous pouvez aussi faire la distinction entre les sous-titres, droit si vous voulez, mais je vais juste aller avec le titre 1 droit à. Maintenant, je vais copier tout ce truc. Coller ça. Et maintenant, je vais tout changer pour le titre 2. Et je veux lier cela à la couche de sous-titres, qui dans ce cas est appelé sous-titres. Donc, j'aurais pu juste renommer ceci ici et il aurait été lié à la couche correcte. Et je vais remplacer chacun par les deux. Et bien sûr, parce que nous calculons la hauteur, nous n'avons pas besoin de changer la hauteur ici qui reste la même pour le sous-titre aussi. Nous voulons calculer la hauteur du titre et du sous-titre. Maintenant, dans le calcul de la boîte, nous voulons également apporter ces changements. Et nous voulons ajouter le calcul du sous-titre, donc le titre à la hauteur est ajouté à cela. Et nous devons calculer la hauteur de la ligne entre le titre et le sous-titre est bien, il doit y avoir un peu d'espacement. Donc, en ce moment, le titre, hauteur de ligne ou l'espacement entre le cadre et le sous-titre est calculé avec la marge. Mais nous allons changer cela, va ajouter un autre contrôle de curseur en cliquant sur l'un des moindres qui ne tient pas une expression, Contrôle D pour dupliquer cela, appuyez sur Entrée. Cela va être la hauteur de la ligne ou le plomb. Appelons ça la hauteur de ligne. Et maintenant, nous devons lier à ce contrôle des effets. Je n'utilise pas le terme prêt parce que c'est un terme
réservé dans les effets secondaires et cela pourrait gâcher les calculs. Je crée une nouvelle variable appelée line-height, mais laisser est ce qui définit l'espace entre deux lignes de texte. C' est vivant, mais j'appelle ça la hauteur de la ligne. Maintenant, je veux choisir quoi ça et je tiens Alt, et je veux aller au curseur ici. Et encore une fois, j'ai mes contrôles d'effets verrouillés
en cliquant sur le verrou VO à bascule de sorte que toujours visible quel que soit le calque sur lequel je clique. Maintenant, nous voulons ajouter cette hauteur de ligne dans le calcul également. Dès que les effets secondaires commencent à le suggérer, je peux appuyer sur le bouton Entrée sur mon pavé numérique pour prendre cette suggestion. Et nous pouvons supprimer cette case à la fin parce que la dernière instruction est celle qui est exécutée. Donc, nous n'avons pas besoin d'avoir un mot de boîte supplémentaire à la fin. Donc, ce qui s'est passé maintenant, c'
est que la hauteur d'un cadre prend maintenant en compte la hauteur de notre sous-titre. Le sous-titre, bien sûr, est toujours en dehors du cadre, mais maintenant il calcule cette taille dedans. Peu de choses ont changé dans les termes de la position du sous-titre. Alors maintenant, on va réparer ça. Allons à, basculez ceci fermé et allez au sous-titre et ça s'appelle le point d'ancrage. En appuyant sur un, vous pouvez voir que le point d'ancrage se trouve au centre supérieur du calque. Donc maintenant, je voudrais changer cela pour être au centre de la couche. Pour ce faire, j'ai besoin d'ajouter la hauteur de couche divisée par deux. À cela atterrit le point d'ancrage au centre de cette couche. Maintenant appelons la position y, appuyez sur P. Cela nous donne les deux dimensions séparées de la position. Dans la dernière classe, nous avons séparé ces dimensions afin de cibler spécifiquement la position y. Maintenant, faisons quelques changements ici, tout comme avec la boîte dans la dernière expression, nous pouvons supprimer ceci pour rendre cela un peu plus propre puisque la dernière instruction est celle qui exécute l'expression. Donc, nous pouvons simplement supprimer la pause y puisque la déclaration de la Maison Blanche fait la même chose. Nous n'avons donc plus besoin de la hauteur du titre, de la marge et du rembourrage. J' aimerais aussi changer le sous-titre en titre deux. Vous pouvez le garder au sous-titre si cela est plus compréhensible pour vous. Mais depuis que j'ai décidé d'accord, passons avec le titre 1 comme nom. Je veux faire en sorte que toutes mes expressions suivent la tendance des clusters est intitulé à savoir, intitulé à la hauteur. Et donc je veux m'assurer que je nomme est le même dans toutes mes expressions. Donc c'est agréable et propre. Maintenant, nous n'avons plus la marge et les curseurs de remplissage, mais ce que je voudrais, c'est la hauteur de la ligne. Alors ajoutons ça ici. Vous pouvez également simplement copier coller la variable de la dernière expression où nous l'avons utilisée. Ou vous pouvez simplement l'ajouter manuellement. Étant donné que le sous-titre est parenté à notre couche de contrôle, notre couche de contrôle agit comme le 0. Donc maintenant le sous-titre calcule à partir de 0, prenez la moitié de sa propre hauteur plus la hauteur de la ligne, et c'est à quel point il est loin du titre parce que actuellement je voudrais titre est également au centre à 0 à la couche de contrôle. C' est ainsi que le sous-titre est maintenant calculé si loin du titre, ou plutôt loin de la couche de contrôle. Parce que si on déplace la position du titre
, ce n'est plus le cas. Il n'est plus lié à la position du titre. C' est juste de calculer à partir de 0 jusqu'à quel point va être. Vous pouvez également changer la hauteur de la ligne et vous pouvez voir que
le cadre change de taille ainsi que le titre. Mais il y a encore quelques choses qui ne vont pas, et nous allons l'ajuster dans la prochaine leçon. Positionnons le titre dynamiquement. Donc, le titre et le sous-titre sont au centre du cadre ensemble.
7. Centrer le texte en cadre: Dans notre classe de modèle de titre, nous configurons notre sous-titre avec un contrôle de case à cocher, que nous pouvons activer
et désactiver, et le sous-titre disparaît ou est affiché. Maintenant que le sous-titre est à l'intérieur de notre cadre, nous avons besoin de la position de notre titre pour s'adapter à ce changement de dynamique. Commençons par calculer la position du titre avec une instruction conditionnelle, en tenant compte de la case à cocher on-off. Allons dans notre titre. Allons sur P pour obtenir la position. Cliquez avec le bouton droit sur les cotes séparées parce que nous voulons seulement cibler la position y, maintenez Alt et cliquez sur le chronomètre pour commencer à écrire l'expression. Maintenant, la première chose que nous voulons faire, nous voulons copier coller une partie de l'expression que nous avons déjà écrite dans l'expression de sous-titre. Et ce que nous voulons, c'est toute cette partie supérieure, le titre, la hauteur du titre et la hauteur de la ligne apporteront quelques changements, mais au moins nous n'avons pas besoin d'obtenir toute la structure à partir de zéro. Nous voulons donc changer le festival, le titre pour le titre 1. Et ciblant également la couche de titre. Si vous avez
changé de sous-titré plutôt que de titre 1 autorisé à apporter ces modifications en conséquence. Et puis nous voulons commencer notre déclaration conditionnelle. Et une instruction conditionnelle signifie que si cela se produit, faites-le, sinon, faites-le, et c'est une instruction if-else. Alors commençons par si. Nous voulons quelques crochets arrondis ici à, puis quelques crochets bouclés, puis notre première déclaration if. Et c'est moins la hauteur du titre. Titre une hauteur divisée par 2 point-virgule. Et les effets secondaires nous ont aidés à fermer ces crochets bouclés après les déclarations. C'est génial. Ensuite, nous allons recommencer nos autres supports bouclés. Si vous appuyez sur Entrée, il devrait créer les crochets bouclés fermés. Et ici, nous allons écrire notre autre condition, qui est juste 0. Et à l'intérieur d'ici, nous devons définir le si, si cela se produit, faire ça. Donc, notre SI est case à cocher. Lorsque la case à cocher fait quelque chose, nous voulions le faire, nous devons ajouter cette variable ici. Donc, ajoutons la case à cocher égale. Maintenant, nous devons retrouver cette case à cocher. Malheureusement, ma visionneuse à bascule s'est désactivée, donc je vais allumer ma visionneuse à bascule, revenir à mon expression. Et maintenant je peux choisir fouet au sous-titre sur, hors case à cocher. Toujours tenir Alt et fermer ça avec un point-virgule. Maintenant, j'appelle cette case à cocher peut maintenant utiliser cette variable ici, case à cocher. Donc, lorsque cette case à cocher est égal à un et égal a deux signes égaux parce que cela est égal à un double égal est un égal régulier dans le calcul. Et un seul égal signifie juste que cette variable signifie cela. Donc, si la case à cocher est égale à un, ce qui signifie que si la case est activée, nous voulons que notre titre soit moins la moitié de sa hauteur car pour le moment, le point d'ancrage est au centre de notre titre, qui se trouve directement sur notre couche de contrôle, qui agit comme notre 0. Cela signifie que si le sous-titre est activé, notre titre doit être plus haut afin qu'ils puissent tous les deux s'asseoir au centre de notre cadre. Et pour le moment, nous calculons la position de notre sous-titre en fonction de la couche de contrôle, sa hauteur, du début. Alors poussons le titre de moitié de sa hauteur. Et quand le sous-titre est éteint, nous voulons qu'il soit juste à 0, ce qui est notre déclaration else. Alors jetons un coup d'oeil à ça. Rendons la hauteur de la ligne plus petite. Et vous pouvez voir que des choses se passent. La seule chose qui n'est pas tout à fait correcte est que le cadre est dimensionné dans les deux sens, haut en bas, même si le sous-titre ne fait que descendre. Donc c'est autre chose qu'on va devoir réparer. Rendons la hauteur de la ligne un peu plus petite. Et testons ce que fait le titre lorsque nous changeons la taille de la police. Tout va bien, mais il y a aussi des changements en cours. Le cadre n'est pas tout à fait CAG pour calculer correctement la taille du titre. Donc c'est une autre chose que nous voulons jeter un oeil. Maintenant, vérifions ce qui se passe lorsque nous activons et désactivons les sous-titres. Donc c'est le sous-titre sur et c'est le sous-titre off. Alors maintenant notre titre saute au centre du cadre. Quand le sous-titre n'est pas ça, c'est génial. Et comme vous pouvez le voir, le cadre ne change pas. Donc c'est une autre chose que nous voulons faire, dynamique. Si vous avez des erreurs dans votre code, assurez-vous d'avoir la bonne quantité de crochets bouclés et de crochets ronds. Vous avez tous les virgules où ils devraient être. Et vous utilisez un double signe égal à l'intérieur de votre déclaration conditionnelle. Normalement, vous n'avez pas besoin d'avoir le point-virgule dans vos instructions conditionnelles, sorte que vous pouvez également les supprimer. Mais j'aime les garder parce qu'ils ne cassent rien et ils montrent
clairement que cette déclaration est complète à ce stade. Maintenant, nous allons rendre la hauteur d'image dynamique en fonction de la condition de sous-titre.
8. Taille de cadre dynamique et conditions de sous-titres: La taille du fil sur notre contrôleur calcule la hauteur de notre cadre. Il est basé sur toutes les tailles de toutes les couches à l'intérieur, qui signifie que sous-titrer le titre et le remplissage, laisser et ainsi pour que la hauteur du cadre prenne en compte la disparition du sous-titre, nous devons ajouter la même instruction conditionnelle qui calcule la position du titre. Donc, donnons le titre à la position Y. Activez simplement l'ensemble de votre contenu ici ou appuyez deux fois sur E. Et puis avec Shift et Alt, vous pouvez vous débarrasser de ou vous ne voulez pas voir, pour arriver à la position Y cliquera dans le champ d'expression et simplement glisser avec le clic de souris et glisser. Copiez ensuite cette instruction conditionnelle. Et nous allons le mettre dans le contrôle de curseur de taille y juste ici. Collez-le là-dedans, et maintenant nous voulons faire quelques changements. Nous avons donc également besoin du contrôle de la case à cocher pour que cela fonctionne. Donc, obtenons la variable de case à cocher aussi. Ajoutons cela juste en dessous de la hauteur de ligne. Donc maintenant cette erreur ne devrait plus apparaître parce que maintenant elle sait ce que c'est, mais évidemment le calcul est faux. Alors ajoutons ça. Donc, si la case est activée, ce qui signifie que si nous voyons le titre, nous voulons juste que ce soit le calcul de notre case que nous avons déjà assemblé. Donc nous voulons juste que ce soit une boîte et ensuite il devrait être juste là où il était. Mais sinon, si, si cela est parti, alors nous voulions être le titre une hauteur plus 2 fois rembourrage. Et maintenant, si nous désactivons notre case à cocher, vous voyez que le titre saute au centre de notre contrôleur et que le cadre redimensionne avec lui. Donc c'est excellent. C' est exactement ce que nous voulons voir si par hasard notre sous-titre est plus long que notre titre. Tout d'abord, l'ami ne tient même pas compte de cela. Donc c'est une chose que nous devons changer. Et aussi, une fois que nous avons ajouté ce calcul le cadre prend en compte la longueur du sous-titre. Une fois le sous-titre désactivé, nous tiendrons toujours compte de la largeur du sous-titre. Donc ce sont deux choses que nous allons examiner. Allons d'abord aborder la largeur du sous-titre. Allons dans notre expression de curseur de taille. Ouvrons ça et nous avons encore cette vieille écriture ici. Je vais juste supprimer la dernière boîte et je vais également apporter quelques modifications au titrage ici. Je vais juste changer ça pour le nouveau nom que nous avons établi pour que tout soit conforme l'un à l'autre. Et maintenant, nous voulons copier le titre. Qui aussi. Vous pouvez soit dupliquer ceci et renommer la largeur en hauteur, soit vous pouvez le dupliquer et renommer la largeur en hauteur et vous assurer que vous modifiez l'index de l'échelle de transformation à 0 car 0 est x, un est y et la largeur est x. Donc nous voulons que ce soit 0. Assurez-vous que tous les nombres sont corrects à travers vos variables et vos expressions. Et maintenant, nous allons ajouter un math.max à notre déclaration de boîte. Alors écrivons notre maths dot max et enveloppera le calcul que nous avions déjà entre parenthèses. Et maintenant, nous allons dire que le rembourrage va être en dehors de ça. Cela va être ajouté à l'ensemble du calcul. Et maintenant, nous voulons dire titre une largeur virgule titre à la largeur. Quand il dit « Attends », pas « largeur ». Donc je veux juste s'assurer que tout est orthographié correctement. Vous ne voulez pas avoir d'erreurs d'orthographe ici. Ce que cela fait est la fonction mathématique max assurera que le cadre ou la boîte en dehors de nos textes s'adaptera à tout ce qui est plus grand entre le titre et le sous-titre. Assurez-vous que lorsque vous copiez les variables de hauteur et les changez en variables de largeur, que vous modifiez également la largeur des points sur le rect source à la fois. Donc, non seulement vous devriez changer le nom de la variable, vous devriez également changer le point de temps d'enregistrement source, largeur et le numéro d'index Transform Scale. Alors assure-toi de faire ça. Et puis nous pourrons changer la largeur des sous-titres. Et comme vous pouvez le voir, le cadre est en train de changer. Et maintenant, je peux démontrer pourquoi nous devons également ajouter quelque chose d'autre au calcul de la largeur du cadre. Parce que si je désactive ce sous-titre maintenant, le cadre calcule toujours la largeur du sous-titre, même s'il est désactivé quand maintenant le cadre devrait se rétrécir aux côtés du titre. Donc, nous allons l'ajouter ensuite.
9. Échelle de sous-titres dynamique lorsqu'ils sont désactivés: Pour que notre sous-titre cesse de perturber la taille de la largeur de notre cadre. Quand il est désactivé, nous allons ajouter une instruction conditionnelle à la taille de celui-ci de sorte que lorsqu'il est désactivé, il est à 0 taille. Ainsi, si c'est plus long que le titre, vous n'avez pas à vous rappeler de supprimer les textes et le sous-titre n'interfère pas avec le cadre. Alors faisons ça. Allons à notre sous-titre. Appuyez sur S pour l'échelle, appuyez sur Alt et cliquez sur le chronomètre pour commencer à écrire notre expression. Nous allons copier coller l'instruction if-else
du titre en appuyant deux fois sur E va révéler toutes les expressions
et nous allons saisir le contrôle de case à cocher et l'instruction conditionnelle ou copier coller cela dans notre échelle du sous-titre. Et maintenant, nous devons faire quelques changements parce que évidemment cela est basé sur les tailles, mais en fait, ce que nous voulons faire est de changer ceci en valeur. Donc, lorsque la case à cocher est une, c'est l'échelle du sous-titre sera 100% et sinon elle sera 0%. Mais en fait, cela fixe l'échelle du sous-titre à 100. Et si quelque temps en bas de la ligne, vous décidez que vous voulez réellement utiliser l'échelle, peut-être la lier à un curseur pour le rendre personnalisable, je recommande de ne pas utiliser un nombre fixe, mais plutôt dire la valeur 0 et la valeur un ce qui signifie simplement les tailles correspondantes. Donc, ne modifiez pas lorsque la case à cocher est activée, mais pour qu'elle soit 0 lorsque la case à cocher est désactivée. Donc, nous allons entrer avec des crochets chauds et terminer le tout avec des crochets chauds. Et on peut enlever le point-virgule ou on peut laisser ça, tu sais, tout ce qui te parle. J' aime généralement les garder là juste pour m'assurer que c'est la fin de cette ligne, n'interfère pas avec l'expression. Alors maintenant, quand nous faisons cela le plus long, les signes, rendez cela plus long et le cadre devrait réagir à cela. Lorsque nous désactivons le sous-titre, le cadre est cassé car le 0 doit également avoir deux valeurs au lieu de la position séparée sur le titre, nous ciblons simplement l'une des deux valeurs de position. Mais si l'échelle, il n'y a pas de séparation ici, donc nous avons réellement besoin des deux valeurs. Donc nous ferons la même chose. Nous allons ajouter ces crochets durs et les buts font 0 virgule 0. Et ça ne devrait pas nous donner de problèmes. Jetons un coup d'oeil. Oui. Il saute à la taille du titre plus c'est le rembourrage et tout ce que nous avons calculé sur cela. Donc c'est déjà excellent. C' est exactement ce qu'on veut. Si vous jouez avec votre valeur de location, vous remarquerez que le cadre se redimensionne du centre vers le haut et vers le bas. Même si le sous-titre est seulement poussé vers le bas, nous devrons ajouter une expression à la position du cadre à aussi dynamiquement lorsque le sous-titre ou laisser la valeur changer de taille. Cela corrige également le problème de mise à l'échelle du titre.
10. Hauteur de cadre dynamique: Donc, si vous jouez avec la hauteur de la ligne, vous pouvez voir que le cadre n'est pas mis à l'échelle correctement. Nous allons ajouter l'expression pour corriger cela, et nous allons le faire en ajustant la position ducadre pour permettre
le mouvement vers le bas,
nous allons cliquer sur le calque cadre pour permettre
le mouvement vers le bas, de cadre va frapper P pour révéler la position et nous allons cliquer avec le bouton droit et dimensions séparées. Ensuite, nous allons cibler la position y et nous
allons prendre les variables du titre. Alors appuyez sur P, ouvrez l'expression et saisissez la hauteur du titre. Vous pouvez également le faire à partir du sous-titre où vous avez la variable de sous-titre. Et nous maintenons Alt pour cliquer sur le chronomètre, va coller notre copie l'expression. Et juste pour que nous n'ayons pas à corriger aucun des noms, je copierai les variables pour Subtitle 2 à partir de la couche de sous-titres. Vous voulez vous assurer que vous saisissez la hauteur et non la largeur de l'une des expressions précédentes. Nous allons également copier coller la variable de hauteur de ligne. Et maintenant, nous allons créer une variable y pause. Et nous voulons calculer le titre 2, hauteur divisée par 2, puis moins le titre une hauteur divisée par deux plus la hauteur de la ligne divisée par deux. Maintenant, que fait cette expression ? Il s'assure que lorsque le titre est dimensionné, le sous-titre garde toujours le titre et le sous-titre au centre du cadre. Et quand avec le dimensionnement, le sous-titre se repositionne de telle sorte que, encore une fois, le titre et le sous-titre soient toujours au centre du cadre. Donc, en ce moment, il semble juste qu'il croît vers le bas, mais en fait il grandit dans les deux directions, mais se repositionne lui-même. Ainsi, le titre et le sous-titre sont toujours au centre du cadre. Cela signifie également qu'il calcule le changement de hauteur de ligne vers le bas. Étant donné que nous avons maintenant ajouté le changement de position, nous devons l'ajouter à notre sous-titre sur l'instruction conditionnelle off, cette expression casse actuellement le calcul de la position d'image lorsque le sous-titre est désactivé. Alors réparons ça. Nous allons également ajouter une instruction conditionnelle à la position de l'image y. Copions l'instruction conditionnelle existante à partir du titre ou ailleurs où elle est disponible. Et gardons les commandes du curseur ensemble. Ce n'est pas nécessaire, mais cela le fait paraître un peu plus propre. Et maintenant, quand la case est activée, nous voulons ce calcul. Donc, nous voulons y pause et la première condition, et nous voulons le titre une position. Nous allons donc ajouter une autre variable ici, et nous l'appellerons Title une position. Et c'est le titre 1, cette colonne. Et on peut écrire ça ou on peut utiliser le fouet pour ça. Et nous voulons appeler la transformation de la position y. Et maintenant, vous pouvez voir pourquoi nous n'avons pas utilisé la position Y comme variable parce que c'est le cas où elle est utilisée. Et maintenant, nous pouvons remplacer le 0 par la position de titre un. Et on a une faute de frappe ici. Donc, si vous incluez le titre 1, qui est ce titre de calque comp 1, vous n'avez pas vraiment à réécrire ceci, alors supprimons cela. C' est pourquoi votre ciblage de la mise en page avec cette première variable. Et c'est pourquoi nous remplaçons cette couche comp
, puis le nom de la couche par la variable de cette couche. Donc maintenant tout devrait fonctionner comme prévu. Éteignons le sous-titre. Et maintenant, le cadre saute correctement à nouveau. Parce que pour la position de
titre, titre une position, lorsque le sous-titre est désactivé, il ne fait plus de calculs ici. Il faisait encore quelques calculs et il ne tenait pas compte du fait que lorsque le sous-titre est désactivé, le cadre devrait être indifférent position. Maintenant, il ne fait plus que le calcul est juste de chercher la position
du titre et de positionner le cadre exactement dans la même position. Assurez-vous donc de tous vos calques,
le dimensionnement, la mise à l'échelle, les curseurs. Et si vous n'avez pas d'erreurs, tout devrait réagir dynamiquement les uns aux autres maintenant. Et si nous jouons ceci, vous remarquerez peut-être que l'animation a légèrement changé par rapport à l'endroit où nous avons commencé. Je vais juste vous montrer la différence entre l'original, l'animation du titre. Nous n'avons que ce petit peu à la fin. Regardons ça à nouveau. Donc, vous pouvez voir qu'il y a un peu de différence dans l'animation. Revenons dans notre animation Troisième inférieur. Et vous pouvez voir que l'ici est un peu coincé dans sa position et le cadre fait tout le mouvement. C' est à cause de cette expression de position sur le cadre. Il existe une autre façon de le faire lorsque l'animation est intacte, mais certaines expressions doivent être modifiées. Donc, si vous voulez voir comment cela est fait, venez me suivre à la partie 3 de cette série de cours, où je vous montre l'astuce de changer ces expressions. Bien sûr, il y a toujours un péage à payer, dans ce cas, l'animation légèrement différente. De l'autre façon de le faire. Une partie de la dynamique sera supprimée afin de préserver l'animation. Donc, il y a toujours un compromis, mais c'est essentiellement pour le côté expression de cette classe. Ajoutons maintenant quelques touches finales à notre design.
11. Discours turbulents: Ajoutons quelques touches finales, épinons le regard à quelques nouvelles propriétés de l'EGP. Et enfin, je vais vous montrer comment utiliser ce modèle dans After Effects. Ouvrons les graphismes essentiels. Vous pouvez le faire en allant dans Fenêtre puis Graphiques
essentiels si vous n'avez pas déjà ouvert. Et allons à notre couche de contrôleur basculer cette ouverture, obtenir tous les effets ici. Ils sont tous ouverts. Je vais les fermer pour mieux voir ça. Et puis je vais aller à la hauteur de la ligne et je vais faire glisser ce curseur dans mes contrôles globaux et je vais renommer cette location ou vous pouvez le garder à la hauteur de la ligne, ce que vous préférez. Je vais aussi changer la plage de 0 à, disons, 100, de sorte que le curseur soit au centre, ne doit pas être de cette façon. Vous pouvez également choisir les valeurs que vous pensez être le minimum et le maximum. On peut faire la même chose avec tous les autres curseurs. Nous l'avons fait. Ces vers sont déjà au centre. Et nous avons l'épaisseur de ligne qui pourrait potentiellement être déplacée vers le centre, qui devrait être 19, parce que je ne veux pas que la ligne soit plus mince que 10. C' est ce que j'ai défini comme mon minimum, mais vous pouvez changer ces valeurs. Et aussi vous n'avez pas besoin d'avoir la diapositive au centre juste une sorte de rend agréable que c'est la norme et vous pouvez aller de haut en bas. Maintenant, comme un Fed inférieur n'est généralement pas des titres, mais c'est Prénom, Nom. Changeons ça ici. Ou tu peux écrire John Doe. Et le gamin du bas, sois juste un sous-titre. Et changeons un peu le dimensionnement, le plus bas qui est en général assez grand. Ça ramène ça à environ 100, et amène le sous-titre à environ 50 peut-être. Cela signifie que nous pouvons également changer la location ou la hauteur de la ligne en fonction de ce que vous voulez appeler. Ensuite, on peut aller pour 25 et ensuite je pourrais changer la portée. Je n'ai pas à le faire pour le moment. Très bien. Mais peut-être que je veux que les gens aient la possibilité de tirer ça très loin du titre. Je veux juste leur donner une portée limitée. Il ne devrait pas rendre la valeur est trop mince. Donc entre 10 et 20, ce serait trop mince. Plage de valeurs, mais quelque chose entre 0100, c'est une plage de valeurs prédite. Allons faire ressortir les garanties. Si vous ne l'avez pas déjà, c'est l'apostrophe de votre clavier. Ou vous pouvez cliquer sur ce menu Guides et choisir le titre et l'action coffre-fort. Et organisons la position globale. Puisque nous avons déjà ajouté quelques valeurs minimales et maximales à cela, nous allons devoir aller à notre pince Min et max, au moins pour la position y. Faisons juste cela très grand pour que nous puissions réellement obtenir le, et passons simplement ceci à notre cadre à propos des résultats de la ligne directrice de sécurité d'action, qui est l'externe. Donc c'est vers 1890. Alors faisons ça,
ce numéro pour la pince max. Et la pince, la colonne y minimum peut être un peu moins. Voyons voir. Amenons tout ça jusqu'au bout et on peut le glisser aussi loin que nous le voulons. Environ 200 est probablement une bonne position. Faisons cela le minimum pour la position x. C' est là que nous devons changer la marge parce que cela contrôle à quelle distance du bord. C' est si vous vouliez aussi avoir cette option pour le Y, vous pouvez ajouter l'expression que nous avons utilisée sur l'exposition aussi, sur la position Y et ajouter cette marge à cela également. Je laisserai ça à votre discrétion. Cela peut être un projet supplémentaire pour cette classe pour voir si vous avez bien compris les expressions afin que vous puissiez les appliquer à la vôtre. En plus de ce que nous avons fait. Donc maintenant, c'est juste au bord de ce guide. Maintenant, ajoutons quelques regards. Ajoutons un calque de réglage à l'ensemble de cette conception maintenez Alt Control Y pour obtenir un calque de réglage. Et ajoutons un déplacement turbulent, appuyez sur Contrôle 5 pour obtenir les effets et les préréglages. Rechercher un déplacement turbulent. Double-cliquez dessus. Et maintenant, faisons quelques ajustements. Renommons aussi ce déplacement turbulent. Et allons dans les paramètres de ceci. Faisons le montant, ramenez ça à 25. La taille est beaucoup trop énorme. Réduisons ça à trois. Et maintenant, nous avons ça comme un petit grain minuscule. Cela semble donc maintenant ce n'est pas cette vague géante, mais cela ajoute juste un peu de texture à cela. Et pour le rendre un peu plus intéressant pour que ce ne soit pas seulement une texture statique, mais je bouge la texture. Ajoutons une graine aléatoire. Revenons donc aux contrôles et nous allons dupliquer l'un des moindres qui n'ont pas d'expressions sur eux comme peut-être celle-ci. Je vais renommer ce Posterize Time et apporter la valeur à quelque chose comme huit dans cette plage. Revenons au déplacement turbulent, et faisons basculer ça. J' ai frappé U deux fois pour descendre ici. Et je veux ouvrir et fermer ces affichages turbulents que je veux
ouvrir les options d'évolution jusqu'à ce que j'arrive à la graine aléatoire. Et la raison pour laquelle j'ai choisi de postériser le temps pour être huit, parce que c'est la durée de mon AECOM. Donc, si votre comp est un autre lien, choisissez le nombre ici à la valeur de la longueur de votre comp. Et maintenant, nous allons ajouter une expression ici. Nous voulons aussi une graines aléatoires. Donc, dupliquons le temps de postérisation et ajoutons aussi des graines aléatoires. Et faisons de cela une valeur vraiment élevée, quelque chose comme 1, 0, 0, 0, 0, 0, 0, 0. Maintenant, maintenez Alt et cliquez sur le chronomètre sur la graine aléatoire, et commençons à écrire une expression. Écrivons le temps de postérisation. Et à l'intérieur de ça, nous allons choisir avec deux notre Posterize Time Slider, fermer ça avec un point-virgule. Ensuite, la ligne suivante, nous voulons une expression aléatoire à l'intérieur d'ici. On va choisir le fouet au curseur aléatoire. Et je vais clore cette déclaration par un point-virgule. Encore une fois, j'ai une erreur qui est parce que je manque un support ici, donc ce support n'est pas fermé. Donc, assurez-vous que si vous prenez des suggestions de séquences, il s'assure que toutes les bonnes quantités de parenthèses sont présentes. Et quand on joue ça, voit qu'il y a comme une sorte statique de flou qui se passe. Et j'aime vraiment ce regard. Si vous aimez ce look, vous pouvez également ajouter ce look à la conception du titre. Et vous pouvez avoir un look cohésif unique sur tous vos graphiques animés. Vous pouvez également amener la graine aléatoire vers le bas. Vous pouvez faire monter la taille. Ce n'est pas pour ça que c'est si laid. Ou vous pouvez réduire la taille pour faire les changements pour cela, suffit de jouer avec cela pour le rendre aussi intense ou moins intense que vous le souhaitez, le montant va changer combien de ceux que vous avez. Évidemment, cela ne devrait pas être trop élevé, sinon, vous perdez la visibilité de votre texte. Mais vous pouvez jouer avec toutes ces valeurs. Maintenant, ajoutons une chose de plus. Ajoutons une ombre portée.
12. Bords de l'ombre et propriétés essentielles: Donc, avec le déplacement turbulent mis en évidence, Allons aux Effets et Préréglages. Et nous allons taper drop, ce qui nous amène à l'ombre portée. On peut double-cliquer dessus. Ajoutez une ombre portée à cela. Amenons l'opacité à 100 et nous allons basculer la transparence de notre grille pour que vous puissiez réellement voir l'ombre portée en ce moment, c'est juste du noir pur. Mais ce que nous pouvons faire, nous pouvons faire apparaître les thèmes de couleur Adobe. Et ici, vous pouvez rechercher des couleurs dans l'onglet Explorer. Et comme nous avons déjà mis en place ce genre de pastel, un liquide, vous n'avez pas à suivre du tout. Mais depuis que je l'ai fait, je vais revenir à l'une des couleurs pastel que j'ai déjà choisi, et je vais en choisir une qui fonctionne avec ça. Donc quelque chose qui est un peu plus sombre, probablement plus sombre que la couleur avant qui fait ressortir un peu l'arrière-plan, quelque chose qui correspond mais n'est pas trop agressif. Alors il suffit de choisir vos favoris et assurez-vous qu'il va avec le thème de la couleur. On peut aussi retourner au docteur, mais je pense que je veux rester sur cette calamité. La couleur de vernis PAH fonctionnerait bien. Et bien sûr, vous pouvez également entrer et ajuster les couleurs comme vous le souhaitez, rendre un peu plus sombre. Beaucoup d'enfants, un peu moins ou plus saturés. Et puis vous, bien sûr, voulez ajouter les couleurs à votre EGP. Alors amenons la couleur de l'ombre. Apportons ça ici. Vous pouvez le mettre dans les contrôles de texte ou vous pouvez le mettre dans les contrôles globaux, euh, puisque ce n'est pas une couleur de texte, je vais juste le mettre à mes contrôles globaux. Et je veux aussi faire entrer l'opacité. Vous pouvez soit apporter directement la capacité de votre ombre portée et ainsi elle peut être désactivée ou rendue transparente. Vous pouvez également lier cette capacité à un curseur ou à un contrôle de case à cocher, et vous pouvez l'activer et la désactiver de cette façon, comme vous le souhaitez. Allons dans la composition principale que nous avons mise en place au début de cette classe. Et regardons comment nous pouvons utiliser ce tiers inférieur dans les aftereffects et tout modèle vraiment que vous créez un aftereffects peut également être utilisé comme un modèle et aftereffects pas seulement comme une comp que vous devez dupliquer. Donc, ce que vous voulez faire est que vous voulez ignorer le panneau graphique essentiel. Fermez cela immédiatement parce que vous ne voulez pas la toucher si vous voulez utiliser le comp comme modèle. Cela signifie donc plusieurs fois utiliser le même look ou différent sans changer le design original. Donc, si vous basculez l'ouverture de votre couche, vous trouverez les propriétés essentielles. Vous pouvez activer cette ouverture et vous verrez toutes vos propriétés ici. Certains d'entre eux peuvent apparaître différemment. Par exemple, si nous ramenons le panneau graphique essentiel, vous pouvez voir que pour le texte, vous avez toutes ces photos, réglages de taille, police, sélection, faux styles, tout cela est disponible ici. Vous pouvez également modifier la taille, le style et la police des propriétés du texte. Vous n'avez pas cette option dans After Effects. Si vous voulez apporter ces modifications, vous devrez aller dans le comp et cela
apportera des modifications dans tous vos modèles. Mais en ce qui concerne tous les autres contrôles, tous ceux-ci disponibles ici, vous pouvez apporter des modifications à la couleur et à toutes ces options de dimensionnement. La pince ne fonctionnera pas à l'intérieur d'After Effects. La fonction de serrage ne fonctionne que dans Premier Pro en tant que bosses. Gardez cela à l'esprit lorsque vous modifiez vos propriétés dans After Effects. Et vous voulez toujours utiliser les propriétés essentielles à côté d'ici. Comme je vais vous le montrer, si j'ai plusieurs instances de cette comp et que j'apporte des
changements au positionnement ou au dimensionnement ou quoi que ce soit. Vous pouvez voir que seule cette comp change, cette autre comp reste la même. Laisse-moi changer une partie de la couleur comme le cadre. Vous pouvez voir que ceux-ci sont différents de rester et différents parce que nous
ne modifions pas les propriétés d'origine à l'intérieur de cette comp avec seulement changer l'apparence. C' est pourquoi nous avons configuré le panneau graphique essentiel non seulement pour l'exporter en tant que taupe pour Premiere Pro, mais aussi pour l'utiliser comme modèle dans After Effects. Et c'est ainsi que vous l'utilisez. Pour modifier le texte à l'intérieur d'After Effects, vous devrez créer une sorte d'expression. Donc, vous allez à votre propriété de texte, vous maintenez Alt et cliquez sur le chronomètre. Et puis à l'intérieur de deux guillemets, vous pouvez écrire votre texte. Et c'est alors comme ça qu'il apparaît dans votre tiers inférieur. Si vous n'avez pas les guillemets, cela ne fonctionnera pas. Donc, vous n'avez pas essentiellement le même champ, le même champ d'entrée que vous le feriez dans votre EGP. Mais c'est ainsi que vous pouvez entrer du texte à l'intérieur de votre modèle After Effects si vous souhaitez savoir comment utiliser le modèle en tant que magnat dans Premier Pro, le T ajouté des modifications vidéo. Vous pouvez vérifier la classe précédente où je vais dans les détails. Vous pouvez également utiliser tous ces graphiques animés pour créer une animation et une image de marque cohérentes dans vos vidéos. Vous pouvez également ajouter des propriétés supplémentaires à l'EGP que nous n'avons pas ajoutées, sont prêts à savoir quelles propriétés vous pouvez ajouter les utilisateurs vont dans votre composition et vous pouvez cliquer sur Propriétés supportées Solo et il vous montrera tous les que vous pouvez rendre disponibles dans votre modèle pour être modifiées par l'utilisateur ou vous-même dans votre modèle. Maintenant, nous avons ajouté tout ce que je voulais ajouter dans cette classe. Et si vous souhaitez ajouter plus de choses, découvrez d'autres façons de créer ce
tiers inférieur à d'autres expressions pour ramener l'animation originale. Venez me rejoindre dans la troisième partie de cette série de cours.
13. Merci !: C' est la fin de notre classe. Aujourd'hui, vous avez appris à créer et à utiliser des modèles d'animation réactifs dans les effets secondaires, ajouter des conditions à vos expressions et à faire réagir
vos propriétés d'animation de manière dynamique les unes aux autres. Félicitations, bien fait pour avoir terminé ce cours, il y a un peu plus à apprendre sur les modèles de
graphiques de mouvement que je n'ai pas couverts dans cette classe. Je voulais le garder compact et vous donner un aperçu complet. Toutefois, si vous souhaitez en savoir plus sur les modèles d'animations graphiques, comment les affiner. rejoint la classe suivante de cette série, où je couvre comment créer un modèle en boucle et des diapositives de transition du même style. Je suis contente de t'apprendre quelque chose de nouveau. Obtenir le talent des expressions peut être difficile cependant. N' hésitez pas à laisser des questions et des commentaires dans le forum de discussion et je ferai de mon mieux pour vous aider. J' aurais également apprécié si vous pouviez laisser un commentaire pour cette classe, cela m'aide à modifier le contenu futur afin que vous en tiriez le meilleur parti. Et cela aide également d'autres élèves à voir la classe. J' ai hâte de voir vos projets dans la galerie de projets en utilisant les techniques que vous avez apprises dans cette classe, suivez-moi sur Instagram, Twitter et Facebook pour obtenir des conseils et astuces sur l'animation et les animations graphiques. Consultez mes diffusions en direct sur Twitch ou YouTube pour des nouvelles sur les cours à venir. Vous pouvez également vous abonner à ma newsletter. Merci d'avoir pris ce cours et à la prochaine fois.