Pourquoi vos lettres vectorisées perdent leurs trous

Une contreforme est l’espace fermé à l’intérieur d’une lettre. Le trou du O, le triangle du A, les boucles du B et du g, l’espace du R. Les typographes ont un mot pour ça parce que c’est important : une lettre se définit autant par son espace négatif que par ses traits.

Dans un fichier vectoriel, cet espace négatif doit être représenté par une véritable absence. Le mécanisme habituel est le tracé composé : une forme qui en contient une autre, avec une règle de remplissage qui indique au moteur de rendu quelles zones peindre. Bien fait, vous obtenez un vrai trou, et ce qui se trouve derrière apparaît au travers.

Beaucoup d’outils de vectorisation automatique trouvent les zones de couleur semblable et dessinent le contour de chacune. Un O noir sur fond blanc compte deux zones de ce type : l’anneau noir, et le disque blanc au milieu.

Vous obtenez donc deux formes. Un anneau noir, correct. Et un disque blanc posé par-dessus.

Sur une page blanche, impossible de les distinguer du bon résultat. Le disque blanc se fond dans le fond blanc, et votre œil y voit un trou.

Ce n’est pas un trou. C’est un objet blanc.

Sur un fond coloré. Posez le logo sur autre chose que du blanc, et les disques apparaissent en taches pâles. C’est la version qu’on attrape à temps, généralement environ quatre minutes avant une présentation.

Sur une machine de découpe. Le laser ou la lame se moque de la couleur. Il voit deux tracés fermés et découpe les deux. L’anneau est découpé, le disque est découpé, et le disque est maintenant un morceau de matière libre posé sur votre plateau. Parfois, c’est le résultat voulu. Souvent, ça veut dire que le centre de votre O a disparu.

Dans un navigateur ou une visionneuse : posez le SVG sur un rectangle coloré. Si les contreformes changent de couleur avec le fond, ce sont de vrais trous. Si elles restent blanches, ce sont des objets.

Dans un éditeur : cliquez à l’intérieur d’une lettre. Si rien ne se sélectionne, le trou est un trou. Si une forme se sélectionne, ce n’en est pas un.

Dans le code : ouvrez le SVG dans un éditeur de texte. Une contreforme bien construite, c’est un seul <path> dont l’attribut d contient les deux contours, la règle de remplissage faisant le reste. Deux éléments <path> séparés avec des remplissages différents, c’est la version cassée. Notez que deux sous-tracés ne garantissent pas à eux seuls un trou : avec fill-rule="evenodd", les contours imbriqués alternent entre plein et vide, alors qu’avec nonzero, c’est le sens dans lequel chaque contour est dessiné qui décide du résultat.

La soustraction booléenne. Sélectionnez la forme extérieure et la forme intérieure, puis soustrayez. Dans Figma, c’est dans les opérations booléennes ; dans Inkscape, c’est Path › Difference ; dans Illustrator, c’est Pathfinder › Minus Front. C’est la méthode la plus fiable.

Reconstruisez le tracé composé. Si la soustraction se comporte mal, combinez les contours extérieur et intérieur en un seul tracé (Path › Combine dans Inkscape, Object › Compound Path › Make dans Illustrator), puis vérifiez la règle de remplissage. Avec evenodd, les contours imbriqués alternent entre plein et vide. Avec nonzero, le sens des contours compte, et inverser le contour intérieur est souvent ce qui règle un cas récalcitrant. Testez sur un fond coloré et inspectez le fichier exporté plutôt que de vous fier à l’aperçu de l’éditeur.

Essayez une source transparente. Si votre original a un fond transparent plutôt que blanc, certains outils de vectorisation produisent les trous correctement du premier coup, car il n’y a pas de zone blanche à détourer. Cela dépend de l’outil et de sa gestion de la couche alpha, alors voyez-le comme une piste à essayer, pas comme une solution garantie.

Précisons-le : une contreforme remplie de blanc n’est pas toujours une erreur. Si le logo n’apparaît jamais que sur du blanc, imprimé sur un support blanc, et que rien n’est découpé, le fichier fonctionne. Ce n’est pas le signe d’un outil défaillant.

Ça devient un problème dès que le fichier quitte ce contexte, et les fichiers quittent toujours leur contexte. La version envoyée à l’imprimeur est celle que quelqu’un posera plus tard sur une diapositive bleu marine.

Posez-le sur trois fonds : blanc, un ton moyen et noir. Dix secondes, et vous attrapez toutes les contreformes du fichier.

Si vous découpez des lettres d’un seul tenant, n’oubliez pas que les vraies contreformes ont besoin de ponts. Le centre d’un O n’a physiquement plus de support une fois le trou découpé. Ajoutez de petites attaches qui le relient à l’anneau, ou prévoyez deux pièces. Le guide de la découpe laser passe en revue les autres vérifications avant découpe.

Tracer est gratuit en SVG, et le test des fonds prend moins de temps que la lecture de ce paragraphe.