Comment créer et animer une ligne pointillée ou en tirets dans After Effects

Créer un trait dans After Effects fait partie des premières techniques que beaucoup d’entre vous avez probablement apprises en découvrant le logiciel. Mais comment transformer un simple trait en ligne pointillée ou en ligne à tirets dans After Effects ?

Aujourd’hui, on vous montre comment créer une ligne pointillée ou à tirets dans After Effects, personnaliser son apparence, l’animer, et même tester une autre méthode pour réaliser et animer ce type de lignes en dehors d’AE, qui pourrait mieux vous convenir.

Partie 1. Comment créer des lignes pointillées et à tirets dans After Effects

Créer n’importe quel type de trait, y compris des lignes pointillées ou à tirets, dans after effects commence avec l’utilisation de l’outil plume à l’intérieur d’un calque de forme. C’est ici que vous pouvez dessiner votre ligne, appliquer un trait, puis l’animer grâce à l’option “chemins en forme”.

Dans ce tuto, nous allons suivre le guide réalisé par Ben & Jack Studio avec After Effects 2020. Mais les étapes fonctionnent aussi sur d'autres versions d’After Effects, donc vous pouvez suivre sans souci quelle que soit la version que vous utilisez.

Étape 1. Créer un calque de forme et un tracé

Sélectionnez l’plumeoutil Plume (ou appuyez sur G)

et dessinez votre tracé dans la fenêtre d’aperçu. Dès votre premier clic, After Effects crée automatiquement un calque de forme.

Cliquez une fois pour placer le premier point, puis cliquez une nouvelle fois pour ajouter le second. After Effects tracera une ligne droite entre ces deux points.Astuce :

Pour créer un tracé courbe, cliquez et faites glisser pour le deuxième point au lieu de juste cliquer. Cela génère des poignées Bézier, pour modifier la courbure.

Étape 2. Ajouter une ligne à tirets ou pointilléeDans le panneau de timeline, ouvrez votre calque de forme et allez dans .

Contenu > Forme 1 > Fond 1

Réglez l’opacité à 0 % pour supprimer la couleur de fond. Ainsi, seul le trait est visible — c’est essentiel pour créer une ligne à tirets ou pointillée.Ensuite, allez dans Contenu > Forme 1 > Trait 1. Trouvez la section tirets+ sous les paramètres de trait et cliquez sur l’

icône pour créer une ligne en pointillés dans After Effects.Ajustez la valeur

taille du tiret

pour contrôler le rendu. Des valeurs plus petites créent davantage de tirets ou de points.

Utilisez le contrôle Offset pour affiner la position des tirets le long du tracé.+Pour obtenir une ligne pointillée dans After Effects :

icôneDans la section Tirets, cliquez sur l’icône

une nouvelle fois pour ajouter la propriété Espace.valeur espace pour définir l’espacement entre les points. Des valeurs plus petites rapprochent les points, tandis que des valeurs plus grandes les éloignent.

Réglez l’option de terminaison sur bout arrondi pour que les extrémités du trait soient arrondies.

Réglez la valeur du tiret à 0, ce qui transforme chaque tiret en un point parfait.Vous pouvez aussi personnaliser la ligne pointillée ou à tirets en choisissant la couleur du trait

, et ajustant l’

épaisseur du trait

selon l’intensité souhaitée pour la ligne.Étape 3. Animer la ligne à tirets avec “Trim Paths”.

Pour animer votre ligne à tirets le long du tracé, ajoutez une animation trim paths à votre calque de forme.

Avec le calque de forme sélectionné, cliquez sur

Ajouter > Chemins en forme

Déployez le menu Trim Paths et vous verrez deux curseurs : Début et Fin. Ils contrôlent combien de ligne est affichée.

Mettez Début à 0 % et Fin à 0 %, puis cliquez sur l’icône de création pour placer votre première image-clé à côté de Fin.Avancez la tête de lecture sur la timeline à l’endroit où l’animation doit finir, et changez la valeur de Fin de 0 % à 100 %.

RELATED:

Effet de trait pinceau

Animer du texte sur un tracé

Partie 2. Problèmes courants et solutions

Vous rencontrez des soucis lors de la création ou de l’animation d’une ligne à tirets dans After Effects ? On a regroupé ici les problèmes les plus fréquents lors du travail sur des traits ou tracés dans AE, avec les solutions simples à tester pour les corriger rapidement.

1. 1. La ligne à tirets apparaît pixellisée lors du rendu

1. Si votre ligne à tirets ou pointillée semble floue ou hachée après export, c’est généralement parce que la résolution de la composition est trop basse ou que la ligne a été agrandie à partir d’un calque de forme plus petit.
2. Solution rapide :

Dans la fenêtre d’aperçu, réglez la résolution sur “Plein” avant de rendre.

Évitez d’agrandir tout le calque de forme. Augmentez plutôt l’épaisseur du trait ou refaites le tracé à la taille souhaitée.

Vous rencontrez des soucis lors de la création ou de l’animation d’une ligne à tirets dans After Effects ? On a regroupé ici les problèmes les plus fréquents lors du travail sur des traits ou tracés dans AE, avec les solutions simples à tester pour les corriger rapidement.

1. Lors de l’export, optez pour un débit binaire élevé ou un format sans perte comme QuickTime Animation, ProRes 4444 ou AVI (non compressé) pour conserver une netteté maximale.
2. 2. Le tracé n’affiche pas de tirets

Impossible de voir des tirets ou des points même après avoir ajouté un trait dans After Effects ? Vérifiez si le fond est toujours actif ou si les propriétés du trait n’ont pas été appliquées correctement.

Ouvrez les paramètres du calque de forme et assurez-vous que l’opacité du fond est à 0 % pour que le trait soit visible.

1. Allez dans Contenu > Forme 1 > Trait 1 et vérifiez que les valeurs “tirets” et “espace” sont bien ajoutées.
2. Autre cause possible : le tracé utilisé n’est pas dans un calque de forme, mais dans un masque. L’effet trait appliqué au masque ne prend pas en charge les tirets ou l’espace. Les tirets dans After Effects n’apparaissent que lorsque le tracé est dans un calque de forme avec la propriété de trait.

Solution rapide :

Copiez le tracé de masque et collez-le dans un calque de forme.

Vous rencontrez des soucis lors de la création ou de l’animation d’une ligne à tirets dans After Effects ? On a regroupé ici les problèmes les plus fréquents lors du travail sur des traits ou tracés dans AE, avec les solutions simples à tester pour les corriger rapidement.

1. Reprenez les étapes de création de ligne à tirets ou pointillée ci-dessus avec After Effects.
2. 3. Les tirets bougent trop vite ou trop lentement en animation
3. Si l’animation de la ligne à tirets semble trop rapide ou trop lente, le problème vient souvent de l’espacement des images-clés ou de la valeur Offset dans les options du trait.Ouvrez les paramètres de “Trim Paths” sur votre calque de forme.Rapprochez les images-clés pour accélérer l’animation, ou éloignez-les pour la ralentir.

Utilisez l’

éditeur d’animation

Vous rencontrez des soucis lors de la création ou de l’animation d’une ligne à tirets dans After Effects ? On a regroupé ici les problèmes les plus fréquents lors du travail sur des traits ou tracés dans AE, avec les solutions simples à tester pour les corriger rapidement.

1. pour lisser les courbes de vitesse et obtenir une animation plus naturelle.
2. 4. Les bords sont trop hachés ou rugueux
3. Quand les bords de votre ligne à tirets ou pointillée paraissent irréguliers, cela vient souvent d’un faible anti-crénelage ou d’un mode aperçu de qualité réduite. Agrandir trop le calque de forme peut aussi causer des bords visibles et peu propres.
4. Activez le mode “rasteriser en continu” (petit icône soleil) sur votre calque de forme pour garder les lignes nettes à n’importe quelle taille.

Dans la fenêtre d’aperçu, réglez la qualité sur “Meilleur” plutôt que “Brouillon”.

Ajustez l’épaisseur du trait si vous souhaitez une ligne plus épaisse au lieu de simplement agrandir le calque de forme.Si les bords restent rugueux, ajoutez un effet “flou gaussien” avec une petite valeur, juste assez pour les adoucir.Partie 3. Créer et animer une ligne à tirets facilement sans After Effects

Pour une méthode plus simple et accessible aux débutants, essayez aussi de créer des lignes à tirets animées directement dans un éditeur vidéo comme Pour une méthode plus simple et accessible aux débutants, essayez aussi de créer des lignes à tirets animées directement dans un éditeur vidéo comme

wondershare filmora

. Filmora propose une façon plus intuitive de dessiner des tracés personnalisés et de les transformer en animations dynamiques, sans paramétrages complexes.

Essayer gratuitement Essayer gratuitement

Télécharger l’APP

Scanner pour accéder à l’application FilmoraplumeInstaller Filmora gratuitement

téléchargement sécurisé

• Vous n’êtes pas limité à de simples lignes pointillées — avec , il est facile de transformer votre tracé en une traînée lumineuse, une animation de type feu, ou même de faire suivre un objet le long du tracé en quelques clics. C’est assez simple pour les débutants, mais suffisamment flexible pour de beaux résultats.Pourquoi nous recommandons Filmora :
• Appliquez styles et
• effets

comme glow, feu ou flou sur vos lignes à tirets ou pointillées en un clin d’œil.

Attachez facilement n’importe quel objet (ou utilisez un preset intégré) pour suivre votre animation le long du tracé.

Profitez d’une interface plus intuitive, adaptée aux novices, et bien plus simple à naviguer que After Effects.

Comment créer une ligne à tirets ou pointillée dans FilmoraÉtape 1Dessiner un tracé personnalisé avec l’outil PlumeplumeOuvrez un nouveau projet dans Filmora, puis allez dans l’

outil de dessin

et sélectionnez la

plume

pour créer votre tracé de mouvement personnalisé.

Cliquez n’importe où dans la fenêtre d’aperçu pour placer le premier point. Cliquez à nouveau pour ajouter un point et former une ligne droite. Pour faire une courbe, cliquez puis faites glisser avant de relâcher.Quand c’est terminé, appuyez sur Échap pour valider le tracé et sortir du mode dessin.Étape 2Affinez et stylisez votre tracé to Après avoir dessiné votre tracé, dirigez-vous vers .

Trait > Effets dans le panneau des propriétés et modifiez le styleligne à tiretsVous venez de créer une ligne à tirets ! Vous pouvez la personnaliser davantage en modifiant le bout et

jonction

, ou en ajustant le

poids

pour rendre la ligne plus fine ou plus épaisse.

Étape 3

Animez la ligne à tirets avec l’option Trim Path

Pour donner du mouvement à votre ligne à tirets le long du tracé, vous pouvez aussi utiliser la fonction Trim Path dans Filmora.

Placez la tête de lecture au début de votre timeline.

Mettez à 0 % la valeur Début et Fin. Ajoutez une image-clé au paramètre Fin pour marquer le début de l’animation.

Déplacez la tête de lecture à l’endroit où l’animation doit s’arrêter, modifiez Fin à 100 % et ajoutez une nouvelle image-clé.Quand vous lancez la lecture, la ligne à tirets se dessine fluidement de début à la fin.Étape 4

Faire suivre un objet sur le tracéSi vous souhaitez qu’un objet suive le tracé que vous avez dessiné, activez l’option suivi de tracé

appliquer

pour valider. L’objet suivra alors automatiquement le tracé pendant la lecture.Animations de routes aériennesVidéo carte de voyage animée

• Bonus : Utiliser les stickers de lignes à tirets intégrés pour une animation instantanée
• Si vous voulez éviter de dessiner les tracés à la main, Filmora propose de nombreux
• autocollants de lignes à tirets ou lignes pointillées que vous pouvez ajouter directement à vos vidéos. Idéal pour ceux qui veulent une animation rapide et visuelle sans perdre du temps à créer un tracé personnalisé.Il suffit de glisser-déposer le sticker sur votre timeline.
• Personnalisez la taille, la couleur, et la vitesse d’animation pour mieux coller à votre projet.Combinez avec des effets comme glow, feu ou flou de mouvement

pour un rendu plus dynamique.

Parfait pour publications sur réseaux sociaux, intros ou Pour une méthode plus simple et accessible aux débutants, essayez aussi de créer des lignes à tirets animées directement dans un éditeur vidéo comme Pour une méthode plus simple et accessible aux débutants, essayez aussi de créer des lignes à tirets animées directement dans un éditeur vidéo comme Pour une méthode plus simple et accessible aux débutants, essayez aussi de créer des lignes à tirets animées directement dans un éditeur vidéo comme Pour une méthode plus simple et accessible aux débutants, essayez aussi de créer des lignes à tirets animées directement dans un éditeur vidéo comme

motion design

Parfait pour publications sur réseaux sociaux, intros ou Pour une méthode plus simple et accessible aux débutants, essayez aussi de créer des lignes à tirets animées directement dans un éditeur vidéo comme Pour une méthode plus simple et accessible aux débutants, essayez aussi de créer des lignes à tirets animées directement dans un éditeur vidéo comme Pour une méthode plus simple et accessible aux débutants, essayez aussi de créer des lignes à tirets animées directement dans un éditeur vidéo comme Pour une méthode plus simple et accessible aux débutants, essayez aussi de créer des lignes à tirets animées directement dans un éditeur vidéo comme

quand il faut aller vite.

Parfait pour publications sur réseaux sociaux, intros ou Pour une méthode plus simple et accessible aux débutants, essayez aussi de créer des lignes à tirets animées directement dans un éditeur vidéo comme Pour une méthode plus simple et accessible aux débutants, essayez aussi de créer des lignes à tirets animées directement dans un éditeur vidéo comme Pour une méthode plus simple et accessible aux débutants, essayez aussi de créer des lignes à tirets animées directement dans un éditeur vidéo comme Pour une méthode plus simple et accessible aux débutants, essayez aussi de créer des lignes à tirets animées directement dans un éditeur vidéo comme

Ligne pointillée 1

Parfait pour publications sur réseaux sociaux, intros ou Pour une méthode plus simple et accessible aux débutants, essayez aussi de créer des lignes à tirets animées directement dans un éditeur vidéo comme Pour une méthode plus simple et accessible aux débutants, essayez aussi de créer des lignes à tirets animées directement dans un éditeur vidéo comme Pour une méthode plus simple et accessible aux débutants, essayez aussi de créer des lignes à tirets animées directement dans un éditeur vidéo comme Pour une méthode plus simple et accessible aux débutants, essayez aussi de créer des lignes à tirets animées directement dans un éditeur vidéo comme

Aperçu

Parfait pour publications sur réseaux sociaux, intros ou Pour une méthode plus simple et accessible aux débutants, essayez aussi de créer des lignes à tirets animées directement dans un éditeur vidéo comme Pour une méthode plus simple et accessible aux débutants, essayez aussi de créer des lignes à tirets animées directement dans un éditeur vidéo comme Pour une méthode plus simple et accessible aux débutants, essayez aussi de créer des lignes à tirets animées directement dans un éditeur vidéo comme Pour une méthode plus simple et accessible aux débutants, essayez aussi de créer des lignes à tirets animées directement dans un éditeur vidéo comme

Ligne pointillée 2

Parfait pour publications sur réseaux sociaux, intros ou Pour une méthode plus simple et accessible aux débutants, essayez aussi de créer des lignes à tirets animées directement dans un éditeur vidéo comme Pour une méthode plus simple et accessible aux débutants, essayez aussi de créer des lignes à tirets animées directement dans un éditeur vidéo comme Pour une méthode plus simple et accessible aux débutants, essayez aussi de créer des lignes à tirets animées directement dans un éditeur vidéo comme Pour une méthode plus simple et accessible aux débutants, essayez aussi de créer des lignes à tirets animées directement dans un éditeur vidéo comme

Ligne pointillée 3

Ligne pointillée 4

Ligne pointillée 5

Ligne pointillée 6

Conclusion

Pour une méthode plus simple et accessible aux débutants, essayez aussi de créer des lignes à tirets animées directement dans un éditeur vidéo comme Pour une méthode plus simple et accessible aux débutants, essayez aussi de créer des lignes à tirets animées directement dans un éditeur vidéo comme

wondershare filmora

. Filmora propose une façon plus intuitive de dessiner des tracés personnalisés et de les transformer en animations dynamiques, sans paramétrages complexes.

Vous savez maintenant comment créer une ligne à tirets et pointillée dans After Effects — il ne vous reste plus qu’à tester dans vos propres projets. Utilisez les lignes à tirets pour indiquer un itinéraire sur une carte, donner du mouvement dans vos infographies, ou rythmer vos transitions animées.

Et comme dessiner et animer des tracés personnalisés n’est pas réservé à After Effects, vous pouvez aussi obtenir le même effet dans Filmora, avec un workflow bien plus simplifié.

Essayer gratuitement Essayer gratuitement

Télécharger l’APP