Complètement à droite de la propriété TEXTE sur la même ligne, vous trouverez le bouton ANIMER : . Cliquez sur le bouton ANIMER. Choisissez la propriété ÉCHELLE. Mettez l'échelle à 0% sur le frame no. Modifiez la propriété DÉBUT. Placez la tête de lecture sur le frame no. Modifiez la propriété DÉBUT. Remarquez que l'animation se fait lettre par lettre. À l'option LISSER VERS LE BAS, mettez 100% et placez une image-clé. Faites jouer l'animation. Faites jouer l'animation.
Ouvrez la composition No.3. Cliquez de droite sur le calque ROBERT MUSIL et sélectionnez l'option Créer des formes à partir du texte (un nouveau calque sera crée au-dessus du texte). Ouvrez les options de ce nouveau calque et cliquez sur le bouton AJOUTER. Ouvrez la composition No.7. Sous l'option TEXTE, vous trouverez les OPTIONS DE CHEMIN (si vous ne les voyez pas, retapez le même texte dans un nouveau calque et appliquez le tracé sur ce nouveau calque). À la propriété CHEMIN, sélectionnez MASQUE 1. Faites jouer l'animation.
Pour les autres compositions utilisez des effets déjà existants. Téléchargez et importez le fichier Illustrator BICYCLES.AI dans After Effects. Prenez la PLUME et dessinez une trajectoire composée de courbes fluides commençant à partir de la gauche vers la droite à l’intérieur des lettres du titre. Assurez-vous que la tête de lecture est placée sur le frame no. 1. Placez la tête de lecture sur le frame no. Après avoir placé votre premier point, enfoncez les touches + flèche droite pour faire avancer la tête de lecture d'un seul frame. Ajustez l'épaisseur du pinceau à votre guise.
Prenez l'outil PLUME et dessinez une trajectoire composée de courbes fluides (Vous pouvez également utiliser Illustrator pour dessiner votre tracé. Une fois votre trajectoire terminée, cliquez sur la flèche du calque de forme pour ouvrir ses propriétés. Coupez le tracé ( + X). Collez le tracé sur la position ( + V). Faites jouer l'animation. Ajout d'un effet particules sur le cercle.
Dans ce guide, découvrez comment animer le long d’un tracé étape par étape, ainsi qu’un éditeur alternatif qui permet le même résultat en moins d’étapes. Partie 1. Pour mettre en place une animation, il faut comprendre le processus qui permet de faire suivre un tracé à un objet dans After Effects. 1. La Plume est l’outil essentiel pour dessiner des tracés de mouvement dans After Effects. Vous pouvez aussi y accéder en appuyant sur G au clavier. Chaque point délimite une partie du tracé. Bien comprendre chaque clic rend l’animation beaucoup plus fluide. Clic simple : Ajoute des points d’ancrage droits pour des tracés linéaires. Clic et glisser : Crée des points d’ancrage courbés pour de beaux arcs fluides. Maintenir Option (ou Alt sous Windows) : Modifie la poignée de courbe ou transforme la courbe en angle pointu. Lorsque vous dessinez, visualisez le cheminement de votre objet dans l’espace. After Effects propose aussi une option auto-orientation que vous pouvez activer pour orienter automatiquement l’objet dans le sens du déplacement.
2. Avant de faire suivre un tracé à l’objet dans After Effects, préparez l’élément que vous souhaitez déplacer. Choisissez un visuel simple et adapté au style de votre projet. Pour un rendu net, privilégiez un fichier .PNG sur fond transparent, qui se fondra naturellement dans votre vidéo. Pas encore l’icône idéale ? Vérifiez toujours les conditions de licence avant d’utiliser un asset dans votre vidéo.
Partie 2. Votre icône ou objet préparé, animons-le désormais le long d’un tracé dans After Effects. Après avoir importé l’objet sur la timeline, assurez-vous qu’aucun autre calque n’est sélectionné. Sélectionnez la plume (ou racourci G) dans la barre d’outils. Choisissez Remplissage sur Aucun et Contour sur une couleur unie. Répétez le placement pour chaque virage. Déroulez ses options via la flèche à côté, puis allez dans Contenu > Forme 1 > Tracé 1. Appuyez sur Cmd + C (ou Ctrl + C sous Windows) pour copier. Sélectionnez le calque de l’objet et appuyez sur P au clavier pour afficher la propriété Position. Après collage, une ligne apparaît dans la compo : voilà le chemin de mouvement. La durée de l’animation dépend de l’écart entre la première et la dernière image-clé. Ce réglage fait rester l’objet dans le bon sens tout au long du tracé animé avec After Effects.
Après ces étapes, vous avez réussi : votre objet suit désormais un tracé dans After Effects. Avez-vous essayé d’animer un objet le long d’un tracé dans After Effects mais rencontré des difficultés ? L’écosystème Adobe est depuis longtemps une référence dans le monde du design. Si ces problèmes vous semblent familiers, essayez une option plus simple. Wondershare Filmora inclut désormais un outil Plume dans la version 15. Configuration simple : Dans After Effects, vous devez dessiner, copier et coller le tracé avant de le lier à l’objet. Facile à apprendre : Filmora regroupe tous les contrôles, traits, effets et paramètres Trim Path dans un seul panneau. Montage organisé sur la timeline : Filmora dispose d’une timeline simple où vous pouvez dessiner, animer, ajouter du texte et appliquer des effets au même endroit. Orientation automatique : Activez l’option Follow Path pour que votre objet se tourne automatiquement dans la bonne direction pendant le mouvement.
Créez un nouveau projet dans Filmora, importez votre vidéo ou votre image, puis faites-la glisser dans la timeline. Lorsque vous dessinez une forme avec l’outil Plume, le panneau Shape Editing apparaît à droite. Faites défiler jusqu’à la section Stroke pour définir la couleur, l’épaisseur de la ligne (Weight) et l’opacité. Accédez au panneau Trim Path et définissez Path Follow sur Preset. Faire suivre un tracé à un objet dans After Effects est indispensable pour créer des mouvements dynamiques et fluides dans vos projets.
Créez un calque de forme avec un tracé ouvert et le fond désactivé. Dans le panneau Montage, ouvrez le contenu du calque de forme jusqu’à Contour 1 / Biseau. Sélectionnez Groupe 1 et Faites Animation / Enregistrer l’animation prédéfinie. Appelez le preset « Pointe » et sauvegardez ldans le dossier Documents\\Adobe\\After Effects 2020\\User Presets. Vous verrez ensuite votre preset dans le panneau Effets et paramètres prédéfinis, dans le dossier Animations prédéfinies / User Presets. Renommez les caques de forme : « Pointe » et » Dessin ». Dans le calque de forme du dessin, ouvrez ses paramètres sur 4 niveaux pour sélectioner la propriété Tracé et cliquez sur le bouton Tracer le chemin dans le panneau du script. Sélectionnez l’Objet nul et appuyez sur S pour afficher son échelle. Appuyez sur U pour afficher les images clés. Faites Effet / Options pour expressions / Paramètre glissière pour ajouter ce contrôleur au calque. Créer les expression.
Sélectionnez en même temps, en maintenant la touche Ctrl, les propriétés Tracé, Fin, Largeur du contour (du groupe Dessin) et Position, Echelle, Rotation dans Transfrormer : Pointe du groupe Pointe. Pour connaitre l’angle du vecteur vec ajoutez la ligne :var radians = Puis allez dans le Menu langage d’expression dans JavaScript Math choisir la fonction : Math.atan2(y, x)Cette fonction trigonométrique a besoin des coordonnées y et x du vecteur. Pour extraire ces coordonnées de la variable vec qui contient le vecteur, après vec il faut indiquer entre crochet carré l’index de la coordonnée. Les cordonées sont indexées en 0 pour x, et 1 pour y. Ajoutez une dernière ligne pour convertir les radians en degré. Contrôleur de longueur de flèche Ajouter une option pour expression : Paramètre glissière. Modifier l’expression de la propriété Fin. Il faut remplacer value1 par 0 et value2 pour 100+longeur. Recopiez cette expression pour la propriété Début et remplacez cette fois value1 par - longeur et value2 par 100.
Utilisation d’images et d’illustrations dans le flux
Cette série d’étapes montre comment faire suivre un tracé à un objet et comment combiner les outils Plume et Tracé afin d’obtenir des trajectoires fluides à travers des lettres et des formes.
Tableau récapitulatif des étapes clés
| Action | Description | Outils/Contexte |
|---|---|---|
| Animation lettre par lettre | Début et fin, ÉCHELLE à 0%, suivi des frame no. | ANIMER, ÉCHELLE, DÉBUT |
| Trajectoire avec Plume | Tracer des courbes fluides de gauche à droite | Outil Plume, Tracé 1, Coller tracé |
| Importer fichier Illustrator | BICYCLES.AI et trajectoires | Importer, Tracé, MASQUE 1 |
| Trajectoire suivie sur form | Copier/coller tracé vers calque d’objet | Cmd/Ctrl+C, P |
| Expression et auto-orientation | Ajouter contrôleur glissière et calculs d’angle | Expressions JavaScript |