REC

Guide de production vidéo, montage et entretien de l'équipement

 WTVID >> Guide de production vidéo >  >> Montage Vidéo >> Logiciel de Montage Vidéo

Animation de chemin fluide dans After Effects :un guide étape par étape

L'animation de chemin est un moyen puissant de donner vie à des graphiques animés :par exemple, animer des logos, guider des flèches le long d'un itinéraire ou faire flotter naturellement des icônes sur l'écran.

Dans After Effects, vous pouvez créer ces mouvements courbes fluides à l'aide de l'outil Plume, qui vous permet de dessiner des tracés personnalisés et d'y attacher des objets.

Dans ce guide, vous apprendrez à animer un chemin étape par étape, ainsi qu'un éditeur alternatif qui fournit le même résultat en moins d'étapes. Commençons..

Animation de chemin fluide dans After Effects :un guide étape par étape

Partie 1. Avant de faire suivre un chemin à un objet dans After Effects

Lors de la configuration d’une animation, vous devez comprendre le flux de travail qui permet à un objet de suivre un chemin dans After Effects. Commencez par déterminer le type de contenu que vous souhaitez créer. Ensuite, planifiez votre chemin et l'objet qui se déplacera le long de celui-ci.

1. L'outil principal :l'outil Plume

L'outil Plume est l'outil principal permettant de tracer des trajectoires de mouvement dans After Effects. Vous pouvez également y accéder en appuyant sur G sur votre clavier. L'outil Plume vous permet de tracer des points d'ancrage qui façonnent la façon dont l'objet se déplace lorsqu'After Effects s'anime le long d'un chemin.

Animation de chemin fluide dans After Effects :un guide étape par étape

Chaque point définit une partie du chemin, et comprendre le fonctionnement de chaque clic rendra le processus d'animation plus fluide. Voici les trois principaux modes de clic à connaître :

  • ​​Un seul clic :ajoute des points d'ancrage droits pour les chemins linéaires. Cela fonctionne bien lorsque vous souhaitez un mouvement régulier ou mécanique, comme une voiture roulant sur une route droite.
  • Cliquer et faire glisser :crée des points d'ancrage incurvés pour des arcs plus lisses. Le fait de faire glisser ajuste les poignées de direction, vous donnant ainsi plus de contrôle sur la façon dont le chemin s'incurve entre les points.
  • Option Maintenir (ou Alt sous Windows) :ajuste la poignée de la courbe ou transforme la courbe en un coin pointu. Cela vous aide à contrôler la façon dont le chemin se courbe ou tourne.

Pendant que vous dessinez, essayez de visualiser comment votre objet se déplace dans l'espace. Une fois que le chemin semble correct, vous l'utiliserez pour qu'After Effects déplace un objet le long d'un chemin (cela sera expliqué dans la partie 2).

After Effects propose également une option d'orientation automatique que vous pouvez activer pour que l'objet soit orienté dans la direction du mouvement. Il maintient le mouvement fluide et aide chaque virage ou courbe à se dérouler naturellement le long du chemin.

2. Préparer l'objet à animer

Avant de faire suivre à l'objet un chemin dans After Effects, configurez l'objet que vous souhaitez déplacer. Vous pouvez animer n'importe quel élément, comme une flèche, un avion, une voiture ou une icône de texte, à condition qu'il corresponde à votre scène.

Animation de chemin fluide dans After Effects :un guide étape par étape

Utilisez un graphique simple qui correspond au style de votre projet. Pour des résultats clairs, utilisez un fichier .PNG avec un arrière-plan transparent afin qu'il se fonde parfaitement dans votre métrage. Si vous n'avez pas encore la bonne icône, vous pouvez trouver en ligne de nombreuses ressources gratuites et de haute qualité.

Voici quelques sources fiables :

  • Flaticon :idéal pour les icônes, les symboles et les illustrations simples de style plat.
  • Pixabay – Propose de nombreuses photos, icônes et fichiers PNG transparents adaptés à différents thèmes.
  • Freepik :idéal pour les graphiques vectoriels modifiables, les icônes et les packs de conception qui fonctionnent bien dans After Effects.

Vérifiez toujours les conditions de licence de chaque site avant d'utiliser les éléments de votre vidéo. Une fois votre objet prêt, passons à la partie 2, où vous le déplacerez le long d'un chemin dans After Effects.

Partie 2. Comment animer un objet le long d'un chemin dans After Effects

Maintenant que vous avez préparé votre icône ou votre objet, animons-le le long d'un tracé dans After Effects. Dans cette section, vous apprendrez à tracer la trajectoire de mouvement avec l'outil Plume. De plus, comment contrôler la façon dont votre objet se déplace à travers la scène.

Animation de chemin fluide dans After Effects :un guide étape par étape

Suivez les instructions ci-dessous pour déplacer un objet le long d'un chemin dans After Effects :

Étape 1

Dessinez le chemin du mouvement

Après avoir inséré votre objet dans la timeline, assurez-vous qu’aucun autre calque n’est sélectionné. Cela garantit que vous dessinez sur un nouveau calque au lieu de modifier un calque existant.

Sélectionnez l'outil Plume (ou le raccourci G) dans la barre d'outils. Définissez Remplissage sur Aucun et Contour sur une couleur unie. Ajustez la largeur du trait à environ 10 à 12 pixels pour qu'il soit facile à voir.

Animation de chemin fluide dans After Effects :un guide étape par étape

Pour tracer le chemin :

  • Cliquez sur la composition pour placer des points d'ancrage et tracer votre chemin.
  • Cliquez une fois pour créer des points droits, ou cliquez et faites glisser pour créer des courbes et des virages plus fluides.

Répétez le placement des points à chaque fois que vous souhaitez faire un tour. Vous pouvez ajuster les points d'ancrage et les poignées de courbe à tout moment à l'aide de l'outil de sélection (V) pour un mouvement plus propre.

Animation de chemin fluide dans After Effects :un guide étape par étape

Sélectionnez le calque de forme qui contient votre chemin.

Développez ses options en cliquant sur la flèche à côté, puis accédez à Contenu> Forme 1> Chemin 1. Cliquez sur Chemin pour le mettre en surbrillance.

Appuyez sur Commande + C (ou Ctrl + C sous Windows) pour le copier. Cette étape enregistrera les données de trajectoire de mouvement afin que vous puissiez les appliquer à votre objet ultérieurement.

Animation de chemin fluide dans After Effects :un guide étape par étape

Étape 3

Appliquez le chemin à votre objet

Sélectionnez votre calque d'objet et appuyez sur P sur votre clavier pour révéler la propriété Position. Cliquez sur la propriété Position et collez le chemin en utilisant Commande + V (ou Ctrl + V sous Windows).

Animation de chemin fluide dans After Effects :un guide étape par étape

Après le collage, vous verrez une ligne apparaître dans votre composition; c'est la trajectoire du mouvement. Les images clés apparaîtront également automatiquement dans votre timeline.

Appuyez sur la barre d'espace pour lire l'animation et vous verrez After Effects déplacer l'objet le long du chemin que vous avez tracé.

Vous pouvez masquer ou supprimer le calque de forme plus tôt puisque vous n'en aurez plus besoin.

Animation de chemin fluide dans After Effects :un guide étape par étape

Étape 4

Ajuster la vitesse et le timing

La durée de votre animation dépend de la distance entre la première et la dernière image clé. Pour modifier le timing :

  • Déplacez la dernière image clé plus loin dans la timeline pour ralentir le mouvement.
  • Rapprochez-le pour accélérer l'animation.

Ce contrôle vous permet de faire correspondre le mouvement de l'objet avec d'autres éléments de votre projet.

Pour que l'objet soit automatiquement orienté dans la direction du déplacement :

  • Cliquez avec le bouton droit sur le calque d'objet et choisissez Transformation> Orientation automatique.

Animation de chemin fluide dans After Effects :un guide étape par étape

  • Dans la fenêtre contextuelle, sélectionnez Orienter le long du chemin et cliquez sur OK.

Ce paramètre maintient l’objet orienté dans la direction du déplacement pendant qu’After Effects s’anime le long du chemin. Cela contribuera à rendre le mouvement plus réaliste, ce qui est parfait pour des éléments comme des avions, des voitures ou des flèches qui doivent pointer vers l'avant.

Animation de chemin fluide dans After Effects :un guide étape par étape

Une fois ces étapes terminées, vous avez réussi à faire suivre à l’animation d’un objet un chemin dans After Effects. Vous pouvez utiliser la même technique pour animer des icônes, du texte ou d'autres éléments de conception pour des titres, des cartes ou des séquences d'animations graphiques.

Bonus :éditeur alternatif pour animer un objet le long d'un chemin

Avez-vous essayé d'animer un objet le long d'un chemin dans After Effects mais avez rencontré des problèmes ? L'écosystème Adobe est depuis longtemps une référence dans le monde du design. Mais pour les débutants, cela peut sembler complexe et difficile à apprendre.

Animation de chemin fluide dans After Effects :un guide étape par étape

Voici quelques problèmes courants auxquels les gens sont confrontés lorsqu'ils font suivre un chemin à un objet dans After Effects :

  • Les points d'ancrage atterrissent au mauvais endroit
  • Les poignées Bézier rendent les virages difficiles à contrôler
  • L'orientation automatique pointe l'icône dans la mauvaise direction
  • L'objet tourne dans des angles vifs et
  • Trop d'ajustements sont nécessaires pour une simple animation d'itinéraire.

Si ces problèmes vous semblent familiers, essayez une option plus simple. Wondershare Filmora inclut désormais un outil Plume dans la version 15. Il vous permet de créer et d'animer des trajectoires de mouvement comme vous le feriez lorsque vous animez un objet le long d'une trajectoire dans After Effects, mais avec moins d'étapes.

Animation de chemin fluide dans After Effects :un guide étape par étape

Animation de chemin fluide dans After Effects :un guide étape par étape Téléchargement sécurisé

Pourquoi choisir Filmora pour l'animation de chemins

Voici comment Filmora se compare au workflow typique de suivi d'objet d'After Effects :

  • Configuration simple :dans After Effects, vous devez dessiner, copier et coller le chemin avant de le lier à l'objet. Dans Filmora, vous pouvez connecter l'objet directement à partir des paramètres de chemin dans le panneau d'édition de forme.
  • Objets prédéfinis intégrés :Filmora comprend des objets prêts à l'emploi qui s'adaptent aux animations de parcours, tels que des avions, des voitures, des scooters et des marqueurs de carte.
  • Facile à apprendre :Filmora conserve tous les paramètres de commandes, de traits, d'effets et de chemin de découpe dans un seul panneau. Vous pouvez tout voir pendant que vous travaillez au lieu de passer d'un menu à l'autre.
  • Édition organisée de la chronologie :Filmora propose une chronologie simple dans laquelle vous pouvez dessiner, animer, ajouter du texte et appliquer des effets en un seul endroit. Vous n'avez pas besoin de pré-composer ou d'ouvrir plusieurs panneaux comme dans After Effects.
  • Direction automatique du visage :activez Suivre le chemin pour que votre objet soit orienté dans la bonne direction lorsqu'il se déplace. Il s'agit d'un simple clic au lieu de plusieurs étapes de menu.

Comment faire bouger un objet le long d'un chemin dans Filmora

Suivez les étapes ci-dessous pour apprendre à utiliser l'outil Plume de Filmora pour dessiner et animer un chemin comme celui-ci :

Animation de chemin fluide dans After Effects :un guide étape par étape

Étape 1

Démarrez le projet et ajoutez des éléments

Créez un nouveau projet dans Filmora, importez votre vidéo ou image et faites-la glisser sur la timeline. Ajustez son échelle et sa position pour que votre scène soit claire.

Animation de chemin fluide dans After Effects :un guide étape par étape Téléchargement sécurisé

Étape 2

Dessinez l'itinéraire avec l'outil Plume

Accédez à Outils de dessin> Outil Plume et tracez votre chemin directement dans la fenêtre d'aperçu.

Animation de chemin fluide dans After Effects :un guide étape par étape

Cliquez pour ajouter des points, ou cliquez et faites glisser pour créer des courbes pour des virages plus fluides.

Animation de chemin fluide dans After Effects :un guide étape par étape

Lorsque vous avez fini de tracer votre ligne, cliquez avec le bouton droit n'importe où dans la fenêtre d'aperçu et sélectionnez Arrêter pour terminer le dessin.

Animation de chemin fluide dans After Effects :un guide étape par étape

Étape 3

Ajuster le style de trait

Lorsque vous dessinez une forme avec l'outil Plume, le panneau d'édition de forme apparaît sur la droite. Faites défiler jusqu'à la section Trait pour définir la couleur, l'épaisseur du trait (épaisseur) et l'opacité. Vous pouvez également choisir parmi des styles de trait prédéfinis pour gagner du temps.

Animation de chemin fluide dans After Effects :un guide étape par étape

Étape 4

Ajouter un effet de chemin de découpage

Accédez au panneau Trim Path et définissez Path Follow sur Preset. Sélectionnez un objet dans la liste des préréglages et cliquez sur Lien pour le connecter à votre chemin.

Animation de chemin fluide dans After Effects :un guide étape par étape

Étape 5

Animer avec des images clés

Pour animer la ligne, sélectionnez la piste Pen Path sur la timeline et accédez aux paramètres Trim Path.

  • Déplacez la tête de lecture au début du clip et définissez la valeur Fin sur 0 %, puis ajoutez une image clé.

Animation de chemin fluide dans After Effects :un guide étape par étape

  • Ensuite, déplacez la tête de lecture jusqu'à la fin du clip, modifiez la valeur Fin sur 100 % et ajoutez une autre image clé.
  • Lisez la vidéo pour prévisualiser le mouvement.

Animation de chemin fluide dans After Effects :un guide étape par étape

Étape 6

Ajuster la direction de l'objet

Si votre objet n'est pas orienté dans la bonne direction, cliquez dessus dans la fenêtre d'aperçu et faites-le pivoter jusqu'à ce qu'il corresponde au chemin.

Animation de chemin fluide dans After Effects :un guide étape par étape

Conclusion

Animer un objet pour qu'il suive un chemin dans After Effects est une compétence utile pour créer un mouvement fluide dans vos projets. Avec l'outil Plume, vous pouvez concevoir des itinéraires, des courbes ou des formes et déplacer des icônes, des flèches ou du texte précisément là où vous le souhaitez.

Si le processus d’animation le long du chemin d’After Effects semble trop complexe, Filmora propose une approche plus simple. Vous pouvez obtenir des résultats similaires sans gérer plusieurs couches ou configurations détaillées.

Essayez d'abord Filmora et voyez si vous avez vraiment besoin du chemin de déplacement After Effects pour votre prochaine animation.

Animation de chemin fluide dans After Effects :un guide étape par étape

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


  1. Examen d'OpenShot Video Editor (2024) :est-ce toujours la meilleure option gratuite ?

  2. Deux façons d'effectuer un fondu entrant/sortant audio dans Final Cut Pro

  3. Master Filmmaking : 12 techniques essentielles pour les cinéastes en herbe

  4. Ajouter des sous-titres aux vidéos sur mobile :un guide simple

  5. Comment faire pivoter des vidéos avec Handbrake :un guide simple

Logiciel de Montage Vidéo
  1. Comment ajouter un effet grunge vos portraits à l'aide de Lightroom

  2. Comment utiliser la fusion HDR de Lightroom

  3. Canva lance des outils gratuits pour le montage vidéo

  4. Comprendre comment utiliser Photoshop Content Aware Fill

  5. ACDSee Video Studio 4 Review - Un logiciel de montage vidéo intuitif et facile à utiliser

  6. Comment utiliser Photoshop Mélanger les modes pour les portraits de beaux-arts

  7. Comment retoucher un portrait avec la brosse de réglage de Lightroom

  8. Comment utiliser des gels colorés créent des portraits uniques et créatifs