Vous souhaitez animer un trait dans After Effects pour un mouvement de ligne fluide ? Les animations de traits brillent pour les contours des logos, les signatures manuscrites, les flèches et les lignes de route. C'est une motion qui convient aux introductions vidéo et aux explications.
Mais créer cette animation de trait dans After Effects n’est pas simple. Le défi consiste à obtenir le chemin, le timing et la longueur de trait parfaits pour que votre trait soit fluide. Un petit changement dans la façon dont la ligne apparaît ou disparaît peut faire une grande différence dans l'apparence naturelle du mouvement.
Ce guide vous aidera à comprendre ce que signifie un trait dans After Effects et vous montrera les étapes pour le créer. Il affichera également une alternative si vous préférez une configuration plus rapide pour les animations de lignes. Commençons.
Partie 1. Qu'est-ce que l'animation de traits dans After Effects ?
L'animation de trait dans After Effects est le processus consistant à faire en sorte qu'une ligne ou un contour se dessine au fil du temps. Ces lignes créent des tracés fluides qui révèlent des formes, du texte ou des logos en mouvement. Il s'agit d'une technique d'animation graphique qui transforme des éléments statiques en quelque chose de plus dynamique.
Le principal outil permettant d’animer un trait dans After Effects est la fonction Découper les chemins. Il vous permet de contrôler le début, la fin et le décalage d'un trait. En ajustant ces valeurs, vous pouvez définir la façon dont la ligne apparaît, disparaît ou se déplace le long d'un chemin spécifique.
Vous pouvez utiliser l’animation de traits dans de nombreux types de vidéos. Il est souvent appliqué dans :
- Animations d'itinéraire pour les vidéos de voyage :des lignes tracent sur une carte pour marquer un voyage ou mettre en évidence chaque arrêt le long de l'itinéraire.
- Traits de contour dans les vitrines de produits :des lignes fines mettent en évidence les bords d'un produit ou révèlent des parties d'une forme pour afficher les détails de la conception.
- Révélation d'un logo ou d'une signature manuscrite :les traits suivent des chemins personnalisés pour imiter une écriture manuscrite naturelle, ajoutant ainsi une touche personnelle à l'image de marque.
- Indicateurs de flèches pour les explications ou les infographies :les traits dessinent des flèches en séquence pour diriger l'attention de l'internaute ou relier un élément à un autre.
Partie 2. Comment animer un trait dans After Effects – étape par étape
Avant de commencer, vous devez comprendre comment fonctionnent les effets de trait dans After Effects. L'idée est de tracer une ligne qui apparaît progressivement sur votre écran, à l'aide de calques de forme simples et d'une animation basée sur des images clés. Vous utiliserez la fonctionnalité Découper les tracés pour contrôler quand et comment le trait se dessine.
Méthode 1 :animation de contour de base avec chemins de découpage
Voici comment animer un trait dans After Effects à l'aide de la fonctionnalité Découper les tracés :
Étape 1
Créer un calque de forme
Commencez par ajouter votre forme à la chronologie. Vous pouvez importer un fichier Illustrator ou créer une forme directement dans After Effects à l’aide de l’outil Forme. Les deux fonctionnent de la même manière.
Si vous utilisez un fichier Illustrator, faites un clic droit dessus, sélectionnez Créer> Créer des formes à partir d'un calque vectoriel.
Étape 2
Supprimez le remplissage et définissez le contour
Nous devons nous assurer que notre forme ne comporte que des traits. Pour ce faire, sélectionnez votre calque de forme et dirigez-vous vers la barre d'outils pour définir Remplissage> Aucun.
À côté de l'option Remplissage, définissez le trait sur une couleur unie. Ajustez la largeur du trait pour contrôler l’épaisseur de la ligne.
Étape 3
Ajouter l'effet de découpage des chemins
Dans le panneau Chronologie, ouvrez la liste déroulante de votre calque de forme, cliquez sur Ajouter et choisissez Découper les chemins. Cette fonctionnalité vous permet d'animer les points de début et de fin de votre ligne.
Développez la section Découper les chemins. Réglez Fin sur 0 % pour que le trait soit invisible, puis cliquez sur le chronomètre à côté de Fin pour créer votre première image clé.
Avancez la tête de lecture de quelques secondes et réglez Fin sur 100 %. Le trait va maintenant se dessiner du début à la fin.
Étape 5
Lisser l'animation
Sélectionnez les deux images clés, cliquez avec le bouton droit et choisissez Keyframe Assistant> Easy Ease ou appuyez sur F9. Cela adoucit le mouvement.
Vous disposez désormais d’une animation d’un trait dans After Effects à l’aide des chemins de découpage. Vous pouvez appliquer les mêmes étapes à différentes formes, contours de texte ou logos pour des révélations créatives.
Méthode 2 : Animation des coups de pinceau
Vous pouvez également créer des effets de peinture ou d’encre dessinés à la main à l’aide de la technique de coup de pinceau After Effects. Cela crée des bords plus doux et naturels qui ressemblent à de la vraie peinture au pinceau plutôt qu'à une ligne numérique épurée.
Suivez les étapes ci-dessous pour savoir comment en créer un :
Étape 1
Créer une nouvelle composition
Créez une nouvelle composition et nommez-la Brush Stroke 1. Conservez-la en résolution HD et définissez la durée sur environ cinq secondes.
Sélectionnez l'outil Plume et tracez une ligne droite sur l'écran. Maintenez Shift pour le garder droit. Tournez Remplissage> Aucun et définissez la largeur du trait à environ 6 pixels. Choisissez une couleur comme le blanc pour le moment.
Étape 3
Dupliquer et varier les lignes
Accédez au calque de forme, ouvrez la propriété Contenu et dupliquez le chemin plusieurs fois.
Ajustez la position du chemin pour chaque nouvelle ligne afin qu'elles soient légèrement en dessous l'une de l'autre. Modifiez certaines largeurs à 10 ou 15 pixels pour créer un aspect superposé plus épais. Une dizaine de lignes fonctionnent généralement bien.
Cliquez sur le calque Lignes et accédez au panneau Effets et préréglages.
Recherchez Roughen Edges et appliquez-le aux commandes d'effet des lignes.
Réglez la bordure autour de 4 et la complexité près de 10. Cela ajoute des bords inégaux, donnant à la ligne un aspect texturé semblable à celui d'un pinceau.
Étape 5
Ajouter des chemins de coupe pour animer le pinceau
Ouvrez le calque de forme, accédez à Contenu et cliquez sur Ajouter> Découper les chemins. Assurez-vous de l'ajouter à l'ensemble du groupe contenant toutes vos lignes dupliquées, pas une seule ligne. De cette façon, toutes les lignes s’animeront ensemble comme un seul coup de pinceau.
Développez les paramètres de découpe des chemins pour ajuster le curseur. Déplacez la tête de lecture au début du trait de ligne et réglez le curseur sur 0 %. Cliquez sur l'icône Chronomètre à côté du curseur pour créer votre première image clé. Ensuite, avancez la tête de lecture et modifiez la présentation du curseur à 100 %. Le trait s'étend désormais sur l'écran en un seul mouvement unifié.
Vous avez maintenant créé un coup de pinceau dans After Effects qui s’anime sur l’écran. Vous pouvez combiner plusieurs coups de pinceau, ajuster leurs couleurs ou plier leur forme pour une animation plus artistique.
Bonus :avez-vous vraiment besoin d'After Effects ? Essayez l'alternative
Voulez-vous animer un trait dans After Effects mais ne souhaitez pas une configuration complexe ? Dans les graphiques animés, les traits font plus que décorer. Ils guident le regard, tracent des chemins et révèlent des formes avec intention. Vous utiliserez souvent l'animation par traits dans les itinéraires de voyage, les révélations de logo, les vidéos explicatives ou les présentations de produits.
Mais si votre objectif est de créer ces effets rapidement, After Effects n’est peut-être pas la meilleure solution. L'animation d'un trait dans After Effects peut prendre du temps et impliquer plusieurs étapes de configuration. Pour ceux qui préfèrent les éditeurs vidéo offrant un flux de travail plus simple, essayez un éditeur alternatif comme Wondershare Filmora.
Téléchargement sécurisé
Filmora version 15 a introduit une fonctionnalité Pen Tool qui vous permet également de créer une animation de trait comme dans After Effects. La différence est que tout se passe au même endroit. Vous pouvez dessiner sur le canevas vidéo, ajuster les courbes et animer le tracé de la ligne sans basculer entre plusieurs calques.
Comparez les animations de traits dans After Effects et Filmora
Jetez un œil au tableau ci-dessous pour voir comment Filmora se compare à la création d'animations de traits dans After Effects :
| Fonctionnalité | After Effects | Filmora |
| Outil de trait principal | Couches de forme avec chemins de découpage pour l'animation de lignes. | Outil Plume avec commandes d'animation de contour et de découpage du chemin. |
| Complexité du flux de travail | Nécessite plusieurs calques, effets et images clés. | Tous les réglages dans un seul panneau. |
| Courbe d'apprentissage | Raide pour les nouveaux utilisateurs. | Facile à apprendre. |
| Commandes d'animation de trait | Début, Fin et Décalage pour le minutage. | Les paramètres des curseurs Début et Fin apparaissent juste après l'activation du chemin de découpage. |
| Exigences du plugin | Souvent nécessaire pour les styles avancés. | Les animations Stoke n'ont pas besoin de plugin dans Filmora. |
| Vitesse de rendu | Dépend de la taille de la composition et des effets. | Optimisé pour des exportations plus rapides. |
| Meilleur pour | Graphiques animés complexes et plates-formes d'animation personnalisées. | Animations rapides, introductions et didacticiels. |
Comment animer un trait dans Filmora
Suivez les étapes ci-dessous pour créer une animation de trait dans Filmora :
Étape 1
Démarrez le projet et ajoutez des éléments
Ouvrez Filmora et démarrez un nouveau projet. Importez votre vidéo ou image et faites-la glisser sur la timeline. Ajustez sa position ou sa taille dans la fenêtre d'aperçu pour cadrer correctement votre scène.
Étape 2
Dessinez le chemin avec l'outil Plume
Dans le menu de la barre d'outils au-dessus de la chronologie, accédez à Outils de dessin> Outil Plume.
Ensuite, vous pouvez dessiner votre trait sur l'écran d'aperçu.
Cliquez une fois pour ajouter des points droits, ou cliquez et faites glisser pour le rendre courbé.
Lorsque vous avez terminé de dessiner, faites un clic droit sur l'écran et sélectionnez Arrêter pour confirmer votre chemin.
Étape 3
Personnaliser le style de trait
Une fois que vous avez créé une forme avec les outils de dessin, le panneau d'édition de forme s'ouvrira sur le côté droit de votre écran.
Faites défiler jusqu'à la section Trait où vous pouvez définir la couleur de votre ligne, ajuster le poids (épaisseur) ou définir l'opacité. Vous pouvez également choisir parmi le style de trait prédéfini si vous souhaitez une configuration plus rapide.
Étape 4
Animer le trait avec des images clés
Dans le même panneau, accédez à la section Trim Path. Cet outil peut vous aider à ajouter des images clés à vos lignes de trait.
Déplacez la tête de lecture au début du clip et définissez Fin sur 0 %. Cliquez sur l'icône Image clé pour marquer la première image.
Ensuite, avancez la tête de lecture et réglez Fin sur 100 %. L'image clé suivante sera ajoutée automatiquement.
Ce paramètre crée une animation de trait fluide qui traverse le chemin.
Étape 5
Prévisualiser l'animation du trait
Lisez la vidéo dans la fenêtre d'aperçu pour revoir l'animation. Ajustez le timing du trait ou la forme du chemin si nécessaire pour le faire couler naturellement.
Conclusion
Apprendre à animer un trait dans After Effects est une compétence utile pour créer des contours, des traces de logo ou des trajectoires de mouvement. Il offre un contrôle précis mais prend du temps pour configurer et ajuster les images clés.
Si vous préférez une configuration plus rapide et plus simple, l'outil Plume de Filmora peut réaliser une animation de trait similaire dans After Effects avec moins d'effort. Il vous permet de dessiner des formes sur le canevas, d'ajuster les styles de trait et d'animer le chemin directement au même endroit.
Filmora convient aux créateurs qui souhaitent des animations fluides sans une courbe d'apprentissage abrupte. Essayez-le aujourd'hui et voyez à quelle vitesse vos modifications peuvent être effectuées.
Filmora
Application et logiciel de montage vidéo IA
Le meilleur outil pour créer des vidéos n'importe où pour tous les créateurs !
Votre premier montage vidéo parfait commence ici - Aucune expérience requise