6.3 Stroke Properties, Brushes, & Width Profiles

6.3 Stroke Properties, Brushes, & Width Profiles

Quick Summary: Vector strokes in Adobe Illustrator encompass a rich ecosystem of geometric attributes, parametric styling, and artistic brush engines. From mastering Caps, Joins, and Miter Limits in the Stroke panel to crafting variable-width linework with the Width Tool, understanding open versus closed path restrictions and brush architectures is critical for professional graphic illustration and prepress accuracy.

---

Stroke Panel Parameters: Weight, Caps, Joins, and Miter Limits

The Stroke panel (Window > Stroke or Cmd+F10 on macOS / Ctrl+F10 on Windows) governs the structural and aesthetic properties of vector strokes.

Stroke Weight

Weight specifies the absolute thickness of the stroke line, measured in points (pt), pixels (px), millimeters, or inches. Stroke weights can range from hairline values (0.05 pt) up to massive display borders (1000 pt).

Cap Options (Open Path Terminations)

Caps determine how an open vector path terminates at its starting and ending anchor points:

1. Butt Cap (Default): Truncates the stroke with a flat, squared 90-degree end that stops precisely at the terminal anchor point coordinates. No stroke pigment extends past the endpoint.
2. Round Cap: Adds a semicircular rounded end cap extending past the terminal anchor point by a radius equal to half the stroke weight (weight / 2).
3. Projecting Cap: Adds a squared-off rectangular cap that extends past the terminal anchor point by a distance equal to half the stroke weight (weight / 2). This ensures that perpendicular open paths meeting at an endpoint overlap completely, producing a solid, gap-free joint without requiring a closed corner join.

Corner Join Options (Path Vertices)

Joins dictate how strokes render on exterior vertices where two path segments intersect:

1. Miter Join (Default): Extends the outer edges of the stroke lines until they intersect in a sharp, crisp corner point.
2. Round Join: Rounds the exterior corner using a smooth circular arc with a radius equal to half the stroke weight.
3. Bevel Join: Squares off the corner with a flat diagonal facet, cutting straight across the intersection point.

Miter Limit Mechanics

When two path segments meet at an extremely acute (sharp) angle, a standard Miter Join projects outward drastically, creating an unsightly, needle-like spike that can protrude far outside the intended design boundary.

• The Miter Ratio: The miter length is the distance from the inner point of intersection to the outer sharp tip. The Miter Limit is the ratio of miter length to stroke weight (default value is 4x or 4).
• Automatic Beveling: When an acute angle causes the miter length to exceed the specified Miter Limit (for example, exceeding 4 times the stroke weight), Illustrator automatically clips the sharp point and converts that specific corner into a flat Bevel Join.
• Increasing the limit allows sharper angles to retain pointed tips; decreasing the limit forces acute angles to bevel sooner.

---

Align Stroke Options & Open vs. Closed Path Rules

The Stroke panel provides three stroke alignment buttons:

1. Align Stroke to Center (Default): Centers the stroke weight symmetrically along the mathematical vector path (50% renders inside the path boundary, and 50% renders outside).
2. Align Stroke to Inside: Renders the entire stroke weight inward from the path boundary into the interior of the shape.
3. Align Stroke to Outside: Renders the entire stroke weight outward from the path boundary into the exterior space.

Why Align Inside and Outside Are Disabled on Open Paths

A common point of confusion occurs when designers attempt to align strokes on open paths: Align to Inside and Align to Outside buttons are permanently grayed out (disabled).

• Topological Physics: An open vector path (such as a straight line, arc, or wavy curve) possesses length, but does not enclose an interior surface area or volume. Because there is no mathematical "inside" or "outside" without a closed topological boundary, Illustrator's rendering engine cannot compute an inward or outward offset.
• Closed Path Requirement: Only closed vector paths (shapes where the path completes a continuous loop and the start anchor connects to the end anchor) possess defined interior and exterior spaces, enabling Inside and Outside stroke alignment.
• Production Tip: Aligning strokes to the inside on UI containers or print packaging boxes ensures that increasing stroke weight does not alter the external dimensions of the object, maintaining exact grid alignment.

---

Dashed Lines and Dynamic Corner Alignment

Checking the Dashed Line checkbox in the Stroke panel enables customizable dash patterns consisting of up to three alternating Dash and Gap values:

• Custom Sequences: Designers can configure complex patterns (e.g., Dash: 12 pt, Gap: 4 pt, Dash: 2 pt, Gap: 4 pt for a long-short dash pattern).

The Two Corner Alignment Buttons

• Preserves Exact Dash and Gap Lengths (Left icon): Strictly enforces the exact numerical dimensions entered in the fields. However, when turning corners or reaching path ends, dashes may break unevenly, producing awkward corner gaps or truncated slivers.
• Aligns Dashes to Corners and Path Ends, Adjusting Lengths to Fit (Right icon): Automatically scales and recalculates dash lengths slightly along each path segment so that all corners and terminal endpoints feature balanced, full, symmetrical dashes. This is the universal standard for technical schematics, borders, and professional publication layouts.

---

Arrowheads & Stroke End Markers

The Stroke panel includes dedicated Arrowheads dropdown menus for start and end path endpoints, featuring dozens of geometric arrows, dots, squares, and barb markers:

• Scale: Designers can scale the start and end markers independently as a percentage of the base stroke weight (e.g., scaling an arrow tip to 70% while keeping the stroke weight at 3 pt).
• Alignment Options:
  • Extend Tip to Path End: Positions the very tip of the arrowhead exactly at the terminal anchor point coordinate.
  • Place Base at Path End: Extends the entire arrowhead marker past the terminal anchor point, placing the back base of the marker flush with the path end.

---

The Width Tool (Shift+W) & Variable Width Profiles

Traditionally, a stroked vector path maintained a static, uniform thickness along its entire length. The Width Tool (Shift+W) revolutionized vector linework by enabling variable, non-uniform stroke profiles directly on live vector paths without expanding them into closed shapes.

How the Width Tool Operates

1. Creating Width Points: Select a stroked path and activate the Width Tool (Shift+W). Hovering over the path displays a small cursor point on the center spine. Clicking and dragging outward or inward expands or contracts the stroke thickness at that exact coordinate, creating a Width Point.
2. Dynamic Interpolation: Illustrator generates smooth, calligraphic bezier transitions between sequential width points along the path.
3. Asymmetrical Width Adjustments: By default, dragging a width handle adjusts both sides symmetrically. Holding Alt (Windows) or Option (macOS) while dragging allows designers to adjust one side of the stroke independently, creating flat-backed or asymmetrical calligraphic strokes.
4. Editing Width Points: Double-clicking a width point opens the Width Point Edit dialog for precise numerical entry of Side 1, Side 2, and Total Width. Width points can be slid along the path, duplicated by Alt/Option-dragging, or deleted by selecting a point and pressing Delete.
5. Saving Variable Width Profiles: With a customized stroked path selected, open the Variable Width Profile dropdown in the Control or Stroke panel and click the Add to Profiles button. The profile is saved to the document library and can be applied instantly to any other vector path with a single click.

---

The Five Illustrator Brush Types

Vector brushes allow designers to apply complex artwork, textures, or calligraphic strokes along vector paths. Brushes reside in the Brushes panel (Window > Brushes or F5).

Illustrator categorizes brushes into five distinct types:

1. Calligraphic Brushes

Simulate traditional chisel-nib calligraphy pens, lettering quills, and angled flat markers.

• Parameters: Angle (nib rotation), Roundness (from a flat slit at 0% to a circle at 100%), and Size (diameter in points).
• Dynamics: Parameters can be set to Fixed, Random, or controlled by graphics tablet stylus input (Pressure, Stylus Tilt, Bearing, or Rotation).

2. Scatter Brushes

Scatter copies of a vector object along the path spine.

• Parameters: Size, Spacing, Scatter (perpendicular distance offset from the path), and Rotation (relative to the Page or the Path).
• Randomized Ranges: Designers can establish minimum and maximum percentage thresholds for each parameter, scattering stars, leaves, or droplets with natural, organic variation.

3. Art Brushes

Stretch a single piece of vector artwork along the entire length of the path from start to end.

• Direction: Configurable to stretch across the path from Left to Right, Right to Left, Top to Bottom, or Bottom to Top.
• Scaling Options:
  • Scale Proportionately: Maintains aspect ratio while scaling along path length.
  • Stretch to Fit Stroke Length: Distorts the entire art to fit the path.
  • Stretch Between Guides: Displays two movable guideline markers over the brush artwork. Illustrator locks the artwork outside the guides (such as ornate decorative arrow tips or ribbon ends) at their exact proportions, stretching only the middle portion between the guides. This is indispensable for banners, borders, and architectural moldings.

4. Bristle Brushes

Simulate natural media (oil paint, gouache, watercolor, acrylic) by rendering hundreds of overlapping, semi-transparent vector bristle filaments.

• Parameters: Bristle Shape (Round Point, Flat Fan, Flat Blunt, Flat Curve), Bristle Length, Density, Thickness, Paint Opacity, and Stiffness.
• Organic Texture: Interacts fluidly with graphics tablet pressure to produce rich, layered painterly strokes.

5. Pattern Brushes

Tile repeating vector art seamlessly along a path, featuring five specialized tile slots:

1. Side Tile: Standard straight segment repeat.
2. Outer Corner Tile: Rendered when turning an exterior sharp corner.
3. Inner Corner Tile: Rendered when turning an interior sharp corner.
4. Start Tile: Rendered at the beginning of an open path.
5. End Tile: Rendered at the termination of an open path.

• Auto-Generated Corners: Modern Illustrator can automatically generate outer and inner corner tiles (using Auto-Centered, Auto-Between, Auto-Sliced, or Auto-Overlap algorithms), eliminating the tedious manual creation of corner tiles.

---

Paintbrush Tool (B) vs. Blob Brush Tool (Shift+B)

Although both tools allow freehand drawing, their underlying mathematical and vector architectures are fundamentally opposite:

Paintbrush Tool (B)

• Architecture: Draws an open vector path defined by anchor points and direction handles along its center spine. The selected brush from the Brushes panel is applied dynamically as a live appearance attribute to the stroke.
• Editability: The underlying path remains fully editable using the Direct Selection tool (A), Pen tool (P), or Smooth tool. Changing brush types in the Brushes panel instantly restyles the line.

Blob Brush Tool (Shift+B)

• Architecture: Draws closed, filled compound vector shapes. Rather than creating a center stroke path, it creates a solid planar silhouette bounded by an outer contour.
• Automatic Merging: When you paint with the Blob Brush over an existing vector object with the exact same fill color, the new brush strokes automatically unite and merge into a single continuous vector shape (functioning like an on-canvas, real-time Pathfinder Unite).
• Ideal Application: Inking comic art, freehand vector lettering, creating solid silhouettes for vinyl cutters and CNC plotters, and blocking out flat vector illustrations.

---

Outlining Strokes (Object > Path > Outline Stroke)

Choosing Object > Path > Outline Stroke permanently converts a stroked path (including variable-width profiles and decorative brushes) into a closed vector path with a fill.

Why and When to Outline Strokes

1. Scale Protection: If an illustration is scaled down while the "Scale Strokes & Effects" option in Preferences is disabled, standard strokes retain their absolute point weight, causing thin lines to appear disproportionately heavy. Outlining strokes locks the geometry into proportional closed vector shapes that scale accurately regardless of preference toggles.
2. Plotters, Vinyl Cutters, & CNC Routers: Industrial cutting blades follow the exact mathematical vector path. A 24 pt stroke on an open line would only be cut as a single hairline pass down the center. Outlining strokes converts the boundary into closed cutting edges for the blade to follow.
3. Boolean Operations: Allows stroke contours to be combined, subtracted, or intersected with other shapes using Pathfinder operations or the Shape Builder tool (Shift+M).
4. Prepress Asset Handoff: Outlining strokes before client or vendor delivery prevents unintended visual alterations if third-party software interprets stroke alignments or brush definitions differently.

---

Comparison of Illustrator Brush Types

---

Brush Libraries

Objective 3.4.a asks you to open and import brushes from libraries. Click the Brush Libraries menu button at the bottom of the Brushes panel, or choose Window > Brush Libraries, to open sets such as Arrows, Artistic, Borders, Bristle Brush, Decorative, and Vector Packs. Using a brush from a library adds it to the document's Brushes panel. To share your own brushes, choose Save Brushes from the Brushes panel menu and load the saved library later with Other Library.

Creating a Brush From Artwork

To create a Scatter, Art, or Pattern brush, select the artwork and click New Brush in the Brushes panel (or drag the artwork into the panel), then choose the brush type and set its options. Calligraphic and Bristle brushes are defined with settings rather than artwork. Double-click any brush to edit it; when you change a brush that is already in use, Illustrator asks whether to apply the change to existing strokes or leave them unchanged.