Comment définir un espacement précis entre des points le long d’un tracé vectoriel dans Illustrator
Pour définir un espacement précis entre des points dans Adobe Illustrator, utilisez un contour en pointillés avec des extrémités arrondies et une valeur de tiret de 0, puis saisissez l’intervalle souhaité entre les centres dans le champ Espacement. Sélectionnez Conserver les longueurs exactes des tirets et des espaces afin qu’Illustrator conserve cet intervalle au lieu de l’ajuster pour épouser les angles ou les extrémités. La méthode du tiret nul est documentée par CreativePro, et le réglage de conservation est expliqué dans les instructions d’Adobe sur les lignes en pointillés.
Cette méthode s’adresse aux designers qui ajoutent des points circulaires à un tracé vectoriel, par exemple une bordure décorative sur l’illustration d’un personnage. Elle explique comment choisir la bonne mesure, saisir les paramètres et gérer les extrémités et les boucles fermées sans perdre l’intervalle souhaité.
Que signifie « espacement entre les points » ?
Avant de saisir une valeur, déterminez la distance requise par votre création. Deux mesures aux noms similaires donnent des réglages différents : l’espacement de centre à centre, aussi appelé pas, et l’espacement de bord à bord, c’est-à-dire l’ouverture visible entre deux points voisins.
Pour des points circulaires sur un tracé droit, soit D le diamètre du point, P le pas de centre à centre et E l’espace visible entre les bords. La relation géométrique est P = D + E. Un point de 4 pt avec une ouverture libre de 6 pt nécessite donc un pas de 10 pt.
Avec un tiret de longueur nulle, les deux extrémités arrondies forment un cercle. L’épaisseur du contour détermine son diamètre, tandis que le motif de tirets détermine sa position le long du tracé. La spécification SVG sur le rendu décrit explicitement cette géométrie des extrémités arrondies.
| Résultat souhaité sur un tracé droit | Diamètre du point | Pas de centre à centre | Espacement dans Illustrator avec Tiret = 0 |
|---|---|---|---|
| Centres espacés de 10 pt | 4 pt | 10 pt | 10 pt |
| Ouverture visible de 6 pt | 4 pt | 10 pt | 10 pt |
| Ouverture visible égale au diamètre du point | 4 pt | 8 pt | 8 pt |
Ces dimensions sont données à titre d’exemple. Utilisez la même unité dans tout votre calcul et vérifiez l’unité affichée dans l’application avant de saisir chaque valeur. Précisez également si votre mesure suit la courbe : un tracé courbe introduit une distinction supplémentaire, abordée ci-dessous.
Comment créer un contour en pointillés ?
Commencez par un tracé unique avec un contour uniforme et simple. Pour une ligne décorative ouverte, supprimez le fond afin de bien voir les points. Créez d’abord un tracé de test droit avant d’appliquer les réglages à l’illustration finale du personnage.
- Sélectionnez le tracé et ouvrez Fenêtre > Contour.
- Si nécessaire, choisissez Afficher les options dans le menu du panneau.
- Définissez l’épaisseur du contour en fonction du diamètre souhaité pour les points, par exemple 4 pt.
- Choisissez Extrémité arrondie.
- Activez Ligne en pointillés.
- Saisissez 0 pt dans le premier champ Tiret et 10 pt dans le premier champ Espacement.
- Effacez les valeurs supplémentaires de tiret et d’espacement pour que le motif ne contienne que la paire souhaitée.
- Choisissez Conserver les longueurs exactes des tirets et des espaces.
Adobe documente la séquence des tirets et les options de conservation du panneau Contour, tandis que ses instructions sur les extrémités précisent que l’option Extrémité arrondie donne une forme semi-circulaire. Le tutoriel de CreativePro sur les lignes en pointillés présente le réglage précis avec un tiret nul.
Avec les paramètres donnés en exemple, le résultat est constitué de points de 4 pt espacés de 10 pt, avec 6 pt entre leurs bords sur le tracé de test droit. Modifiez l’épaisseur pour changer la taille des points et l’espacement pour modifier le pas. Notez les deux valeurs afin de pouvoir reproduire le résultat ailleurs dans l’illustration.
Pourquoi l’espacement change-t-il près des angles ou des extrémités ?
Illustrator propose une autre option : Aligner les tirets sur les angles et les extrémités du tracé en ajustant les longueurs. Ce réglage donne la priorité à la façon dont le motif rejoint ces emplacements. Adobe le distingue de l’option qui conserve les longueurs d’origine des tirets et des espaces dans ses instructions officielles.
Choisissez le réglage en fonction du besoin réel. Si le cahier des charges précise « centres des points tous les 10 pt », conservez les longueurs. Si le motif doit s’ajuster proprement aux deux extrémités, vous pouvez choisir l’ajustement, mais vérifiez alors l’intervalle obtenu au lieu de supposer que la valeur saisie reste inchangée.
La longueur d’un tracé ne permet pas toujours d’y placer un nombre entier d’intervalles. C’est une contrainte géométrique qu’il faut résoudre en modifiant la longueur du tracé, le pas ou la disposition des extrémités. Les réglages d’alignement ne peuvent pas rendre exactes simultanément des dimensions incompatibles.
Comment gérer la longueur restante sur un tracé ouvert ?
Prenons l’exemple d’un tracé ouvert de 103 pt sur lequel les points doivent être espacés de 10 pt. Si le centre du premier point se trouve au début du tracé, les centres suivants sont à 0, 10, 20 pt, et ainsi de suite jusqu’à 100 pt. On obtient 11 points et il reste 3 pt entre le centre du dernier point et l’extrémité.
Voici trois façons utiles de définir le résultat :
- Conserver le pas et la position de départ : accepter le reste de 3 pt à l’extrémité opposée.
- Conserver le pas et centrer la série : placer le premier et le dernier centre à 1,5 pt de leurs extrémités respectives.
- Placer des centres aux deux extrémités : réduire la distance entre les centres extrêmes à 100 pt, ou répartir dix intervalles de 10,3 pt sur les 103 pt du tracé.
La disposition centrée est un objectif de placement ; les réglages de tiret et d’espacement de base ne définissent pas à eux seuls ce décalage. Pour construire simplement le résultat dans Illustrator, conservez le tracé d’origine comme repère et créez un tracé pointillé distinct entre les positions souhaitées des premier et dernier centres.
N’oubliez pas que les marges mesurées depuis les centres diffèrent des marges visibles. Un point de 4 pt dépasse de 2 pt de son centre dans toutes les directions. Si le bord extérieur du premier point doit coïncider avec une limite, son centre doit se trouver à 2 pt à l’intérieur de cette limite. Tenez compte de cette marge avant de choisir les positions de début et de fin du tracé pointillé.
Un espacement régulier le long d’une courbe donne-t-il des ouvertures visuellement identiques ?
L’espacement des tirets suit la distance le long du tracé. La spécification SVG définit les valeurs de tiret et d’espace de cette façon dans sa section sur les tirets de contour. Sur une courbe, cette distance parcourue est supérieure à la distance directe en ligne droite entre les mêmes centres.
Prenons l’exemple d’un cercle dont le tracé central a un rayon de 30 pt : deux centres séparés par un arc de 10 pt sont distants d’environ 9,954 pt en ligne droite. Avec des points de 4 pt, l’ouverture visible la plus étroite est donc d’environ 5,954 pt, au lieu de 6 pt sur un tracé droit. Il s’agit d’un calcul géométrique, et non d’une mesure effectuée dans l’application.
Pour une bordure décorative, un espacement régulier le long du tracé constitue souvent une spécification utile. Si vous exigez une ouverture visible minimale identique malgré les variations de courbure, un intervalle de tiret fixe ne garantit pas ce résultat. Déterminez quelle mesure compte avant d’ajuster des points individuellement ; sinon, la correction d’un virage risque de nuire à la régularité de l’espacement ailleurs.
Comment répartir régulièrement les points sur une boucle fermée ?
Une boucle fermée ajoute une contrainte au niveau de la jonction : l’intervalle entre le dernier point et le premier doit être égal à tous les autres. Pour N points régulièrement répartis sur une boucle de longueur L, le pas requis est P = L / N. À l’inverse, un pas fixe ne permet de fermer la boucle régulièrement que si L / P est un nombre entier.
Par exemple, la circonférence d’un cercle parfait dont le tracé central a un rayon de 30 pt est d’environ 188,496 pt. Un pas de 10 pt ne divise pas cette circonférence de manière égale. Avec 19 points, le pas requis est d’environ 9,920819 pt. Ces valeurs sont des calculs donnés à titre d’exemple ; l’arrondi du pas saisi peut laisser un léger écart résiduel.
Suivez cette règle : si la taille de la boucle est fixe, choisissez un nombre entier de points et calculez le pas correspondant. Si le pas est fixe, ajustez la longueur de la boucle pour qu’elle soit un multiple entier de ce pas. Vérifiez la jonction après avoir saisi les valeurs, en particulier si le tracé a été modifié ou si l’application affiche des valeurs arrondies.
Comment vérifier les points une fois le travail terminé ?
Vérifiez d’abord le tracé de test simple, puis examinez la courbe finale. Vous pourrez ainsi distinguer un mauvais réglage du contour des effets de la courbure ou du placement des extrémités.
- Vérifiez que le premier tiret est de longueur nulle et que l’extrémité est arrondie.
- Vérifiez l’épaisseur, l’espacement et les unités souhaités.
- Vérifiez que la conservation des longueurs exactes est activée.
- Sur un segment droit, mesurez séparément la distance entre les centres et l’ouverture visible.
- Examinez les deux extrémités ouvertes ou la jonction de la boucle fermée.
- Vérifiez de nouveau les dimensions après toute modification du tracé ou tout redimensionnement.
Évitez de transférer des réglages d’une application à l’autre sans vérifier leur fonctionnement documenté. Par exemple, la documentation de Figma sur les contours recommande un tiret de 1 px avec des extrémités arrondies pour créer une ligne en pointillés et signale un comportement particulier des lignes en pointillés à leurs extrémités. Cette méthode diffère de celle d’Illustrator avec un tiret nul.
Pour obtenir un résultat reproductible, gardez une courte spécification à côté de votre illustration : diamètre des points, pas de centre à centre, unités de mesure, traitement des extrémités et, le cas échéant, nombre de points sur la boucle. Une fois ces choix consignés, vous pourrez ajuster les détails en pointillés du personnage en sachant précisément quelle dimension chaque changement modifie.
Sources
- Créer des lignes en pointillés ou en tirets — Aide d’Adobe Illustrator
- Modifier les extrémités et les sommets de ligne dans Illustrator — Aide d’Adobe Illustrator
- Comment créer une ligne en pointillés dans Illustrator — CreativePro
- Peinture : remplissage, contour et symboles de marqueur — SVG 2, W3C
- Appliquer et ajuster les propriétés du contour — Figma Learn
