Textures de couleurs et animation de texte dans Adobe After Effects

1. Introduction: Bonjour, je m'appelle Jake. Et je demande à Zion de créer cet effet que nous allons créer tout de suite dans cette leçon Je vais vous montrer comment créer un objectif qui soit un effet de transformation à l'aide des outils intégrés d'Adobe After Effects. Je partagerai avec vous tous mes conseils et astuces personnels que vous devez connaître pour créer une transformation transparente de la police du texte et divers ajustements afin d'obtenir des résultats uniques et rapides. Je vais également vous montrer comment colorer votre effet et créer un arrière-plan cool, animé et texturé avec une boucle transparente. La meilleure chose à propos de cet effet est que vous n'avez pas besoin d'acheter de plugins externes. Vous n'avez même pas besoin de connaître Adobe After Effects. Vous pouvez simplement télécharger une version d'essai gratuite d' Adobe After Effects. Et nous partirons des bases et nous arriverons progressivement à des choses plus complexes. Je pense que c'est la meilleure façon d'apprendre le logiciel. Des effets intéressants et bien notés pour le plaisir. Et pour compléter ce cours, notre objectif est de créer ces effets de transformation de texte transparents. Je serai content de le voir dans ma classe ainsi que votre résultat après avoir suivi toutes les étapes. Alors commençons. 2. Créer du texte: D'accord, j'utilise Adobe After Effects 2021, mais vous pouvez utiliser n'importe quelle version que vous possédez ou vous pouvez aller sur Google et rechercher Adobe After Effects. Vous pouvez télécharger cette version gratuite et commencer à créer cet effet. Alors tout d'abord, passons ici à cette mise en page standard. Vos panneaux devraient donc être similaires aux miens. Si vous ne pouvez pas voir certains des panneaux que vous pouvez voir sur mon écran, vous pouvez aller dans Fenêtre et l' activer à partir d'ici. Par exemple, character, character. Tout d'abord, nous voulons créer une nouvelle composition. Nous pouvons aller dans le panneau Projet. Ici nous allons voir nos compositions pour vous accueillir, nous pouvons cliquer ici sur cette petite icône ici. Nous allons donc cliquer ici. Appelons cela l'effet final, car cet effet est assez facile et nous pouvons le faire en une seule composition. Je vais régler ma largeur. Donc 1920 par 1080, ce qui est la Full HD. Et cette animation durera environ quatre secondes. Voici donc des images, ici, des secondes. Réglons-le sur quatre minutes et heures. Dans notre cas, c'est quatre secondes. Nous allons cliquer. OK. Vous pouvez voir que nous avons créé notre nouvelle composition. Il y a quatre secondes. Ici, sur la chronologie, nous verrons nos calques. La première chose que nous devons faire est d'utiliser cet outil de type horizontal, principalement ici, nous pouvons simplement zoomer dans cette fenêtre lorsque vous utilisez la molette de la souris et cliquez le plus à gauche, maintenez et faites glisser pour créer cette zone de texte. Cette zone de texte, nous pouvons laisser plus lisse et taper n'importe quel texte. C'est donc une bonne idée d' avoir quelques textes en tête. Avant de créer cet effet. Tapons mg. Les dernières lettres de votre mot le seront, plus vite vous obtiendrez votre résultat final, car cet effet demande un peu de travail manuel. OK, donc tapons les mots que tu aimes. Je vais taper le nom de ma coquille et la vendre au milieu. Tout d'abord, nous pouvons utiliser ce paragraphe et le centre, puis nous pouvons cliquer ici et vérifier le panneau Aligner. Si vous allez voir ce panneau Aligner, vous pouvez aller dans Fenêtre et l' activer à partir d'ici, aligner sur ce panneau Aligner, nous pouvons centrer notre texte. Alignons donc horizontalement et cliquez ici pour l' aligner verticalement. Et comme vous pouvez le voir, c'est en plein milieu de notre écran. Nous pouvons également aligner ce point d'ancrage si vous le souhaitez. Ce n'est pas nécessaire, mais le raccourci le plus pratique pour cela est Control. Accueil Alt. Comme vous pouvez le voir, il a sauté au centre. OK, nous avons donc créé notre texte. Dans la prochaine vidéo, nous choisirons deux points entre lesquels l'animation aura lieu. Rendez-vous dans la prochaine vidéo. 3. Choisir la police droite: D'accord, choisissons notre fonds. Vous pouvez utiliser n'importe quelle police que vous possédez ou que vous téléchargez sur le Web sur des sites Web gratuits. J'ai utilisé la police qui a appelé typo. Ligne, développée pour la position de départ. Ensuite, nous pouvons dupliquer cette couche. Appuyons donc sur la touche Ctrl D pour la dupliquer. Et cachons celui-ci ci-dessous. En cliquant dessus, je vais ici. Il ne nous reste donc plus que cette couche en haut. Et nous pouvons également modifier cette police. Pour cette police en haut, j'ai utilisé une police appelée uni sense. À ce stade, nous pouvons simplement sélectionner ce texte, sélectionner l'outil de sélection et le déplacer vers le bas. Et masquons ce texte ici. Nous verrons donc les deux textes pour éviter tout problème que vous pourriez rencontrer. C'est une bonne idée. Utilisez la même police. Changeons cette police en Montserrat et utilisons une police fine. Et puis choisissez celui-ci en haut. Et utilisez également Montserrat et montre très audacieux. Passons peut-être au noir. Il sera plus facile de voir la transformation d'un fonds à un autre et celui-ci. Allons-y un peu plus, d'accord. Dans la prochaine vidéo, je vais vous montrer comment créer ce type de fonds étiré et nous allons commencer à transformer un fonds en un autre. On se voit dans la prochaine vidéo. 4. Étirer notre parole: Nous avons donc choisi nos polices et créons maintenant une version avec ce Stretch 1. Tout d'abord, nous devons placer nos mots au centre de notre écran, comme celui-ci et celui-ci également, nous pouvons désactiver en cliquant sur ces globes oculaires et nous assurer qu'il ressemble à tu veux. Peut-être souhaiteriez-vous modifier ce suivi. Assurez-vous simplement qu'il se trouve au centre de notre écran. Créons maintenant cette version étirée de notre texte. Si vous voulez, activez ce texte que vous avez avec le fonds du dîner, vous pourriez penser que vous pouvez aller à échelle et déverrouiller ici et vous étirer comme ça. Mais comme vous pouvez le voir, cela n'a pas vraiment l' impression que cette police pourrait exister toute seule. Parce que si vous regardez ici, il a toujours ce champ comme si ce ventilateur pourrait exister. Je vais vous montrer mon mot original, qui se trouve ici. Et si je pouvais l' étirer comme ça, vous pouvez voir que cette lettre O n'a toujours pas l'air, d'accord. Laissez-moi donc vous montrer comment vous pouvez y parvenir. Regarde. Et il a toujours impression que c' est un fonds original. Donc pour cela, nous ne voulons pas utiliser cette mise à l'échelle car elle déforme notre mot. Réglons-le sur 100 tel qu'il était, et nous pouvons le fermer ici. Nous pouvons simplement cliquer dessus avec le bouton droit de la souris et cliquer sur créer des formes à partir de textes. Comme vous pouvez le voir, cela s'éteint automatiquement. Nous pouvons même cliquer ici sur ce bouton Partager. Si vous ne pouvez pas voir ce bouton, vous pouvez cliquer ici sur les interrupteurs à bascule et les modes pour le voir, cliquer dessus, et ici nous pouvons simplement le masquer. Nous ne verrons donc que quelques couches sur lesquelles nous travaillons. Nous avons donc créé ces grandes lignes sur nos textes. Nous avons essentiellement créé un calque de forme à partir de notre calque de texte. Et ce que cela nous permet de faire, c'est simplement de manipuler chaque lettre qui a une forme qui ressemble à celle qui a été accueillie avec le masque. De cette façon, nous voulons ouvrir chacune de ces lettres comme ceci. Et puis nous voulons sélectionner chaque lettre une par une, juste sélectionnée, laisser la plupart enfoncée puis maintenir la touche Contrôle sur le clavier. Sélectionnez la suivante. Ensuite, utilisez la molette de la souris. Faites défiler vers le bas, sélectionnez Suivant. Et si vous pouvez voir deux lettres, vous devez les sélectionner toutes les deux car certaines lettres, comme vous pouvez le voir, contiennent les deux masques. Donc c'est pour les grandes lignes et c'est pour l'intérieur. Ainsi, certaines lettres contiendront deux formes. Veillez donc à les sélectionner toutes. OK, nous avons donc sélectionné nos lettres, et maintenant nous pouvons voir tous ces points. Avec cet outil de sélection. Nous ne pouvons sélectionner que ces points. Nous pouvons également maintenir la barre d'espace sur le clavier. Comme vous pouvez le voir, je tiens la barre d'espace enfoncée. Cela me permet de passer à cette poignée. Comme vous pouvez le voir, je maintiens toujours la barre d'espace. Et avec le clic gauche de la souris, nous pouvons simplement nous déplacer. Une fenêtre d'heure est très pratique, vous pouvez donc voir tous les textes en même temps. Et maintenant, assurez-vous avoir sélectionné votre outil de sélection. Assurez-vous d'avoir sélectionné toutes les lettres laissées pour la plupart ici à l'extérieur. Il vous suffit de sélectionner tous ces meilleurs. Si vous avez des points au milieu d'un lac dans cette lettre K ou E. Ceci a, laissez-le tel quel, et nous devons sélectionner uniquement ces points supérieurs. Ensuite, en utilisant la molette de la souris, nous pouvons effectuer un zoom arrière et sélectionner l'un des points. Cliquez avec le bouton gauche de la souris et faites-le glisser. Juste comme ça. Si vous maintenez la touche Maj enfoncée sur le clavier, elle se déplace uniquement horizontalement, qui est exactement ce que nous voulons. Et à ce stade, nous pouvons relâcher le clic gauche de la souris. Je veux faire la même chose avec ces points ci-dessous. Alors passons à peu près ici et sélectionnons ces points. Si vous sélectionnez certains des points que vous ne souhaitez pas sélectionner. Par exemple, je ne souhaite pas sélectionner ce point ici. Permettez-moi donc de faire un zoom avant. Vous pouvez donc voir qu' en maintenant la touche Maj enfoncée, vous pouvez la sélectionner ou la désélectionner. Vous pouvez voir qu'ils sont sélectionnés parce que ceux-ci sont vides et que ces points sont remplis. En maintenant Shift enfoncé. Vous pouvez le sélectionner ou ne pas l'avoir aimé. Mon cas, je veux le désélectionner parce que je ne veux pas l'étirer encore plus comme ça. Je vais donc appuyer sur Ctrl Z pour annuler cette étape. Donc je fais, je ne veux pas sélectionner ce point. Et maintenant je peux juste l' étirer comme ça. Nous pouvons également effectuer un zoom arrière en faisant défiler la souris et l' étirer un peu plus. Donc, il devrait toujours regarder un peu au milieu. Donc quelque chose comme ça devrait bien fonctionner. Vous pouvez également cliquer sur l'apostrophe votre clavier pour voir ce coffre-fort d'action de marée. Ou vous pouvez simplement laisser la plupart ici et l'activer à partir d'ici. En gros, cette grille vous permet de vous assurer que votre titre se trouve toujours au milieu. Alors peut-être allons-y un peu plus bas. Maintenant, nous avons étiré nos textes, et maintenant nous pouvons simplement sélectionner une des lettres une par une, et simplement les ajuster légèrement pour que chaque ligne du texte ressemble toujours à sa propre police. Et cela ne devrait pas. On dirait que c'est étiré. Comme vous pouvez le voir en cliquant sur ces points, je me déplace simplement vers la droite pour épaissir ce côté. Et maintenant, cette lettre m semble être tombée. Exactement la même chose que je veux faire avec cette lettre a. Juste plus sur ces points. Je donne cette épaisseur. De plus, je peux zoomer et afficher ces points. J'ai rendu ces diapositives un peu plus épaisses. Et là, nous pouvons faire un peu mieux. Et si vous n'aimez pas, par exemple, l'apparence de cette lettre Jake, vous pouvez simplement sélectionner ce boulon légèrement développé vers la droite. Encore une fois, il serait plus beau, même chose que nous voulons faire avec cette lettre K. Nous voulons la sélectionner ici. Cela nous permettra donc de choisir nos points. Ici. En gros, nous pouvons créer un autre point. Pour créer un autre point, nous pouvons cliquer sur cet outil plume ici. Et maintenant, une fois que je l'ai déplacé en haut de cette ligne, vous pouvez voir qu' il a le signe plus. Cela signifie que je peux ajouter un autre point. Alors regardons ici à gauche. Affiche l'outil de sélection et déplacez-le simplement comme ceci. Cela ressemblerait donc toujours à la lettre K. À ce stade. Vous pouvez manipuler cette lettre comme bon vous semble. Vous pouvez même changer l' apparence si vous n' aimez pas la police que vous avez obtenue pour ce cours, je ne changerais plus cela, mais vous pouvez toujours passer un peu plus de temps à obtenir le le look exact que vous aimez. Désactivons donc ce coffre-fort d'action de marée. Et voici notre version étirée du texte. Nous pouvons toujours dire cette lettre électronique et déplacer quelques points si vous voulez qu'elle soit un peu étirée. Et maintenant, nous pouvons simplement le fermer ici. OK, alors maintenant que nous avons ce regard étrange, nous pouvons activer notre mot principal, qui est celui-ci. Et maintenant, nous pouvons simplement ajuster chaque lettre à chacune des lettres de notre fonds principal. Donc, en gros, nous pouvons sélectionner notre lettre m plutôt qu'un double-clic gauche de la souris sur l'un des points. Et cela nous permettra de le déplacer comme bon nous semble. Donc je maintiens Shift. Il ne se déplacerait donc que dans l'espace horizontal. Et mon objectif est de le placer au milieu de cette lettre. Donc ça aura l'air un peu plus beau. Même chose que je veux faire avec j dans ce cas, si vous ajustez la position de chaque lettre, le morphing et la transformation seront plus naturels. Alors assurez-vous que vos lettres sont au milieu les unes des autres et moins que ce que je vais faire avec cette lettre électronique. Juste sélectionné , double-cliquez sur l'un des points et déplacez-le. Ce serait donc au même endroit. OK, maintenant nous avons nos lettres et nous avons une référence au type de look qu'il aura. Et la prochaine vidéo, nous allons transformer notre mot principal en ce tronçon 21. Rendez-vous dans la prochaine vidéo. 5. Transformer l'animation: À ce stade, c'est une bonne idée de sauvegarder notre projet car les effets secondaires peuvent de temps en temps planter. Alors, allons dans Fichier , cliquez sur Enregistrer, puis enregistrez-le où vous le souhaitez sur votre ordinateur. OK, donc la prochaine étape est de choisir notre mot, qui est celui-ci, audacieux. Ensuite, cliquez avec le bouton droit de la souris et allez créer, créer des formes à partir de textes. Et nous pouvons également masquer ce calque de texte. Nous allons donc cliquer ici pour le masquer. Et ici, nous cacherions toutes les couches, ce que nous avons dit avec ce bouton Partager. Alors c'est une bonne idée de choisir ce mot qui a cette police plus fine, étirer un mot, le placer au-dessus. Et maintenant, nous pouvons simplement sélectionner ce mot et aller remplir et le changer en quelque chose de lumineux et de coloré. Nous pouvons utiliser ce rouge pour qu'il soit visible et cliquer. D'accord, maintenant il est beaucoup plus facile de voir vers quelles lignes nous voulons aller. Maintenant, sélectionnons notre mot qui a cette police plus épaisse. Ensuite, faites défiler ici le contenu et chacune des lettres comme nous l'avons fait auparavant. Cliquons un par un. Alors tout d'abord, nous allons essayer de faire After Effects, faire le travail pour nous. Comment nous pouvons faire cela, nous pouvons simplement sélectionner cette lettre M et faire défiler vers le bas ici. Nous pouvons voir ce chemin et créer une image-clé. Nous allons donc cliquer sur ce chronomètre pour créer notre image-clé. Et c'est notre image clé. Vous vous demandez peut-être ce qu'est l'image clé ? image clé est essentiellement le point dans le temps, qui, rappelez-vous, est la valeur de la propriété du sud. Dans notre cas, cette image-clé mémorise ce moment, qui est de 0 seconde. Il se souvient du chemin. Fondamentalement, ce chemin ou ce masque, correctement, qui est ce calque de forme. Donc, par exemple ici plus tard, je peux simplement changer n'importe quel point de cette lettre M. Alors laissez-moi vous montrer. Je peux sélectionner l' outil de sélection et cliquer sur le petit m à l'intérieur de ce masque. Cela me permettra de changer n'importe quel point de ce masque. Ainsi, en changeant ce 1, il crée déjà une autre image-clé. Et maintenant, il connaît cette forme que j'ai créée. Ensuite, il connaît cette première forme, qui est la forme originale. Entre ces images clés, il essaiera de faire correspondre cette première forme, la deuxième forme. Et si je vais faire défiler, vous pouvez voir comment ce point se déplace. C'est essentiellement ainsi que fonctionne l'animation dans After Effects. Dans mon cas, je ne veux pas ce genre de forme. Supprimons donc cette deuxième image-clé, que nous reviendrons à cette première image-clé, qui est la forme d'origine. Ouvrez juste ce masque, cette police plus fine et sélectionnez également ce M. Donc ce chemin, appuyez sur la touche Ctrl C pour le copier, fermez-le. Ensuite, sélectionnez ce chemin et cette police plus épaisse. Assurez-vous que vous avez déplacé votre curseur temporel ici, appuyez sur la touche Ctrl V. Vous pouvez maintenant voir que cela a bien fonctionné. Et pour être sûr que cela a bien fonctionné, nous pouvons simplement faire défiler cette chronologie. Heureusement, ce processus automatisé sur la lettre M a très bien fonctionné, ce qui est formidable pour nous car vous savez maintenant comment vous pouvez gagner du temps. Juste une chose dont vous pouvez remarquer qu'il n'est pas tout à fait aligné. Nous pouvons donc simplement sélectionner cette image-clé et la déplacer légèrement vers la gauche. Cela correspondrait donc à notre référence. Vous devez être au-dessus de cette image-clé. Parce que si vous ne vous trouvez pas en haut de cette image-clé, vous créerez une autre image-clé, qui n'est pas ce que nous voulons. Comme vous pouvez le voir, il ajoute une nouvelle animation. Supprimons donc celui-ci. Il ne reste que celui-ci. OK, donc ça marche très bien sur cette lettre M. Et je me suis dit que je pouvais voir que ça avait déjà l'air plutôt cool. Et essayons de faire de même avec cette lettre J. Nous pouvons également aller sur cette lettre G, créer une image-clé. Passons ensuite à ce tracé et sélectionnons ce chemin et appuyons sur la touche Ctrl C pour copier comme nous le faisions auparavant. Ensuite, nous pouvons simplement le fermer ici. Allez sur cette police plus épaisse. Nous avons déjà cette image-clé ici au début et ici plus tard. Appuyons également sur la touche Ctrl V pour coller. Encore une fois, pour vérifier si cela fonctionne bien. Nous pouvons simplement faire défiler cette chronologie. Et comme vous pouvez le constater, cela fonctionnait déjà assez bien. Nous pouvons simplement sélectionner ce rouge. Renommons-le peut-être. Pour le renommer, nous pouvons sélectionner ce calque et appuyer sur Entrée, et nous pouvons simplement l'appeler fin. Nous connaîtrions donc cette police et aussi le mot rouge. Il nous sera donc plus facile de comprendre qu'il s' agit de notre référence. Et si nous désactivons cette référence, nous verrons à quoi ressemble cette lettre J. À mon goût, je voudrais sélectionner cette image-clé de la lettre g et peut-être l'ajuster un peu. Certains points. Assurez-vous donc de cliquer à l'intérieur de ces masques. Et puis l'un des points de cette façon, vous pouvez intégrer uniquement votre lettre au cas où vous n'aimeriez pas le résultat. Nous pouvons également activer cette référence. Et encore une fois, assurez-vous que vous êtes au-dessus de cette image-clé et déplacez-la simplement fonction de notre référence. Il s'alignera donc très bien. Une fois que vous avez sélectionné votre lettre, vous pouvez également utiliser les flèches du clavier. Comme vous pouvez le voir, j'appuie sur la gauche, droite, le haut ou le bas. Il serait plus facile de s' aligner sur votre référence. La lettre G a également très bien fonctionné. Faisons de même avec la lettre A. Cette fois, nous avons deux voies. L'un est pour la ligne extérieure et l'autre pour la ligne intérieure. Créons une image-clé pour les deux. Cette lettre a de cette fine police rouge. Ouvrons donc ceci en appuyant sur la touche Ctrl C pour copier. Faites ensuite glisser cette lettre a de cette police plus épaisse et appuyez sur Ctrl V pour la coller. Et passons également à cette fine police rouge. Sélectionnez ce deuxième chemin. Appuyez sur la commande C pour copier. Faites défiler vers le bas jusqu'à ce contour mj, qui est une police originale et plus épaisse. Et collons à cette seconde un calque de forme, appuyez sur Ctrl V pour le coller. Et comme vous pouvez le voir, cela fonctionne également très bien. Nous pouvons également sélectionner ces images clés. Ensuite, à l'aide des touches fléchées, déplacez-la légèrement pour l' aligner sur notre lettre a. Faisons de même avec ce k. Créez une image-clé ici au début. Nous pouvons également créer une image-clé pour cette lettre e tant que nous y sommes. Et aussi, passons à la lettre K. Appuyez sur Ctrl. Faites défiler jusqu'à ce niveau k. Déplaçons-le vers cette deuxième image-clé, que nous avons créée ici. Et le long de cette lettre K, nous pouvons appuyer sur Ctrl V pour coller ce chemin. Nous pouvons faire défiler la page pour voir si elle est correcte. Et comme vous pouvez le voir, notre chance ne fonctionne pas sur la lettre K. Donc, comme vous vous en souvenez, lorsque nous avons créé cette lettre K, nous avons créé un autre point. Et cela pourrait gâcher cette partie de transformation. Et c'est génial parce que je peux vous montrer comment résoudre ce problème si vous avez la même chose. Ce problème peut se produire sur chaque lettre si vous utilisez des polices différentes pour le texte. Dans mon exemple original, j'ai utilisé différentes polices. J'ai donc eu ce problème. En gros sur chacune des lettres. Dans notre cas, nous utilisons la même police. Et c'est pourquoi ce genre de processus animé a bien fonctionné sur ces trois premières lettres. Mais comme vous pouvez le voir sur cette lettre K, cela ne fonctionne pas simplement parce que nous avons ajouté un autre point. Et le même problème que vous rencontrerez si vous utilisez des polices différentes, car différentes polices auront un nombre de points différent. OK, commençons donc à résoudre ce problème. moyen le plus rapide de résoudre ce problème est donc de supprimer cette image-clé car elle est inutilisable. Supprimons donc cette image-clé. Définissons une image-clé juste sur ce point, sélectionnez-la et appuyez sur Supprimer. Et maintenant, nous pouvons simplement sélectionner cette lettre K. Et simplement manuellement, nous pouvons zoomer et déplacer manuellement chacun des points un par un. Comme vous pouvez le constater, s'agit d'un processus manuel. Et heureusement, si vous utilisez la même police, vous n'aurez pas à le faire sur chacune des lettres. Seulement sur ceux-ci, nous avons ici, où nous avons absolument dû créer un autre point qui doit arrêter cette transformation. Mais comme vous pouvez le constater, ce n'est pas si difficile de s'aligner mentalement. Assurez-vous simplement que ces points soient alignés aux mêmes endroits que notre lettre originale. Juste comme ça. Nous pouvons également faire avec cette lettre ici. Et comme vous pouvez le voir, nous n'avons pas d'autre point. Et nous pouvons utiliser cet outil plume créé et le déplacer comme ceci. Et maintenant, nous allons le déplacer cette fois, courser. Vous pouvez voir que nous avons une animation beaucoup plus propre. Et faites attention ici au fait que j'ai déplacé ces points en fonction de leur emplacement d'origine. Vous n'avez donc pas à déplacer ce coin portable vers celui-ci car cela gâcherait également l'animation. Assurez-vous donc que s'il s' agit d'un coin ordinateur portable, vous le déplacerez ici. Celui-là, celui-là, là, c'est là, c'est là. Et ça continue. Dans ce cas, vous aurez ce type d'animation propre. Comme vous pouvez le constater, ce n'est pas si difficile de résoudre ce genre de problèmes mineurs. Veillez simplement à utiliser la même police pour éviter ce problème sur chaque lettre. Et nous voulons faire la même chose à cette lettre, ce que nous faisions auparavant. Nous voulons sélectionner cette fine police rouge, ce chemin. Appuyez sur la commande C pour copier. Ici, sur le chemin, réglons notre curseur temporel sur cette image-clé. seront donc tous alignés et appuieront sur Ctrl V. Vérifions le résultat. Comme vous pouvez le voir ici, nous n'avons aucun problème. Donc, en gros, c'est un processus assez simple et rapide. Et maintenant, vous savez comment vous pouvez résoudre ou ajuster tout type de problème pour obtenir un très bon résultat à la fin. OK, maintenant nous ne voulons pas avoir cette fine police rouge. Nous pouvons simplement le désactiver ici en cliquant sur ce globe oculaire et en cliquant ici pour le masquer. Maintenant, nous avons ce genre d'animation, ce qui est vraiment génial. Mais si je dois définir cette zone de travail sur 1 seconde, cliquez sur ce coin et faites-le glisser ici. Et si je dois appuyer sur 0 ou numéroté, nous pouvons voir notre aperçu. Vous pouvez voir que nous nous sommes bien étirés. Et ça a l'air bien, mais nous n'avons pas vraiment de belle animation. Donc dans la prochaine vidéo, je vais vous montrer comment ajouter très belle animation de ce mouvement qui n'aurait pas l'air si linéaire. Voir dans la vidéo suivante. 6. Animation avancée: Ajoutons donc une animation un peu plus intéressante pour cela, nous pouvons sélectionner notre calque de forme avec notre texte, faire défiler une par une pour voir chacune des lettres car nous allons décaler ces images-clés. Ils démarreront donc un par un avec peu de retard. Dans mon cas, j'ai utilisé 27 images pour cette animation d'étirements. Nous allons donc sélectionner toutes ces secondes images clés. Laissez simplement glisser et faites glisser ci-dessous comme ceci pour sélectionner toutes ces images-clés. Et puis nous pouvons passer à l'image 27. Je vais donc régler ma tête de lecture sur 27 images comme ceci. Sélectionnez cette deuxième image-clé et déplacez-la comme ceci. Notre animation est donc beaucoup plus lente. C'est la première chose que nous pouvons faire. La deuxième chose à faire est d' aller dans Graph Editor. Laissons donc la souris cliquer dessus. Et ici, nous devons sélectionner ce graphique de vitesse d'édition. Nous verrons donc à la vitesse de notre animation que vous pouvez voir que nous avons cette ligne droite, qui signifie que cette animation est stable et a une vitesse. Mais si nous allons tout à gauche, cliquez sur cette petite poignée ici, sur ce petit point. Cliquez avec le bouton gauche de la souris et faites-le glisser vers la gauche et vers le bas jusqu'à cette ligne Une fois que vous le toucherez, cette ligne de base comme celle-ci, vous pouvez voir que cette plaque est orange. C'est exactement ce que nous voulons. Par conséquent, cliquez et faites glisser le pointeur vers la gauche et vers la ligne de base. Une fois qu'il s'allume en orange, vous pouvez le relâcher. Et puis de cette façon, nous avons ce genre de courbe. Cela signifie qu'ici au début, ça commence très vite, puis plus lentement à la fin. Alors appuyons sur le chiffre 0 pour voir ce que nous avons. Maintenant, comme vous pouvez le voir, c'est une animation beaucoup plus excitante. Nous pouvons rendre cette animation encore plus intéressante en ajoutant d' autres images-clés. Par exemple, nous pouvons simplement quitter cet éditeur de graphiques. Et nous pouvons sélectionner toutes nos images clés comme ceci. Nous pouvons simplement le déplacer un peu plus loin, par exemple, au 17e. Commençons cette animation à 17 images. Donc ce que je veux faire au début, au début, je veux que ces lettres l'écrasent un peu puis s' étirent rapidement comme ça. Donc pour obtenir cette animation de squishing, nous pouvons simplement sélectionner cette première image clé, comme nous l'avons fait avec la seconde. Cliquez simplement à l'extrême gauche, maintenez-le enfoncé et faites-le glisser vers le bas comme ceci. Et appuyez sur la commande C pour copier. Maintenant, nous pouvons simplement déplacer cette tête de lecture au début et appuyer sur Ctrl V pour la coller. Donc, en gros, nous copions simplement cette position fixe. Il y a aussi cette position fixe ici, puis cette animation. Mais maintenant, alors que notre tête de lecture se trouve au-dessus de ces images-clés, nous pouvons maintenant les modifier . Défilons donc vers le haut pour nous assurer que nous allons sélectionner toutes les images-clés. Cliquez le plus à gauche et faites-le glisser vers le bas. Et après cela, nous pouvons simplement double-cliquer sur l'un des points de nos textes. Double-cliquez donc sur l'un des points. Et maintenant, nous avons ce genre de frontière. Et cette bordure a ce genre de fin, ce qui nous permet d' étirer ce texte. Et notre cas. Je ne veux pas l' étirer comme ça. Je vais donc appuyer sur Ctrl Z pour annuler ce mouvement. Et si vous voulez bien garder le contrôle, comme vous pouvez le voir, je maintiens la commande Contrôle. Si vous utilisez un Mac, vous serez en mesure d'écraser ce texte des deux côtés de la même manière. Relâchons donc la touche Contrôle. Cliquez ensuite le plus à gauche sur ce côté. Vous pouvez voir que je m'étire comme avant. Mais maintenant, si je veux garder le contrôle, je vais l'écraser à Cellar, ce qui est exactement ce que nous voulons. Alors écrasons-le un peu comme ça et relâchons-le. Dans ce cas, nous avons changé notre texte pour un texte un peu plus réduit. Alors faisons un zoom arrière et voyons ce que nous avons. Vous pouvez voir cette animation de squish puis la deuxième partie de l'animation que nous avons déjà créée. Alors appuyons sur ce point. Mais pour voir à quoi cela ressemble, vous pouvez voir que nous avons ce genre d' anticipation de l'action, ce qui signifie essentiellement que nous écrasons. Nous nous préparions à nous étirer puis à nous redresser. Pour amplifier ce mouvement, il suffit de sélectionner ces images clés et d'appuyer sur F9, ce qui ralentira l'animation au début et un peu plus rapide jusqu'à présent. Nous allons donc appuyer sur le chiffre 0 pour voir à quoi cela ressemble. Comme vous pouvez le voir, il a l'air beaucoup plus organique, comme s'il se préparait à s'étirer et qu'il traînait. La même chose que nous pouvons faire ici d'ici la fin. Faisons en sorte que notre espace de travail soit beaucoup plus grand. Ce genre d'animation. Je veux être comme 11 images. Comme vous pouvez le voir, je suis sur 14 images, et maintenant je vais passer à 25 images. Il suffira de revenir à cette position écrasée. Et comme vous vous en souvenez, la position écrasée est ici au milieu. Nous pouvons donc simplement sélectionner toutes ces images-clés. Assurez-vous d'avoir sélectionné haut, appuyez sur Ctrl C puis sur Ctrl V pour le coller. Maintenant, vous pouvez voir que nous avons ce genre de position écrasée ici. Enfin, nous voulons ajouter cette position détendue à la Biennale. J'aurais aimé. Alors sautons quelques images, peut-être sept. Nous pouvons passer image par image ici. Alors cliquons dessus 1234567 et copions simplement ces images-clés depuis le début. Appuyez sur les touches Ctrl C et Ctrl V pour le coller. Si vous vous demandez pourquoi j' utilise ces sept images, c'est parce que je joue et vois quel type d' animation fonctionne pour moi. Mais vous pouvez toujours modifier la position entre ces images clés. Et vous obtiendrez une animation beaucoup plus lente ou beaucoup plus rapide. Par exemple, je peux simplement rapprocher ces images clés et appuyer sur 0 numéroté. Et vous pouvez voir que nous avons une animation beaucoup plus rapide. Donc en gros, en sautant exactement aux mêmes positions temporelles que celles que j'ai ici, vous obtiendrez exactement la même animation. Mais n'hésitez pas à expérimenter l'espacement entre les images clés pour obtenir le look qui vous plaît le plus. Voyons donc ce que nous avons. Mettons 0 sur le campus. Comme vous pouvez le constater, nous avons vraiment bien commencé une action ici. Et là, c'est un peu trop enfumé. Nous pourrions sélectionner ces images-clés et nous assurer qu'elles démarrent également plus lentement ici, où elles sont à nouveau écrasées. Allons donc dans l'éditeur de graphiques et cliquons également sur cette poignée, sur ce point jaune, cliquez le plus à gauche, et faites-le glisser vers la droite et vers le bas jusqu'à cette ligne de base comme nous le faisions auparavant. Donc, en gros, cette animation ressemble à ici. Il commence plus vite que vraiment vite, lentement, puis à nouveau vite. Quittons cet éditeur de graphiques et appuyons sur le chiffre 0 pour voir à quoi il ressemble. Comme vous pouvez le voir, ce mouvement semble plutôt organique. Enfin, nous pouvons ajouter un certain délai entre ces lettres. Maintenant, nous pouvons voir chacune de ces lettres, ce qui est très pratique. Nous pouvons simplement les sélectionner toutes comme ceci. Ensuite, maintenez la touche Maj enfoncée pour désélectionner cette première lettre M. Ensuite, nous pouvons régler cette tête de lecture au début, sauter deux images, 12 en cliquant sur le bouton de l'image suivante. Comme vous pouvez le constater, nous avons toujours sélectionné toutes les autres images-clés. Et maintenant, nous pouvons simplement le déplacer vers ces deux images plus loin. Même chose que nous voulons faire avec cette lettre J. Nous voulons la désélectionner. Vous avez sauté deux images, 12. Et déplacez toutes ces images-clés sur deux images. Ici, nous voulons désélectionner cette lettre a. Dans ce cas, ce sont toutes ces images-clés qui représentent la lettre a. Sautez deux images, une pour la déplacer. Pareil ici, désélectionnez cette lettre K, 12, et déplacez-la encore une fois avec cette lettre e. Et maintenant appuyons sur si vous n'êtes pas gêné pour voir ce que nous avons, nous avons ce genre de retard, qui ressemble encore plus intéressant. Vous pouvez expérimenter avec la quantité de retard. Vous pouvez même ajouter plus de deux images. Mais dans mon cas pour l'aperçu, je n'ai utilisé qu'un délai de deux images et c'est à vous décider quel type de look vous voulez voir. De plus, vous pouvez simplement étirer ces deux points de ces deux lettres, juste comme ceci pour obtenir animation plus lente ici à la fin, cela ajoutera un petit quelque chose. Ces dernières lettres se déplaceront donc un peu plus lentement. Et ça peut paraître un peu plus intéressant. Nous allons donc appuyer sur le chiffre 0. Comme vous pouvez le voir, nous avons ce genre de motion différée à la dernière lettre, et cela semble un peu plus organique. Nous avons créé notre animation et la prochaine vidéo, je vais vous montrer comment ajouter un peu plus de texture à l'arrière-plan. Et nous ajouterons également des couleurs à notre animation. À la prochaine vidéo. 7. Coloriage et texturation: Alors sauvegardons notre projet. Donc, si After Effects plante, nous aurons toujours notre projet. Et ajoutons quelques couleurs à nos textes. Donc pour ajouter quelques couleurs, nous voulons passer aux effets et aux presets. Si vous ne voyez pas ce panneau, vous pouvez accéder à Effets de fenêtre et paramètres prédéfinis. Et saisissons quatre dégradés de couleurs. Nous pouvons donc maintenant sélectionner ce dégradé de quatre couleurs. Laissez la plupart des fuites et faites-le glisser sur notre texte ou un calque de forme horaire ici et déposez-le. C'est. Assurez-vous simplement que vous tapez pour le dégradé de couleur du trait d'union. Dans ce cas, vous verrez cet effet. Si vous utilisez la barre d'espace, vous ne verrez pas cet effet. Avec ce dégradé de couleurs. Nous pouvons ajouter quelques couleurs, comme vous pouvez le voir, avec ces points. Nous pouvons définir l'emplacement de ces couleurs sur notre texte. Mon étui, j'ai utilisé ici la couleur rouge. Sur celui-ci. J'ai utilisé plus une couleur jaune ici, mais aussi une couleur jaune. Et voici un rouge. Ces couleurs exactes que j'ai utilisées pour mon aperçu. Mais vous pouvez utiliser toutes les couleurs de votre choix si vous voulez obtenir des résultats un peu différents . De plus, si je clique sur cette grille de transparence basculée, vous pouvez voir le canal alpha. Et de cette façon, vous pouvez voir que sur fond clair, ce type de texte peut ne pas être aussi visible. Ajoutons donc un effet d'ombre portée. Ce type ici, ombre portée, laisse plus lisse et déposez-le sur notre calque de forme. Réglons l'opacité sur 100. Nous verrions donc notre effet d'ombre un peu mieux. Nous pouvons changer l'angle, peut-être 1,5. Encore une fois, c'est à vous de décider ce que vous préférez. Je veux juste augmenter la distance. Je vais donc voir cet effet bêta et gamma réglés sur 21 et la tristesse, peut-être 35. À ce stade, nous pouvons ajouter un peu d'arrière-plan, ce qui serait encore plus intéressant. Désactivons ce Toggle Transparency Grid. Et passons à la superposition d'un nouveau solide. Et ce solide, on peut l'appeler BG pour le fond. Et la couleur n'a pas d'importance. Assurez-vous de cliquer ici sur Make Comp Size. Il remplira donc tout notre arrière-plan et cliquera sur OK, puis déplacons-le vers le bas. Ce serait donc en dessous de nos textes. Comme vous pouvez le voir, l'ordre de ces couches est important, ce qui est en haut, ce sera en haut de notre écran. Ajoutons également un dégradé à l'arrière-plan. Tapons ici Gradient Ramp et faisons-le glisser sur ce calque d' arrière-plan. Ajoutons cette couleur de fin à la couleur noire et celle du haut à une sorte de bleu sur quelque chose comme ça devrait bien fonctionner. Cliquez sur OK. Et nous pouvons simplement changer cette position des couleurs. Je veux juste l' avoir un peu en diagonale. Ensuite, dans mon cas, j'ai utilisé ce genre de coordonnées. Si vous voulez obtenir exactement la même chose, vous pouvez simplement taper ici un 656, ici, 32. Et de cette façon, vous obtiendrez exactement le même arrière-plan que moi ici, 2144, ici, 1650. En gros, je viens de placer mes points ici et là pour obtenir ce genre de dégradé. À ce stade, je pense que cette couleur est trop claire, alors changeons un peu. Faisons en sorte qu'il fasse un peu plus sombre. Quelque chose comme ça devrait bien fonctionner. Et cliquez sur OK. Encore une fois, vous pouvez choisir n'importe quelle autre couleur si vous le souhaitez. Et aussi, je veux ajouter de la texture à ce fond. Nous pouvons simplement dupliquer la salade. Et augmentons également cette dispersion de rampe car comme vous pouvez le voir, nous avons ce genre d'aspect pasteurisé et c'est exactement ce que nous voulons. Passons donc à quelque chose comme 300. Vous pouvez voir qu'on se débarrasse de ce genre de look bizarre. Et maintenant, ajoutons de la texture à notre arrière-plan. Pour créer de la texture, nous pouvons simplement dupliquer ce calque d'arrière-plan. Appuyez sur la touche Ctrl D. Nous pouvons supprimer cette rampe de dégradé car nous n'en voulons pas. Il suffit de le sélectionner et d'appuyer sur Supprimer. Et ajoutons Fractal Noise ici et des effets dans les préréglages. Tapons bruit fractal et faisons-le glisser sur ce calque d' arrière-plan en haut. Changeons le type de fractale deux, plus rocailleux. Ce contraste, je veux l'augmenter. Nous allons donc obtenir plus de texture ici. Réglons donc peut-être sur 440 et la luminosité. Je veux le diminuer parce que je veux juste avoir quelques points lumineux et ma texture. Réglons donc à moins 190. Ici, dans transform, nous pouvons changer l'échelle, et je veux changer l'échelle à cinq. Nous n'aurons donc que ces petits points ici. Et maintenant, nous pouvons simplement cliquer sur ces interrupteurs à bascule et changer ce mode pour l'ajouter. Ce sera donc au-dessus de notre contexte. Enfin, je peux utiliser le flou gaussien, cliquer le plus à gauche et le faire glisser sur cet arrière-plan, qui a un bruit fractal comme celui-ci. Et nous pouvons changer les dimensions floues en vertical et en montant. Passons à 150. Dans ce cas, vous aurez ce genre de lignes. En outre, nous pouvons cliquer sur cette case à cocher, qui ajoutera ce type de surbrillance deux bords, ce qui semble également assez intéressant. Vous pouvez facilement passer de la verticale à l' horizontale si vous souhaitez obtenir ce type de look. Mais dans mon cas, j' ai préféré celui vertical. Si je dois appuyer sur le pavé numérique 0, vous pouvez voir que cette esthétique de fond et je veux avoir une sorte de mouvement et c'est assez facile à faire. Nous pouvons simplement passer à 0 images au début et passer à cette évolution. Et ici et Evolution, nous pouvons cliquer sur ce chronomètre pour créer une image-clé. Nous pouvons appuyer sur U sur le clavier pour voir cette image-clé , puis passer à la toute dernière image. Ici. Ajoutons deux rotations. Ici, nous changeons de degrés et voici le nombre de rotations, je veux passer à deux. Et en gros, cela ajoutera ce genre d'animation à notre arrière-plan, ce qui semble assez intéressant. De plus, si vous allez dans les options d'évolution, vous pouvez cliquer sur cette évolution de cycle, qui signifie essentiellement qu'elle ira parfaitement dans la boucle. Cliquons ici. Et nous savons que nous avons eu deux rotations. Donc, en gros, nous pouvons définir ici deux. Cela signifie qu'il y aura deux rotations dans ce cycle. Et maintenant, si je vais appuyer sur le pavé numérique 0, vous pouvez voir que ce cycle se répète de manière transparente. Maintenant, nous pouvons avoir cette animation vraiment transparente et moins intense. Par exemple, si je dois décocher cette case, vous verrez un petit saut à la fin. Faites juste attention au contexte. Comme vous pouvez le voir, nous avons ce petit JIRA. La réponse, c'est essentiellement ainsi que vous pouvez créer une animation infinie de bruit fractal en utilisant cette case à cocher. Enfin, ce que j'ai fait dans mon exemple original, que j'ai ajouté ce genre de lignes à nos textes. Cela ajoute un petit quelque chose pour que cette animation se démarque un peu plus. Nous pouvons également sélectionner nos textes et passer de ombre noire à cette partie plus sombre de notre image. Avec ce sélecteur de couleurs, nous pouvons simplement sélectionner la partie la plus sombre de notre image. De cette façon. Notre ombre ne sera pas si perceptible. Nous allons donc dupliquer la forme sélectionnée et appuyer sur Ctrl D. Pour la dupliquer, nous pouvons simplement supprimer ces effets et utiliser un effet appelé Vegas. Tapons Vegas ici et déposons-le sur le calque ci-dessus. Avec cet effet, nous ajouterons ce type de surlignage sur les bords de notre texte. Donc, pour voir comment fonctionne cet effet, nous voulons changer ce mode de fusion à partir de notre pochoir. Comme vous pouvez le voir, nous avons ce genre de petits tirets pour mieux le voir. Nous pouvons simplement maintenir Ctrl Shift H pour voir que j'appuie sur Ctrl+Maj H. Cela me permet de désactiver ces bordures et de les activer. Je vais le désactiver. Donc, vous pouvez voir à quoi ressemble cet effet ici et les segments, nous pouvons réduire ce montant à quatre. Nous n'aurons donc pas tellement de ces lignes avec cette longueur, nous pouvons l'animer. Par exemple, nous voudrions qu' ils apparaissent à la fin de cette animation. Par exemple ici, notre longueur sera 0. À la fin de l'animation, nous pouvons la définir sur une, ce qui correspond à la longueur totale de ces lignes. Ici, au début. Nous voulons également le définir sur un. Et là, lorsque cette animation démarre, nous pouvons appuyer sur U sur le clavier pour voir les animations de cette longueur. Ici, je veux toujours en être un, alors définissons-le sur un. Ensuite, une fois qu'il s'est effondré, comme ceci, nous voulons le mettre à 0. Elle disparaîtra donc. Il aura cet aspect épuré et réapparaîtra à nouveau. Nous pouvons également changer cette couleur en blanc, pour qu'elle soit plus facile à voir. Nous pouvons également animer cette rotation, qui ajoutera ce type d' animation sur les lettres. Réglons donc ici au début la valeur 0. Ici, à la fin où il n'est pas visible, nous pouvons le définir sur un ici à 0. Encore une fois, nous reviendrons au même type d' animation que nous avions. Comme vous pouvez le voir, nous avons ce genre d'animation, mais elle va dans le sens des aiguilles d'une montre. Et en basculant l'opacité de début sur 0 et l'opacité de fin sur un, nous obtiendrons le type d'animation plus organique de ces lettres. C'est essentiellement ainsi que vous pouvez ajouter ce type de lignes sur notre texte. Fermons-le ici. Et enfin, pour ajouter un aspect plus intéressant à cette animation, nous pouvons ajouter ce type de surbrillance que vous pourriez voir dans l'aperçu. Cette petite ligne. C'est vraiment facile à faire. Vous pouvez simplement sélectionner cette animation de texte principale. Il suffit de le sélectionner, d'appuyer sur la touche Ctrl D pour le dupliquer , de le placer au-dessus et d' appeler la surbrillance. Il suffit de sélectionner notre calque et appuyer sur Retour ou Entrée sur le clavier pour le renommer Supprimons ces effets. Nous n'aurions donc que cette couleur blanche. Et pour ajouter un masque à notre mot, nous pouvons simplement cliquer dessus avec le bouton droit de la souris et aller dans Masque, nouveau masque, l'aimer le plus à gauche. Et je vais appuyer sur Ctrl+Shift H pour le voir. Et assurez-vous également que vous avez cliqué ici pour le voir. Maintenant, nous avons notre masque. Maintenant, je peux juste double-cliquer avec le bouton gauche de la souris sur le bord de cette bordure. Élargi. En maintenant la touche Contrôle enfoncée, nous pouvons l' étendre dans les deux sens. Comme tu t'en souviens. Cliquez ensuite à l'intérieur de ce masque comme ici. Et cela nous permettra de l'écraser comme ça. Nous pouvons également cliquer n'importe où, comme ici. Nous pouvons également sélectionner notre surbrillance et la déplacer dessous vers la gauche pour obtenir ce type d'angle. Une fois que vous êtes satisfait de cet angle, vous pouvez le laisser tel quel et simplement l'animer. Dans mon cas, j'ai commencé mon animation par la gauche. Je vais donc simplement sélectionner mon surlignage le plus à gauche double-cliquer sur l'un des points et le déplacer vers la gauche. Donc ça va commencer ici. J'ai décidé de commencer mon animation à 1 seconde 50 et des images à peu près ici. Il suffit d'appuyer sur la touche M du clavier pour voir notre masque et créer une image-clé. La fin de l'animation pourrait être proche lorsque texte s'est effondré, comme ceci. Déplaçons donc ce masque vers la droite, comme ceci, et voyons à quoi il ressemble. Ça va peut-être trop vite. Faisons en sorte que cela commence un peu plus tôt. Il aura donc plus de temps pour passer par n simplement en modifiant le timing de ces images-clés. Vous pouvez modifier le timing de cette dernière mise en évidence, ce qui ajoute un aspect encore plus intéressant à cette animation. Nous allons donc appuyer sur le chiffre 0 pour voir à quoi cela ressemble. Enfin, si vous souhaitez avoir quelques ajustements de couleur finaux, vous pouvez toujours accéder au calque, nouveau calque de réglage et appliquer un effet appelé courbes. C'est parfois une bonne idée de définir ce calque de réglage des courbes. Vous pourrez donc simplement ajouter un peu plus de contraste. Pour avoir ce look un peu plus percutant, vous pouvez toujours désactiver ce calque de réglage, mais comme vous pouvez le voir, vous pouvez ajouter un peu plus de contraste et look plus excitant avec un seul calque et effet One Curves. Appuyez sur votre numéro pour voir ce que nous avons. Et c'est essentiellement ainsi que vous pouvez créer cet effet. Coupable de me suivre ici sur Skillshare, les classes d'effets utilisant Adobe After Effects. De plus, comme vous pouvez le voir, je publie des cours chaque semaine et si vous êtes nouveau dans After Effects, j'ai cette section fondamentale où vous pouvez en savoir plus sur animation de texte et l'animation en général et à l'avenir. Je vais partager encore plus d'animations textuelles. En outre, j'ai des effets complexes, l' animation du logo et même la classe Da Vinci Resolve. Je vous recommande de regarder ce très court cours sur les effets visuels. Cela ne prend que 12 minutes et vous obtiendrez un résultat vraiment puissant à la fin Suivez-moi également ici sur Skillshare pour ne pas manquer mon prochain cours. Je publie des cours chaque semaine. Merci de nous avoir regardés.