How to Set Exact Spacing Between Dots Along a Vector Path in Illustrator

Before entering a number, decide which distance your design requires. Two measurements that sound similar produce different settings: center-to-center spacing, also called pitch, and edge-to-edge spacing, the visible opening between neighboring dots.

For circular dots on a straight path, let D be the dot diameter, P the center-to-center pitch, and E the visible edge gap. The geometric relationship is P = D + E. A 4 pt dot with a 6 pt clear opening therefore needs a 10 pt pitch.

With a zero-length dash, the two round caps form a circle. The stroke width determines its diameter, while the dash pattern determines its position along the path. The SVG painting specification describes this round-cap geometry explicitly.

Intended result on a straight path	Dot diameter	Center-to-center pitch	Illustrator Gap with Dash = 0
Centers 10 pt apart	4 pt	10 pt	10 pt
A 6 pt visible opening	4 pt	10 pt	10 pt
A visible opening equal to the dot diameter	4 pt	8 pt	8 pt

These are illustrative dimensions. Use one unit throughout your calculation, and check the unit displayed in the application before entering each value. Also specify whether your measurement follows the curve: a curved path introduces an additional distinction discussed below.

Start with a single path and a plain, uniform-width stroke. For an open decorative line, remove the fill so you can inspect the dots clearly. Use a simple straight test path before applying the settings to the finished character artwork.

1. Select the path and open Window > Stroke.
2. If necessary, choose Show Options from the panel menu.
3. Set the stroke Weight to the required dot diameter—for example, 4 pt.
4. Choose Round Cap.
5. Enable Dashed Line.
6. Enter 0 pt in the first Dash field and 10 pt in the first Gap field.
7. Clear additional dash/gap entries so the pattern contains only the intended pair.
8. Choose Preserve exact dash and gap lengths.

Adobe documents the Stroke panel’s dash sequence and preservation controls, while its cap instructions identify Round Cap as the semicircular end treatment. CreativePro’s dotted-line tutorial supplies the specific zero-dash setup.

For the illustrative settings above, the result is 4 pt dots at 10 pt intervals, leaving 6 pt between their edges on the straight test path. Change Weight to change dot size; change Gap to change pitch. Record both values so you can reproduce the appearance elsewhere in the artwork.

Illustrator offers another option: Align dashes to corners and path ends, adjusting lengths to fit. That setting prioritizes how the pattern meets those locations. Adobe distinguishes it from preserving the original dash and gap lengths in its official instructions.

Choose the setting according to the actual requirement. If a specification says “dot centers every 10 pt,” preserve the lengths. If the visual requirement is a neatly fitted pattern at both ends, you may choose fitting, but then verify the resulting interval rather than assuming the entered number remains unchanged.

A path length will not always accommodate an integer number of intervals. That is a geometric constraint you must resolve through the path length, the pitch, or the endpoint arrangement. Changing alignment settings cannot make incompatible dimensions simultaneously exact.

Consider an illustrative open path measuring 103 pt, with dots required every 10 pt. If the first dot center is at the path’s start, the centers fall at 0, 10, 20, and so on through 100 pt. That produces 11 dots and leaves 3 pt between the final center and the endpoint.

There are three useful ways to specify the result:

• Keep the pitch and start position: accept the 3 pt remainder at the far end.
• Keep the pitch and center the run: place the first and last centers 1.5 pt from their respective ends.
• Require centers at both endpoints: change the center span to 100 pt, or use ten intervals of 10.3 pt across the original 103 pt.

The centered arrangement is a placement target; the basic dash/gap settings alone do not establish that offset. For a straightforward Illustrator construction, retain the original path as a guide and create a separate dotted path spanning the desired first and last center positions.

Remember that center margins differ from visible margins. A 4 pt dot extends 2 pt beyond its center in every direction. If the outer edge of the first dot must meet a boundary, its center belongs 2 pt inside that boundary. Include this allowance before deciding the dotted path’s start and end positions.

Dash spacing follows distance along the path. The SVG specification defines dash and gap values in those terms in its stroke-dashing section. On a curve, that travel distance is longer than the direct straight-line distance between the same two centers.

For an illustrative circle with a 30 pt centerline radius, two centers separated by a 10 pt arc are approximately 9.954 pt apart directly. With 4 pt dots, the shortest visible opening is therefore approximately 5.954 pt, rather than the straight-path value of 6 pt. This is a geometric calculation, not an application measurement.

For decorative trim, equal intervals along the path are often a useful specification. If you require an identical shortest visible opening through changing curvature, a fixed dash interval does not establish that result. Decide which measurement matters before adjusting individual dots; otherwise, correcting one bend can undermine the consistent interval elsewhere.

A closed loop adds a seam requirement: the last-to-first interval must equal every other interval. For N equally spaced dots on a loop of length L, the required pitch is P = L / N. Conversely, a fixed pitch closes evenly only when L / P is a whole number.

For example, a perfect circular centerline with a 30 pt radius has a circumference of approximately 188.496 pt. A 10 pt pitch does not divide that circumference evenly. Choosing 19 dots requires a pitch of approximately 9.920819 pt. These values are illustrative calculations; rounding the entered pitch can leave a small residual difference.

Use this decision rule: if the loop’s size is fixed, choose a whole dot count and calculate its pitch. If the pitch is fixed, adjust the loop’s length to a whole multiple of that pitch. Inspect the seam after entering the values, particularly when the path has been edited or the application displays rounded numbers.

Check the simple test path first, then inspect the finished curve. This separates an incorrect stroke setup from the effects of curvature or endpoint placement.

• Confirm that the first Dash is zero and the cap is round.
• Confirm the intended Weight, Gap, and units.
• Confirm that exact-length preservation is selected.
• On a straight segment, measure center-to-center distance separately from the visible opening.
• Inspect both open ends or the closed-loop seam.
• Recheck the dimensions after any resizing or path edits.

Avoid transferring settings between applications without checking their documented behavior. For example, Figma’s stroke documentation recommends a 1 px dash with round caps for its dotted-line workflow and notes special dashed-line endpoint behavior. That differs from Illustrator’s zero-dash recipe.

For a reproducible result, keep a short specification beside your working artwork: dot diameter, center pitch, measurement units, endpoint treatment, and loop count where applicable. With those decisions recorded, you can adjust the character’s dotted detail while knowing exactly which dimension each change affects.

• Create dotted or dashed lines — Adobe Illustrator Help
• Change line caps and joins in Illustrator — Adobe Illustrator Help
• How to Make a Dotted Line in Illustrator — CreativePro
• Painting: Filling, Stroking and Marker Symbols — SVG 2, W3C
• Apply and adjust stroke properties — Figma Learn