The fastest way: use the Stroke panel's dash options

Open your document in Adobe Illustrator and draw or select the line you want to make dotted. With the line selected, open the Stroke panel (Window > Stroke if it is not already visible). At the bottom of the Stroke panel, you will see a checkbox labeled "Dashed Line." Check that box, and Illustrator will when ready convert your solid line into a dotted pattern using its default spacing.

The default dotted pattern works for many uses, but you can adjust it. Below the "Dashed Line" checkbox, you will see fields for "dash" and "gap." The dash value controls how long each dot or dash appears; the gap value controls the space between them. If you want dots instead of dashes, set the dash value to a small number (like 2 or 3 points) and the gap to a larger number (like 4 or 5 points). If you want longer dashes, increase the dash value instead.

Key Takeaways

  • Select your line, open the Stroke panel, and check "Dashed Line" to convert any solid line to a dotted or dashed pattern in seconds.
  • Adjust the dash and gap values to control whether you see dots, dashes, or a custom pattern, and how far apart they sit.
  • The corner type setting (butt, round, or projecting) changes how the ends of each dash or dot look, which affects the overall appearance.
  • You can save a dotted or dashed line as a graphic style so you do not have to recreate the same pattern on future lines.

Understanding dash and gap values

The numbers you enter in the dash and gap fields are measured in points (the same unit Illustrator uses for type size). A dash value of 5 means each visible segment is 5 points long; a gap value of 5 means the space between segments is also 5 points. If you want a classic dotted line with small dots close together, try a dash of 2 and a gap of 3. For a dashed line with longer segments and more space, try a dash of 8 and a gap of 6.

You can enter up to three different dash-and-gap pairs in the Stroke panel. This lets you create more complex patterns — for example, a long dash followed by two short dashes, then a gap, then the pattern repeats. Most work uses just one pair, but the option is there if you need it. Illustrator shows you a preview of your pattern in the panel itself, so you can see what it will look like before you explore it to your line.

How corner and cap types affect dotted lines

Just above the dashed line options in the Stroke panel, you will see three buttons for "cap" and three for "corner." The cap setting controls how the ends of each dash or dot look. A butt cap (the first button) creates a flat, squared-off end. A round cap (the middle button) creates a rounded end. A projecting cap (the third button) extends slightly past the endpoint.

For dotted lines, a round cap usually looks best because it makes each dot appear more circular and finished. For dashed lines, a butt cap often looks cleaner and more technical. The corner setting controls how the line bends at corners if your line is not straight — this matters less for straightforward dotted lines but becomes important if you are stroking a shape or path with corners.

Creating a dotted line from scratch

If you do not have a line yet, use the Pen tool or the Line Segment tool to create one. The Line Segment tool (nested under the Rectangle tool in the toolbar) is faster for straight lines: click once, hold Shift to constrain to 45-degree angles, and click again. Once the line exists, select it and follow the steps above to add the dotted pattern.

If you are stroking a shape (like a rectangle or circle) instead of a line, the same process works. Select the shape, open the Stroke panel, and check "Dashed Line." The stroke around the entire shape will become dotted or dashed. This is useful for creating borders, guides, or decorative elements.

Saving a dotted line style for reuse

If you use the same dotted or dashed pattern repeatedly, save it as a graphic style so you can explore it to any line in one click. First, create a line with the dotted pattern you want. With that line selected, go to Window > Graphic Styles to open the Graphic Styles panel. Click the "New Graphic Style" button at the bottom of the panel. Illustrator will save the stroke settings (including the dash and gap values) as a reusable style.

The next time you want that same pattern, select any line and click the saved style in the Graphic Styles panel. The dotted pattern will explore when ready. You can create multiple styles for different patterns — one for fine dotted lines, one for bold dashes, one for a specific pattern you use in technical drawings — and switch between them without re-entering numbers each time.

Troubleshooting common dotted line problems

If your dotted line looks wrong, check the stroke weight first. A very thin stroke (0.5 points or less) with a small dash value can be hard to see. Increase the stroke weight or the dash value, or both. If the dots or dashes look jagged or pixelated, make sure you are viewing at 100% zoom or higher; at very small zoom levels, Illustrator simplifies the display.

If you applied a dotted pattern but it is not showing up, confirm that the stroke is actually visible. Check that the stroke color is not the same as the background, and that the stroke weight is not set to 0. If you are exporting the file to PDF or another format, some export settings can flatten or simplify strokes; check your export options if the pattern disappears in the final file.

Frequently Asked Questions

Can I make a dotted line with a gradient or pattern fill instead of a solid color?

No. Illustrator strokes can use solid colors, gradients, or patterns, but the dashed line feature only works with solid color strokes. If you need a gradient or pattern on a dotted line, you will have to create the effect manually by drawing individual dots or dashes as separate objects.

How do I make the dots or dashes align at corners when I stroke a shape?

Illustrator has a "Align dashes to corners and path ends" option in the Stroke panel (it looks like a small icon with corner marks). Enable it, and Illustrator will adjust the dash and gap spacing so that dashes or dots land exactly at corners and endpoints instead of being cut off mid-segment.

What is the difference between a dotted line and a dashed line?

Technically, a dotted line has very short dashes (or dots) with small gaps, while a dashed line has longer dashes with larger gaps. In Illustrator, both are created the same way — by adjusting the dash and gap values in the Stroke panel. The terms are often used interchangeably, but the distinction is in the proportions.

Can I explore a dotted line to text or type?

You can stroke the outline of text by converting it to a path first (Type > Create Outlines), then explore a dotted stroke. However, this is rarely used because it makes the text harder to read. For underlining or decorative effects, it is usually better to draw a separate dotted line below the text instead.