Comment faire un pointeur animé - Hitfilm
Note ajoutée en 2026 : HitFilm n’existe plus. Artlist, qui avait racheté l’éditeur FXhome en 2021, a arrêté le logiciel le 15 janvier 2025 : il n’est plus vendu, il n’en existe plus de version gratuite, les inscriptions et les téléchargements sont fermés et le site fxhome.com a disparu. Les installations existantes peuvent encore fonctionner, mais sans mise à jour ni garantie de compatibilité avec les nouveaux ordinateurs. Les techniques montrées ici (découpe, images clés, masques, suivi de mouvement…) se retrouvent dans la plupart des logiciels de montage actuels.
Pour commencer je crée un nouveau compositeshot que j’appelle pointeur. Toutes les manipulations vont avoir lieu dans ce compositeshot comme ça il sera facile de l’exporter et de le dupliquer.
Je vais d’abord dessiner le point.
Je crée donc un calque de type plane de couleur blanche et je l’appelle rond. Je place ma souris sur le repère central et j’appuie sur la touche E de mon clavier, c’est le raccourci pour l’outil de masque elliptique.
Je commence à étirer et maintenant j’appuie sur les touches shift et alt du clavier et je les maintiens tout en continuant d’étirer, ce qui a pour effet de centrer mon masque sur le point de départ et de forcer une forme ronde régulière.
Je peux maintenant le déplacer dans un coin et animer son apparition, je déroule ses propriétés de transformation et j’active les images clés sur l’échelle (scale), je mets à 0 % au début et à 100 % quelques images plus loin et pour donner un effet de rebondi, je rajoute une 3e image clé entre les 2 premières et je fixe l’échelle à 110 %. Pour terminer, je change les propriétés des images clés en smooth.
Voilà le résultat.
Maintenant je vais dessiner la ligne
Je commence par créer un nouveau calque blanc comme le premier et je l’appelle ligne. Je réduis un peu son opacité pour laisser apparaitre le rond. Je sélectionne l’outil de masque manuel et je dessine la forme finale de la ligne, je m’aide du quadrillage pour faire quelque chose de droit. Et je remets l’opacité à 100 %.
Pour faire un effet d’apparition progressive comme si la ligne se dessinait toute seule, je rajoute un masque, je commence par recouvrir toute la ligne et je change le paramètre de masque en substract ce qui a pour effet de la faire disparaitre. Il reste à animer le masque avec des images clés : je déroule les propriétés transform du masque et j’active les images clés sur la position. Au début le masque doit cacher entièrement la ligne et à la fin plus du tout.
Voilà ce que ça donne
Et il reste le texte à faire APPARAÎTRE
Pour ça je fais d’abord un nouveau calque de type text. En dimensions je mets 1200 pixels de largeur mais peu importe. J’écris un texte d’exemple que je pourrai modifier après à volonté selon les projets. Je choisis la police et la taille dans l’onglet texte de l’éditeur et je positionne le texte sous la ligne. Pour l’animer, j’active les images clés sur la propriété position, et je lui donne ses coordonnées de départ et de fin.
Il reste à cacher ce texte quand il est sous la ligne. Pour ça je rajoute un masque qui va couvrir le texte et je clique sur inverser, ce qui va faire disparaître le texte. Le problème c’est que le masque va suivre le trajet texte puisqu’il fait partie du même calque, il faut donc animer sa position pour qu’il reste en place sous la ligne. Pour ça j’active les images clés de la position du masque et je modifie ses coordonnées en fin d’animation.
Et voilà, le pointeur animé est terminé !