Les bases du dessin : une annotation qui reste lisible

Technique pratique pour annoter les captures d'écran et les photographies afin que le résultat soit lisible par quelqu'un qui n'était pas là lorsque vous l'avez réalisé.

Annoter sur un calque séparé, toujours

Avant de dessiner quoi que ce soit sur une photo ou une capture d'écran, ajoutez un nouveau calque. Vos marques vivent alors au-dessus de l'image plutôt qu'à l'intérieur, et vous pouvez les déplacer, les estomper, les masquer ou les supprimer sans rien détruire en dessous.

Cela ne coûte rien et permet d'économiser beaucoup. La frustration la plus courante en matière de retouche d'image est de découvrir, vingt coups plus tard, qu'une flèche est au mauvais endroit et que l'annulation ne remonte plus aussi loin. Sur un calque séparé, vous effacez simplement le calque.

Lorsque vous êtes satisfait, aplatissez avant d'exporter ou exportez simplement directement : l'éditeur compose automatiquement les calques visibles.

Ouvrez votre capture d'écran.
Choisissez Ajouter un calque dans le panneau des calques.
Dessinez vos annotations sur le nouveau calque.
Ajustez l'opacité du calque si les marques submergent l'image.
Exporter au format PNG.

Dimensionnez votre pinceau en fonction de l'image, pas de l'écran

La taille du pinceau est mesurée en pixels de l'image et non en pixels de l'écran. Un pinceau de 12 pixels sur une photographie de 4000 pixels de large est une racine des cheveux ; le même pinceau sur une capture d'écran de 600 pixels est un marqueur épais.

Un point de départ fiable est d'environ un deux centième de la largeur de l'image : environ 20 pixels sur une image 4000 pixel, environ 3 sur une image 600 pixel. Ajustez à partir de là.

Si vous effectuez un zoom avant pour travailler sur les détails, n'oubliez pas que le pinceau n'a pas changé de taille par rapport à l'image, mais uniquement par rapport à ce que vous voyez. C'est le comportement correct, et c'est pourquoi les traits restent cohérents lorsque vous effectuez un zoom arrière.

Choisissez une couleur qui survit à l'arrière-plan

L'échec d'annotation classique est une flèche rouge sur un message d'erreur rouge foncé. Avant de choisir une couleur, regardez ce qui se trouve en dessous.

Le rouge pur et saturé est une mauvaise valeur par défaut : c'est la couleur la plus difficile à distinguer pour les spectateurs daltoniens rouge-vert, et elle disparaît sur des fonds chauds. Le cyan brillant, le magenta et le jaune-vert sont rares sur les photographies et les captures d'écran, ils se lisent donc clairement contre presque tout.

Si votre marque doit traverser à la fois des zones claires et sombres, dessinez-la deux fois : un trait plus épais dans une couleur contrastante d'abord, puis un trait plus fin sur le dessus. Le résultat se lit comme une ligne tracée et reste visible partout.

Les formes battent à main levée pour quelque chose de précis

Un rectangle dessiné à la main autour d’un bouton semble précipité ; un rectangle dessiné semble délibéré. Utilisez les outils rectangle et ellipse pour tout ce que vous pointez et conservez le pinceau pour de véritables croquis.

Maintenez Shift tout en faisant glisser pour contraindre un rectangle à un carré ou une ellipse à un cercle. Le carré suit la direction dans laquelle vous avez tiré le plus loin, vous pouvez donc le construire dans n'importe quelle direction à partir de votre point de départ.

Les formes décrites sont généralement meilleures que les formes remplies pour l'annotation, car un remplissage masque l'élément sur lequel vous attirez l'attention. Activez Remplir les formes uniquement lorsque vous souhaitez réellement masquer quelque chose.

Rédaction n'est pas la même chose que dissimuler quelque chose

Si vous masquez des informations sensibles, dessinez dessus un rectangle rempli SOLIDE, puis aplatissez l'image avant de l'exporter. Une forme remplie sur une image aplatie et réencodée détruit véritablement les pixels en dessous.

Ne vous fiez pas à une forme semi-transparente, à un flou ou à une marque sur un calque caché. La réduction de l'opacité laisse les valeurs d'origine mathématiquement récupérables et un calque caché contient toujours les données jusqu'à ce que l'image soit aplatie.

Exportez au format PNG ou JPEG plutôt que de partager un fichier de projet et vérifiez l'image exportée avant de l'envoyer. Cet outil ne télécharge jamais rien, mais une fois que vous partagez un fichier, son contenu vous échappe.

Ajoutez un calque et dessinez un rectangle rempli uni sur la zone sensible.
Définissez l'opacité du calque sur 100% et confirmez que rien ne transparaît.
Choisissez Aplatir dans le panneau des calques.
Exportez, puis ouvrez le fichier exporté et confirmez que la zone est véritablement vide.

Un texte qui reste lisible

Tapez votre texte dans la barre d'outils, choisissez une taille, puis appuyez sur la toile à l'endroit où vous souhaitez qu'elle se trouve. Le point de frappe est le centre vertical du texte, ce qui facilite l'alignement avec quelque chose.

Dimensionnez le texte par rapport à l'image pour la même raison que les pinceaux. Sur une capture d'écran large, tout ce qui se trouve en dessous d'environ 2 % de la largeur de l'image devient illisible une fois l'image réduite dans une fenêtre de discussion ou un document.

Seules les polices système sont proposées. Il s’agit d’une décision en matière de confidentialité : récupérer une liste de polices auprès d’un service tiers enverrait une demande à chaque fois que l’outil de texte s’ouvrirait, ce qui est exactement le genre de fuite silencieuse que cet outil existe pour éviter.

Récolter en dernier, exporter délibérément

Recadrez après l'annotation plutôt qu'avant. Le recadrage supprime définitivement les pixels et il est courant de découvrir que vous aviez besoin d'un peu plus de contexte que vous ne le pensiez.

Choisissez le format du travail : PNG pour les captures d'écran et tout ce qui contient du texte ou des bords nets, JPEG ou WebP pour les photographies. L'enregistrement d'une capture d'écran au format JPEG produit des traînées visibles autour du texte, ce qui constitue la perte de qualité évitable la plus courante dans les images partagées.

Questions

Pourquoi mon pinceau a-t-il un aspect différent après un zoom ?

Cela ne change pas la taille de l’image ; cela n'a l'air différent que par rapport à l'écran. La taille du pinceau est mesurée en pixels de l'image afin que les traits restent cohérents, quelle que soit la distance avec laquelle vous avez zoomé.

Le flou est-il suffisant pour masquer un mot de passe ?

Non. Traitez le flou et la réduction de l’opacité comme étant uniquement cosmétiques. Utilisez une forme remplie solide et aplatissez l’image avant de l’exporter.

Puis-je déplacer quelque chose après l’avoir dessiné ?

Pas dans un calque : les traits deviennent des pixels dès qu'ils sont dessinés. C'est pourquoi il est important de dessiner sur un calque séparé, puisque vous pouvez effacer ce calque et redessiner sans perturber l'image située en dessous.

Limites

Les traits sont pixellisés immédiatement : il n'y a aucun objet vectoriel éditable à repositionner par la suite.
Le texte devient des pixels une fois placé et ne peut pas être réédité.
Il n'existe aucun outil de déplacement ou de transformation pour les sélections ; un calque ne peut pas être déplacé après le dessin.
Polices système uniquement, car aucune police Web n'est jamais récupérée.
Pas de flou, de pixellisation ou d'autres effets de filtre, la rédaction doit donc être effectuée avec une forme remplie solide.