La création d'un trait dans After Effects est l'une des premières techniques que beaucoup d'entre vous ont peut-être apprises en débutant avec le logiciel. Maintenant, que se passe-t-il si vous souhaitez plutôt transformer ce trait normal en ligne pointillée ou pointillée dans After Effects ?
Cette fois, nous allons vous montrer comment créer une ligne pointillée ou pointillée dans After Effects, personnaliser l'apparence, l'animer et même essayer une autre façon de créer et d'animer une ligne pointillée ou pointillée que vous préférez probablement en dehors d'AE.
La création de tout type de trait, y compris des lignes pointillées ou pointillées, dans After Effects commence par l'utilisation de l'outil Plume à l'intérieur d'un calque de forme. C'est ici que vous pouvez tracer votre ligne, appliquer un trait, puis l'animer à l'aide des tracés de découpage.
Pour ce didacticiel, nous suivrons le guide créé par Ben &Jack Studio à l'aide d'After Effects 2020. Cependant, les mêmes étapes s'appliquent également aux autres versions d'After Effects, vous pouvez donc suivre quelle que soit la version que vous utilisez.
Étape 1. Créer un calque de forme et un chemin
Sélectionnez l'outil Plume (ou appuyez sur G) et tracez votre chemin sur le panneau d'aperçu. Au moment où vous cliquez, After Effects crée automatiquement un calque de forme.
Cliquez une fois pour placer le premier point, puis cliquez à nouveau pour créer le second. After Effects tracera une ligne droite les reliant.
Astuce :Si vous souhaitez créer un chemin courbe, cliquez et faites glisser lors de la définition de votre deuxième point au lieu de cliquer une seule fois. Cela créera des poignées de Bézier qui vous permettront de façonner votre courbe.
Étape 2. Ajouter une ligne en pointillés ou en pointillés
Dans le panneau Chronologie, ouvrez votre calque de forme et accédez à Contenu> Forme 1> Remplissage 1.
Réglez l'opacité sur 0 % pour supprimer la couleur de remplissage. Cela ne laisse visible que le trait, ce qui est essentiel pour créer une ligne pointillée ou pointillée.
Ensuite, accédez à Contenu> Forme 1> Trait 1. Recherchez la section Tirets sous les paramètres de trait et cliquez sur l'icône + pour créer la ligne de tiret dans After Effects.
Ajustez la valeur du tiret pour contrôler son apparence. Des valeurs inférieures créent plus de tirets ou de points.
Utilisez la commande Décalage pour affiner le positionnement du tiret le long du chemin.
Pour créer une ligne pointillée dans After Effects :
Dans la section Tirets, cliquez à nouveau sur l'icône + pour ajouter une propriété Gap.
Ajustez la valeur Gap pour contrôler l’espacement entre les points. Des valeurs plus petites rapprochent les points, tandis que des valeurs plus grandes les écartent.
Définissez l'option Line Cap sur Round Cap pour que les extrémités du trait soient arrondies.
Définissez la valeur du tiret sur 0, ce qui transforme chaque tiret en un point parfait.
Vous pouvez également personnaliser davantage la ligne pointillée ou pointillée en définissant la couleur du trait et en ajustant la largeur du trait en fonction du degré d'audace souhaité pour la ligne.
Étape 3. Animer la ligne pointillée avec les tracés de découpage
Pour créer une animation en pointillés qui se déplace le long de la ligne, ajoutez une animation Découper les chemins à votre calque de forme.
Avec le calque de forme sélectionné, cliquez sur Ajouter> Couper les chemins.
Développez le menu Trim Paths et vous verrez deux curseurs :Début et Fin. Ils contrôlent la quantité de ligne visible.
Définissez Début sur 0 % et Fin sur 0 %, puis cliquez sur l'icône d'image clé à côté de Fin pour créer votre première image clé.
Déplacez la tête de lecture vers l'avant sur la timeline jusqu'à l'endroit où vous souhaitez que l'animation se termine et définissez la valeur de fin entre 0 % et 100 %.
Écoutez votre composition. Vous verrez la ligne pointillée se dessiner doucement le long du chemin. Vous pouvez utiliser les mêmes étapes pour créer une animation en pointillé dans After Effects.
Remarque :Ce didacticiel se concentre sur le dessin de la ligne elle-même (de l'invisible au visible). Si vous souhaitez créer l'effet inverse, où la ligne disparaît lentement, échangez simplement les images clés. Définissez la valeur Fin sur 100 pour cent au début et 0 pour cent à la fin.
Partie 2. Problèmes courants et comment les résoudre
Avez-vous rencontré des problèmes lors de la création ou de l'animation de votre ligne pointillée dans After Effects ? Nous avons rassemblé certains des problèmes les plus courants qui apparaissent généralement lorsque vous travaillez avec des traits ou des tracés dans AE, ainsi que des solutions simples que vous pouvez essayer de résoudre rapidement.
1. La ligne pointillée semble pixélisée lors du rendu
Si la ligne pointillée ou pointillée que vous avez créée semble floue ou irrégulière après l'exportation, 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.
Solution rapide :
- Dans le panneau Aperçu, définissez la résolution sur Complète avant le rendu.
- Évitez de mettre à l'échelle l'intégralité du calque de forme. Vous pouvez augmenter la largeur du trait ou recréer le tracé à la taille correcte.
- Lors de l'exportation, choisissez un débit binaire plus élevé ou un format sans perte, tel que QuickTime Animation, ProRes 4444 ou AVI (non compressé), pour préserver la netteté des contours.
2. Le chemin n'affiche pas de tirets
Vous ne voyez aucun motif de tirets ou de points même après avoir ajouté un tracé de trait dans After Effects ? Vous pouvez vérifier si le remplissage est toujours actif ou si les propriétés du trait n'ont pas été appliquées correctement.
Solution rapide :
- Ouvrez les paramètres du calque de forme et vérifiez si vous avez défini l'opacité de remplissage sur 0 % pour que le trait soit visible.
- Accédez à Contenu > Forme 1 > Trait 1 et assurez-vous que les valeurs Tiret et Espace sont ajoutées.
Une autre cause possible est que le chemin que vous utilisez ne fait pas partie d'un calque de forme, mais plutôt d'un chemin de masque. L'effet Trait appliqué à un masque ne prend pas en charge les propriétés de tiret ou d'espace. Les tirets dans After Effects n'apparaissent que lorsque le chemin existe à l'intérieur d'un calque de forme possédant sa propre propriété Stroke.
Solution rapide :
- Copiez le chemin du masque et collez-le plutôt dans un calque de forme.
- Suivez les étapes ci-dessus pour créer une ligne pointillée ou pointillée dans After Effects.
3. Les tirets se déplacent trop vite ou trop lentement lorsqu'ils sont animés
Si votre animation en pointillés semble trop rapide ou trop lente, le problème vient généralement de la façon dont les images clés sont espacées ou de la façon dont la valeur de décalage est définie dans les options de trait.
Solution rapide :
- Ouvrez les paramètres de découpage des chemins sur votre calque de forme.
- Rapprochez les images clés pour accélérer le mouvement, ou écartez-les pour le ralentir.
- Utilisez l'éditeur graphique pour lisser les courbes de vitesse afin d'obtenir une animation plus naturelle.
4. Les bords semblent durs ou irréguliers
Lorsque les bords de votre ligne pointillée ou pointillée semblent irréguliers, cela est généralement dû à de faibles paramètres d'anticrénelage ou de qualité d'aperçu. Une trop grande mise à l'échelle du calque de forme peut également provoquer des artefacts de bord visibles.
Solution rapide :
- Activez la pixellisation continue (la petite icône en forme de soleil) pour votre calque de forme afin de conserver des lignes nettes, quelle que soit leur taille.
- Dans le panneau Aperçu, définissez la qualité sur Meilleure au lieu de Brouillon.
- Ajustez la largeur du trait si vous avez besoin d'un trait plus épais au lieu de redimensionner directement le calque de forme.
- Si les bords semblent toujours rugueux, appliquez un effet de flou gaussien avec une petite valeur, suffisante pour les lisser doucement.
Partie 3. Un moyen simple de créer et d'animer des lignes pointillées sans After Effects
Pour quelque chose de plus simple et plus convivial qu'After Effects, vous pouvez également essayer de créer des animations en lignes pointillées directement dans un éditeur vidéo comme Wondershare Filmora. Filmora vous offre un moyen plus intuitif de créer des chemins personnalisés et de les transformer en animations dynamiques sans avoir besoin de configurations complexes.
Téléchargement sécurisé
Vous n'êtes pas limité à créer de simples lignes pointillées :avec l'outil Plume, vous pouvez facilement transformer le chemin que vous avez créé en une traînée lumineuse, une animation de style feu, ou même lier un objet à suivre le long du chemin en quelques clics. C'est assez simple pour les débutants, mais toujours flexible pour créer des résultats impressionnants.
Pourquoi nous recommandons Filmora :
- Appliquez rapidement des styles et des effets tels que de l'éclat, du feu ou du flou à vos lignes pointillées ou pointillées pour un relooking instantané.
- Attachez facilement n'importe quel objet (ou utilisez un paramètre prédéfini) pour suivre votre animation de ligne en douceur le long du chemin.
- Profitez d'une interface plus intuitive, conviviale pour les débutants et beaucoup plus simple à naviguer qu'After Effects.
Comment créer des lignes pointillées ou pointillées dans Filmora
Étape 1
Dessinez un chemin personnalisé à l'aide de l'outil Plume
Ouvrez un nouveau projet dans Filmora, puis accédez à l'outil de dessin et sélectionnez l'outil Plume pour commencer à créer votre trajectoire de mouvement personnalisée.
Cliquez n'importe où dans la fenêtre d'aperçu pour définir votre premier point. Cliquez à nouveau pour connecter un autre point et former une ligne droite. Pour créer une courbe, cliquez et faites glisser avant de relâcher.
Lorsque vous avez terminé, appuyez sur Échap sur votre clavier pour terminer le chemin et quitter le mode dessin.
Étape 2
Affinez et stylisez votre chemin
Après avoir tracé votre chemin, accédez aux paramètres Trait> Effets dans le panneau Propriétés et changez le style en Ligne pointillée.
Maintenant, vous avez réussi à créer une ligne pointillée. Vous pouvez le personnaliser davantage en modifiant le chemin Cap et Join, ou en ajustant le curseur Poids pour rendre la ligne plus fine ou plus épaisse.
Étape 3
Animer la ligne pointillée à l'aide du chemin de découpage
Pour faire bouger votre ligne pointillée le long du chemin, vous pouvez également utiliser la fonction Couper le chemin de Filmora.
Déplacez la tête de lecture au début de votre timeline.
Définissez les valeurs de début et de fin sur 0 %. Ajoutez une image clé pour la propriété End pour marquer le début de l'animation.
Déplacez la tête de lecture à l'endroit où vous souhaitez que l'animation s'arrête, modifiez la valeur Fin à 100 % et ajoutez une autre image clé.
Lorsque vous le lisez, la ligne pointillée se dessinera en douceur du début à la fin.
Étape 4
Faire en sorte qu'un objet suive le chemin
Si vous souhaitez qu'un objet se déplace le long du chemin que vous avez tracé, activez l'option Suivi du chemin. Choisissez l'objet que vous souhaitez attacher. Vous pouvez sélectionner parmi les préréglages disponibles, importer votre propre fichier ou utiliser celui de la timeline.
Une fois que vous êtes satisfait de la configuration, cliquez sur Appliquer pour confirmer. L'objet suivra alors automatiquement le mouvement de votre chemin pendant la lecture.
Bonus :utilisez les autocollants de lignes pointillées intégrés pour une animation instantanée
Si vous souhaitez ignorer les tracés manuellement, Filmora propose une variété de préréglages d'autocollants en pointillés et en pointillés que vous pouvez appliquer directement à vos vidéos. Ceux-ci sont parfaits pour les créateurs qui souhaitent une animation rapide et visuellement attrayante sans passer de temps à créer un chemin personnalisé.
- Faites simplement glisser et déposez l'autocollant sur votre timeline.
- Personnalisez la taille, la couleur et la vitesse d'animation en fonction de votre projet.
- Combinez-le avec des effets tels que la lueur, le feu ou le flou de mouvement pour un look plus dynamique.
- Idéal pour les publications sur les réseaux sociaux, les intros ou les animations graphiques où la vitesse compte.
Conclusion
Maintenant que vous avez appris à créer une ligne pointillée et pointillée dans After Effects, la prochaine chose à faire est d'intégrer cette compétence dans vos propres projets. Essayez d'utiliser des lignes pointillées pour mettre en évidence des itinéraires sur une carte, souligner le mouvement dans des infographies ou ajouter du rythme aux transitions animées.
Et comme la possibilité de dessiner et d'animer des chemins personnalisés n'est pas quelque chose que vous pouvez faire uniquement dans After Effects, vous pouvez également créer le même effet dans Filmora, mais avec un flux de travail beaucoup plus simple.
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