Si la forme que vous cherchez est un surligneur qui balaie une ligne de texte, commencez par animer un surlignage de texte, qui traite de la question du timing. Cet article s'occupe de l'autre moitié : redimensionner et ajuster les annotations d'une vidéo pour que la forme colle à sa cible.

On juge souvent une bibliothèque d'annotations au nombre de formes qu'elle propose. En pratique, ce nombre compte à peine. Ce qui fait qu'une annotation paraît réfléchie ou amateur, c'est la possibilité d'ajuster chaque forme à l'élément qu'elle désigne, et la plupart des frustrations avec les outils d'annotation sont en réalité des problèmes de redimensionnement.

Pourquoi la forme compte plus que le style

Un cadre tracé autour d'un bouton doit avoir la taille du bouton. Un trait sous un mot doit avoir la longueur du mot. Cela paraît évident, et c'est précisément ce que les outils rendent difficile, généralement de l'une de ces trois façons :

  • La forme se redimensionne depuis son centre, si bien que chaque glissement l'éloigne de ce que vous visiez.
  • Seuls les coins sont déplaçables, donc modifier uniquement la largeur oblige à changer aussi la hauteur.
  • Une taille minimale vous empêche de rendre la forme vraiment fine.

Un seul de ces défauts transforme un travail de dix secondes en casse-tête, et le résultat habituel, c'est qu'on abandonne et qu'on laisse la forme à peu près en place. Et c'est justement « à peu près » qui donne une impression de travail bâclé.

Les huit poignées et ce que chacune fixe

Le redimensionnement libre, ce sont huit points de prise : un sur chaque bord et un à chaque coin.

  • Les poignées de bord modifient une seule dimension. Tirez le bord droit et seule la largeur change.
  • Les poignées de coin modifient les deux à la fois, pour ajuster une forme à une cible rectangulaire comme une boîte de dialogue.

Ce qui rend tout cela utilisable, c'est ce qui arrive à l'autre côté. Chaque poignée fixe le bord opposé. Tirez le bord droit et le bord gauche reste exactement où il est. C'est ce qui vous permet d'aligner le côté gauche d'une forme sur le début d'un mot, puis d'étirer le côté droit jusqu'à sa fin, sans que le premier alignement ne bouge.

Le redimensionnement depuis le centre, que pratiquent beaucoup d'outils, casse ce principe. Chaque ajustement déplace les deux bords, et aligner un côté devient impossible sans un second glissement correctif.

Créer volontairement une forme fine

Un soulignement mesure quelques pixels de haut. Un repère sur une barre de progression est encore plus fin. Les outils qui imposent une hauteur minimale, généralement pour éviter qu'une forme soit écrasée par accident jusqu'à disparaître, rendent ces formes impossibles, et le contournement habituel consiste à utiliser un cadre en acceptant qu'il soit trop haut.

Le bon plancher est assez bas pour permettre une vraie ligne et assez haut pour qu'une forme ne puisse pas disparaître complètement. Si vous pouvez réduire un rectangle jusqu'à un trait fin comme un cheveu et qu'il reste attrapable, l'outil fait bien son travail.

Le test pratique : essayez de faire un soulignement à partir d'un cadre. Si vous y arrivez, les formes fines fonctionnent. Si l'outil bloque au tiers du chemin, ce n'est pas le cas.

Les réglages qui façonnent une annotation

La taille n'est qu'une moitié du travail. Le reste se joue dans le panneau des propriétés, et quelques réglages méritent d'être connus parce qu'ils passent facilement inaperçus :

  • Animation d'entrée. La façon dont la forme apparaît. Une entrée Draw On convient aux formes de type surligneur, c'est pourquoi elle est proposée par défaut quand vous surlignez du texte dans la vidéo, tandis qu'un fondu convient mieux aux étiquettes.
  • Animation de sortie. La façon dont elle disparaît. Les formes qui surgissent puis s'évanouissent brutalement attirent l'attention sur leur propre disparition.
  • Couleur de remplissage, séparée de la bordure. Un cadre qui a besoin d'un intérieur teinté et un cadre qui n'a besoin que d'un contour sont deux formes différentes, et les régler ensemble impose un compromis.
  • Opacité. Le réglage le plus utile de tous pour les annotations posées sur une vidéo chargée.

Si un réglage que vous attendez n'apparaît pas dans le panneau, il n'est peut-être réellement pas accessible. L'écart entre ce que le modèle enregistre et ce que l'interface permet de modifier est une source fréquente de « pourquoi je ne peux pas régler ça ? », et il vaut la peine d'examiner attentivement le panneau avant de conclure que la fonction manque.

Une méthode qui garde des formes cohérentes

La cohérence sur toute une vidéo compte davantage que la perfection d'une forme isolée.

  1. Construisez une forme correctement. Taille, couleur, opacité et entrée, tout réglé exactement comme vous le voulez.
  2. Dupliquez-la pour toutes les autres annotations. Copier une forme existante conserve ses réglages, donc la cinquième annotation ressemble à la première.
  3. Redimensionnez les copies, ne les restylez pas. La position et la taille changent selon la cible. La couleur et le timing, non.
  4. Vérifiez-les à vitesse normale. Des formes qui semblent parfaites sur une image en pause s'avèrent souvent rester à l'écran bien moins d'une seconde.
  5. Regardez une fois sans le son. Les problèmes d'annotation sautent bien plus aux yeux quand la narration ne vous emporte pas au-delà.

La raison pour laquelle la retenue compte est bien documentée en dehors de la vidéo : les travaux de Nielsen Norman Group sur la cécité aux bannières (en anglais) montrent que les gens apprennent à ignorer les éléments décorés répétitifs, et des annotations omniprésentes entraînent exactement ce réflexe.

Cette dernière étape repère l'échec le plus courant, qui n'est pas une annotation mal formée mais une annotation que personne n'a le temps de lire. Les règles plus générales pour placer flèches et annotations s'appliquent en plus de tout ce qui est dit ici sur la taille.

Questions fréquentes

Pourquoi ma forme se déplace-t-elle quand j'essaie de la redimensionner ? L'outil la redimensionne probablement depuis son centre. Chaque glissement déplace les deux bords, si bien que la forme semble glisser. Un outil qui fixe le bord opposé n'a pas ce comportement.

Quelle épaisseur doit avoir un soulignement ? Environ un dixième de la hauteur du texte qu'il souligne, avec un plancher de quelques pixels pour qu'il reste visible dans les exports de petite taille.

Puis-je faire une annotation parfaitement carrée ? Tirez une poignée de coin et faites correspondre les valeurs des champs de taille si votre outil les affiche. Les poignées de coin modifient les deux dimensions, ce qu'il vous faut pour une cible carrée.

Une annotation doit-elle avoir une bordure, un remplissage ou les deux ? L'un ou l'autre dans presque tous les cas. Les deux à la fois créent deux contours concurrents et alourdissent la forme par rapport à ce qu'elle annote.

Combien d'annotations, c'est trop pour une seule vidéo ? Si deux sont à l'écran en même temps, c'est généralement une de trop. Sur l'ensemble de la vidéo, la limite correspond au nombre que le spectateur a encore envie de lire.

Dois-je recaler une annotation après l'avoir redimensionnée ? En général non, mais vérifiez. Une forme nettement plus longue signifie qu'une entrée Draw On a plus de chemin à parcourir, ce qui peut donner l'impression que la même durée est plus lente.