Dans ce tutoriel, nous explorons comment faire apparaître une ligne sur After Effects en utilisant l’option « réduire les tracés » dans le calque de forme, et nous complétons avec des conseils pour améliorer l’animation du trait et obtenir des transitions plus naturelles.
Création et préparation du tracé
Pour créer une ligne, il faut que tu crées un calque de forme. Pour créer un calque de forme, il te suffit de sélectionner l’outil Plume et de faire un tracé avec. Tu peux aussi utiliser n’importe quel outil de forme (ellipse, rectangle, étoile, etc.). Veille juste à ne pas sélectionner un de tes calques déjà créés dans ta timeline car sinon cela va créer un masque au lieu d’un calque de forme.
Pour animer ta ligne, il va falloir te rendre dans les options de ton calque. Puis cliquer sur le petit bouton à droite de « ajouter ». Et enfin cliquer sur « réduire les tracés ». Maintenant, tu peux animer librement ta ligne en te rendant dans les options de ta réduction de tracé dans les options de ton calque de forme. Tu peux régler les paramètres de fin et de début en variant entre 0% et 100%. Et tu peux créer une animation de ligne simplement en créant des images clés comme je te le montre dans la vidéo juste au dessus.
Réglages et finesse de l’animation
Petite astuce : Utilise l’éditeur graphique pour créer un lissage de vitesse au début et à la fin de ton animation. Les opérations de tracé ressemblent aux effets. Elles agissent sur le tracé d’une forme sans le détruire, afin de créer un tracé modifié auquel vous pouvez appliquer d’autres opérations de forme (par exemple, des fonds ou des contours).
Paramètres importants du tracé
Sommet de ligne : précise l’apparence du tracé à l’endroit où les segments décalés du tracé se rejoignent. Limite de l’angle à onglet : détermine les conditions où un sommet en biseau est utilisé à la place d’un sommet en pointe. Si la limite de l’angle à onglet est définie sur 4, lorsque la longueur du point atteint quatre fois l’épaisseur du trait, un sommet en biseau est utilisé à la place d’un sommet en pointe.
Copies : utilisez cette opération pour faire des copies d’un tracé ou d’une forme. Décaler les copies : utilisez cette opération pour déplacer les formes vers l’extérieur ou vers l’intérieur. Cela vous permet de créer des arrière-plans intéressants, avec une ambiance rétro par exemple. Vous pouvez également créer des copies concentriques pour générer des textures géométriques, un effet kaléidoscopique ou des motifs. Vous pouvez également créer des conceptions de type mandala, des affiches en mouvement ou des lettres animées. Indépendamment de la façon dont vous animez toutes les copies, leurs positions dépendent les unes des autres. Vous pouvez créer un effet de condensation ou de développement avec la propriété Décaler les copies.
Clique sur l’icône de l’outil Forme et ajoute l’outil Étoile. Cela ajoute un calque de forme dans le panneau Montage. Si tu veux agrandir la forme, définis la quantité sur une valeur positive. Pour la réduire, définis-la sur une valeur négative. Si tu veux y ajouter du mouvement, utilise des images clés. Clique sur le chronomètre à côté de la propriété Décaler les copies et ajuste les valeurs. Tu peux commencer par des valeurs faibles et augmenter progressivement.
Variantes de forme et lissage
Tu peux choisir parmi les différentes options de sommet de ligne qui contrôlent l’arrondi des bords. Lorsque tu crées des copies et que tu les décales avec un sommet en biseau ou en arrondi, tu peux obtenir différentes conceptions de ta forme. Le sommet en pointe conserve la forme d’origine. Maintenant que tu as compris comment cette fonctionnalité fonctionne, rends-toi sur le site de la communauté pour découvrir quelques exemples concrets et partager ton travail.
Problèmes courants et solutions
Pour animer un tracé sur un plan, j’ai un calque contenant un tracé vectoriel. Sur celui-ci, j’ai appliqué un « raccorder les tracés ». Avec 2 images clés à 0% puis à 100% sur la valeur « Fin », mon tracé se dessine au fil du temps. Il est visible, car je lui ai appliqué un contour (Largeur 3px, opacité 100%). J’ai la possibilité de choisir si l’extrémité du tracé est « carrée », « arrondie », ou « projetée ». Ce que je voudrais, c’est que cette extrémité ne soit pas franche, mais progressive et floue, et je ne trouve pas de solution pour y parvenir. Une approche possible consiste à utiliser des masques comme trajectoires et à lier le déplacement de la tête du tracé aux masques, mais cela peut nécessiter des ajustements précis selon le rendu souhaité.
Dans cette leçon, nous explorons l’effet de trait dans After Effects, souvent utilisé pour révéler progressivement des objets ou des textes. L’effet de trait permet de créer des animations qui montrent les éléments à l’écran en suivant un tracé spécifique, simulant l’illusion de dessin en direct. L’approche expliquée ici passe par l’usage de masques comme trajectoires, en y utilisant un outil de plume pour dessiner sur chaque lettre ou motif souhaité. Les masques servent ensuite à l’effet de trait qui colorera le tracé et le rendra visible. Un aspect essentiel est de configurer correctement les paramètres de couleur et d’épaisseur pour s’assurer que le trait recouvre efficacement les lettres sous-jacentes.
Applications et variations utiles
Bien que l’effet de trait offre un moyen rapide d’animer des tracés, il existe des alternatives telles que l’utilisation de caches alpha pour des transitions plus précises. Crée des traits ondulés, dentés ou arrondis sur les calques de forme et anime leur apparence afin de créer des éléments graphiques intéressants. Contrairement à Illustrator, cette application vous permet de définir des épaisseurs arbitraires pour n’importe quel point d’une forme. En plus de l’effilage des contours, cette fonctionnalité réduit progressivement l’épaisseur pour offrir une apparence plus peaufinée. Vous pouvez accentuer le lissage de l’effilage du début et de la fin de vos animations au fil du temps.
Unités de longueur : choisissez l’une des deux options, Pourcentage ou Pixels. Lorsque vous animez la taille du tracé, en raccordant des tracés par exemple, il est préférable d’utiliser des pixels afin que la longueur d’effilage ne dépende pas de la longueur du tracé. Largeur de départ : détermine l’épaisseur de l’effilage le long de la longueur de départ du tracé. Lissage de début et Lissage de fin : déterminent la rondeur de l’effilage le long de la longueur de départ et de fin, adoucissant les bords pour une apparence plus naturelle.
Vous ne pouvez pas importer de contours en forme de biseau à partir d’Illustrator. Si vous souhaitez créer et faire des essais avec cette animation, téléchargez l’exemple de projet .aep pour commencer.
Animation after effects outil trait
Tableau récapitulatif des principales options
| Option | Utilité | Astuce |
|---|---|---|
| Réduire les tracés | Animer l’apparition du tracé | Utiliser des images clés de Fin et Début |
| Sommet de ligne | Contrôle de l’apparence des jonctions | Tester « carrée », « arrondie », « projetée » |
| Copies et Décaler les copies | Texures, motifs et effets kaléidoscopiques | Crée des motifs concentriques ou mandalas |
| Lissage de début/fin | Rendre l’effilage plus naturel | Appliquer lissage progressif le long des extrémités |