Les annotations transforment « c'est quelque part à l'écran » en « regardez exactement ici ».

Pour ajouter des flèches et des annotations à une vidéo sur Mac : ouvrez le clip dans un éditeur, superposez le bon repère (flèche, cadre, projecteur, étiquette, touche clavier, numéro ou flou), placez-le sur la cible, puis calez-le sur la timeline pour qu'il apparaisse exactement quand vous mentionnez l'élément. Dans Zella, tout se passe en local, sans envoi en ligne ni compte, et les annotations sont gravées directement dans le fichier exporté.

L'app Mac disponible aujourd'hui propose 20 types d'annotations, dont 19 se retrouvent aussi dans Zella pour iPhone, déjà disponible sur l'App Store : voir les annotations sur iPhone (en anglais).

Ajouter une flèche ou une annotation, étape par étape

La méthode de base est la même pour tous les types d'annotations :

  1. Ouvrez l'enregistrement dans l'éditeur. Déposez votre enregistrement d'écran sur la timeline.
  2. Ajoutez une annotation au moment que vous voulez signaler.
  3. Placez-la et dimensionnez-la précisément sur le bouton, le champ ou la zone dont vous parlez.
  4. Calez-la sur la timeline pour qu'elle apparaisse un temps avant que vous ne mentionniez l'élément, et qu'elle disparaisse une fois que vous êtes passé à la suite.
  5. Posez des images clés sur sa position si la cible défile ou se déplace, pour que l'annotation la suive.
  6. Exportez. Les annotations sont rendues dans le MP4, le MOV ou le GIF final : pas d'étape d'aplatissement, pas de service de rendu supplémentaire.

C'est le minutage de l'étape 4 qui distingue une annotation professionnelle d'une annotation qui distrait. Un repère qui apparaît pile au bon moment et disparaît quand vous avez fini se lit comme un guide ; un repère qui s'attarde fait concurrence à l'étape suivante.

Si vous étiquetez une interface, traitez l'annotation comme un texte qui doit passer un test de contraste : les recommandations de contraste minimal du W3C (en anglais) sont un bon repère pour tout ce que le spectateur doit lire rapidement.

Les types d'annotations et quand utiliser chacun

Zella propose 20 types d'annotations sur Mac (19 sur iPhone). Choisissez celle qui correspond au besoin, au lieu de mettre une flèche par réflexe.

Annotation Idéale pour Pourquoi ça marche
Arrow (flèche) Désigner un bouton ou un champ précis Une direction sans ambiguïté vers une seule cible
Box (cadre) Encadrer une zone dont vous allez parler Délimite une zone sans la masquer
Ellipse Entourer un élément ou un point de comparaison Un cadre plus doux, pratique pour mettre deux choses en avant
Spotlight (projecteur) Interfaces chargées ou encombrées Assombrit tout sauf la cible, impossible de la rater
Label (étiquette) Ajouter une courte note à côté d'un élément Nomme ce que vous désignez
Keystroke (touche clavier) Tutoriels avec des raccourcis Affiche les touches que vous venez de presser pour que le spectateur suive
Number (numéro) Séquences en plusieurs étapes Impose l'ordre : étape 1, 2, 3
Blur (flou) Données sensibles à l'écran Masque clés, e-mails ou informations clients

Pour les contenus sensibles, les annotations de flou sont détaillées dans comment flouter des informations sensibles dans un enregistrement d'écran. Voir la fonctionnalité complète dans sous-titres et annotations.

Annoter pendant l'enregistrement ou après ?

Les outils d'enregistrement d'écran proposent deux approches : dessiner les annotations en direct pendant l'enregistrement, ou les ajouter ensuite dans l'éditeur. Le dessin en direct paraît immédiat, mais il fige le repère à une position et à un moment : si vous ratez le placement ou si votre commentaire s'allonge, vous devez réenregistrer.

Ajouter les annotations au montage est presque toujours le meilleur choix pour un résultat soigné. Vous réglez la position, la taille et les points d'entrée et de sortie de chaque repère par rapport à la narration finale, vous recalez ce qui ne tombe pas juste, et vous continuez jusqu'à ce que ce soit parfait. Comme les annotations de Zella vivent sur la timeline sous forme de calques, rien n'est gravé avant l'export : vous pouvez réviser librement.

Caler les annotations au plus près de la narration

Le secret d'annotations au rendu professionnel, c'est le minutage, pas le style. Une annotation doit apparaître un temps avant que vous ne disiez « cliquez ici », rester juste assez longtemps pour être perçue, puis disparaître une fois que vous êtes passé à la suite. Une annotation qui s'attarde fait concurrence à l'étape suivante ; une annotation qui part trop tôt passe inaperçue.

Comme vous réglez les points d'entrée et de sortie sur la timeline, vous pouvez synchroniser chaque annotation sur l'image exacte où elle devient pertinente. Faites glisser les poignées d'entrée et de sortie quand vous voulez pour recaler : rien n'est définitif avant l'export.

Faire suivre une cible en mouvement

Beaucoup de tutoriels montrent des listes qui défilent, des fenêtres qu'on fait glisser ou des éléments qui s'animent. Une flèche fixe pointée là où se trouvait un bouton est pire que pas de flèche du tout.

Posez des images clés sur la position de l'annotation pour qu'elle suive l'élément. Fixez son emplacement au début du mouvement puis à la fin, et l'annotation interpole entre les deux en restant collée à la cible pendant son déplacement. C'est la même technique d'images clés que pour les effets de zoom, appliquée au calque plutôt qu'à l'image.

Concevoir des annotations lisibles sur mobile

Une annotation évidente sur votre écran de 27 pouces peut disparaître sur un téléphone, et une bonne partie de votre public regarde sur mobile. Dimensionnez généreusement les repères, utilisez des couleurs bien contrastées par rapport à l'interface derrière, et limitez les étiquettes à quelques mots plutôt qu'à une phrase.

Le projecteur est particulièrement efficace sur petit écran, car il supprime complètement les détails concurrents : tout s'assombrit sauf la cible. Quoi que vous utilisiez, faites un aperçu à la taille d'un téléphone avant de publier pour vérifier que la flèche ou le cadre signale toujours clairement le bon élément. Vous pouvez aussi adapter la couleur et la taille à votre marque, tant que le repère reste lisible.

Associer annotations, zoom et sous-titres

Les annotations sont plus fortes au sein d'un ensemble que seules :

Pour construire le tutoriel complet, voir comment réaliser une vidéo de tutoriel logiciel.

Les annotations selon le type de tutoriel

  • Présentations d'applications : flèches et projecteurs pour guider les clics, plus des annotations de touches clavier pour les raccourcis.
  • Guides de réglages et de configuration : des annotations numérotées pour imposer l'ordre des opérations.
  • Comparaisons : des cadres ou des ellipses pour encadrer les deux éléments que vous opposez.
  • Tout ce qui contient des données sensibles : des annotations de flou pour masquer clés, e-mails ou informations clients.

Les annotations ne sont pas réservées aux tutoriels : utilisez-les partout où vous voulez diriger l'attention, des démos produit aux vidéos explicatives.

Les erreurs courantes à éviter

  • Trop d'annotations à la fois. Une annotation claire vaut mieux que cinq qui se disputent le regard. Gardez un seul repère à l'écran par moment.
  • Un mauvais minutage. Une annotation qui s'attarde après que vous êtes passé à la suite distrait : calez-la au plus près de votre narration.
  • Des repères minuscules sur une image 4K. Dimensionnez les annotations pour qu'elles sautent aux yeux sur un téléphone, pas seulement sur votre ordinateur.
  • Oublier de suivre le mouvement. Posez des images clés sur tout ce qui défile ou bouge pour que le repère reste sur la cible.

Gratuit dans Zella, avec un déblocage Pro facultatif

Les 20 types d'annotations du Mac (19 sur iPhone) font partie de la version gratuite de Zella, avec la timeline, les positions par images clés, le zoom automatique, les sous-titres IA et l'export en 1080p (jusqu'à 2 minutes en gratuit ; Pro pour plus long). Enregistrement illimité (les exports gratuits vont jusqu'à 2 minutes), sans filigrane, sans cloud, sans compte.

Le déblocage Pro, un achat unique et facultatif de $89, ajoute une durée d'export illimitée, l'export en 4K et les outils avancés : export 4K/8K, images clés de mouvement, Color Match et scopes, masques d'effet, rampes de vitesse et Beat Sync par fût de batterie. Voir les tarifs pour le détail, ou parcourez les fonctionnalités.

Questions fréquentes

Les annotations apparaissent-elles dans la vidéo exportée ? Oui. Elles sont gravées dans le MP4, le MOV ou le GIF exporté : aucune étape d'aplatissement séparée.

Une annotation peut-elle suivre une cible en mouvement ? Oui. Posez des images clés sur sa position pour qu'elle suive les éléments qui défilent ou s'animent.

Combien d'annotations par moment ? En général une seule. La clarté l'emporte sur l'encombrement : gardez un seul repère à l'écran à la fois pour ne jamais diviser l'attention.

Quelle est la meilleure annotation pour une interface chargée ? Le projecteur, car il assombrit tout sauf la cible : même sur une interface encombrée, le spectateur ne peut pas manquer où regarder.

En résumé

Pour ajouter des flèches et des annotations à une vidéo sur Mac, superposez le bon repère (flèche, cadre, projecteur, étiquette, touche clavier, numéro ou flou), placez-le sur la cible et calez-le au plus près sur la timeline. Posez des images clés sur tout ce qui bouge, dimensionnez pour le mobile, et associez les annotations au zoom automatique et aux sous-titres pour que le spectateur sache toujours où regarder. Dans Zella, tout se passe en local, gratuitement, et s'intègre directement à l'export.

Téléchargez Zella et guidez vos spectateurs.