Lines

Tangent Line Tool

Perpendicular Line Tool

Gradiator Panel Flyout Menu

Gradient Forge Panel Flyout Menu

Tangent Line Tool Operation

Illustrator Location: Advanced Toolbar > Tangent Line Tool

As the Tangent Line tool has several keypresses which can add or change its functionality, we suggest installing the free Astute Graphics plugin Astute Buddy, which creates a panel that dynamically updates to inform you of the various keys which can be pressed in the tool’s current context.

Creating a line tangent to one existing path

A line may created that is tangent to an existing path by either starting on the path and drawing the line away from it, or by starting at another location and drawing the line to the path. Either way, after clicking on the first location, the mouse button can be released and a second click made on the second location, or the cursor can be dragged to the second location. The first method allows scrolling, zooming, changing the view mode, etc. in the middle of the operation, but the second method allows additional keypresses that only work with the mouse button down (see below).

When the cursor is snapping tangently to an existing path, the snap point will be highlighted with a small, semi-transparent green circle. A small letter “P” will also be drawn if the cursor is snapping to an anchor point, and an “M” when the cursor is snapping to the midpoint of a straight path segment.

Tangent Line Tool - From an Existing Path

Tangent Line Tool - From an Existing Path

When drawing a tangent line away from a path, the Shift key can be held down to constrain the line’s length to “nice” values, dependent on the current zoom level and units. For example, at 200% zoom, its length is constrained to multiples of 2 pt or 0.5 mm. Additionally, if the cursor is being dragged (mouse button down), Command/Ctrl can be pressed to override snapping to a second path.

Tangent Line Tool - Drawing to an Existing Path

Tangent Line Tool - Drawing to an Existing Path

When drawing a tangent line to an existing path, if the path contains multiple spots of tangency, then the one closest to the cursor is chosen.

Creating a line tangent to two existing paths

If the line is started along a path, and the cursor is subsequently brought close to another path, then, if the line can be positioned so it is tangent to both paths, it snaps to the second path (unless being dragged and Command/Ctrl is being pressed) and the line’s start and end positions are both adjusted. If there are multiple places where a suitable line can be created, then the spot which ends closest to the cursor is chosen.

Tangent Line Tool - Line Between Two Paths

Tangent Line Tool - Line Between Two Paths

Sometimes it is necessary to create a line which starts at a specific spot along a path and is tangent only
to the second path. In this case, pressing the key assigned to “Increase Diameter” in the native Keyboard Shortcuts dialog (by default, for English-speaking locales, the right bracket key “]”) will tell the Tangent Line tool to ignore the start path when finding tangencies; the initial green circle snapping annotation will turn gray to indicate that the line is no longer being forced to be tangent at the start point. Pressing the key again will return to the normal two-tangencies mode.

Tangent Line Tool - Ignore Starting Path

Tangent Line Tool - Ignore Starting Path

You can switch between the Tangent Line tool and the Perpendicular Line tool (except when dragging) by pressing the key assigned to “Decrease Diameter” in the native Keyboard Shortcuts dialog (by default, for English-speaking locales, the left bracket key “[”).

Perpendicular Line Tool Operation

Illustrator Location: Advanced Toolbar > Tangent Line Stack > Perpendicular Line Tool

As the Perpendicular Line tool has many keypresses which can add or change its functionality, we suggest installing the free Astute Graphics plugin Astute Buddy, which creates a panel that dynamically updates to inform you of the various keys which can be pressed in the tool’s current context.

Creating a line perpendicular to one existing path

A line may created that is perpendicular to an existing path by either starting on the path and drawing the line away from it, or by starting at another location and drawing the line to the path. Either way, after clicking on the first location, the mouse button can be released and a second click made on the second location, or the cursor can be dragged to the second location. The first method allows scrolling, zooming, changing the view mode, etc. in the middle of the operation, but the second method allows additional keypresses that only work with the mouse button down (see below).

When the cursor is snapping perpendicularly to an existing path, the snap point will be highlighted with a small, semi-transparent green square. A small letter “P” will also be drawn if the cursor is snapping to an anchor point, and an “M” when the cursor is snapping to the midpoint of a straight path segment.

Perpendicular Line Tool - From Existing Path

Perpendicular Line Tool - From Existing Path

When drawing a perpendicular line away from a path, the Shift key can be held down to constrain the line’s length to “nice” values, dependent on the current zoom level and units. For example, at 200% zoom, its length is constrained to multiples of 2 pt or 0.5 mm. Additionally, if the cursor is being dragged (mouse button down), the following keys can be pressed:

Perpendicular Line Tool - Drawing to an Existing Path

Perpendicular Line Tool - Drawing to an Existing Path

When drawing a perpendicular line to an existing path, if the path contains multiple spots of perpendicularity, then the one closest to the cursor is chosen.

Creating a line perpendicular to two existing paths

If the line is started along a path, and the cursor is subsequently brought close to another path, then, if the line can be positioned so it is perpendicular to both paths, it snaps to the second path (unless being dragged and Command/Ctrl is being pressed) and the line’s start and end positions are both adjusted. If there are multiple places where a suitable line can be created, then the spot which ends closest to the cursor is chosen.

Perpendicular Line Tool - Line Between Two Paths

Perpendicular Line Tool - Line Between Two Paths

Sometimes it is necessary to create a line which starts at a specific spot along a path and is perpendicular only to the second path. In this case, pressing the key assigned to “Increase Diameter” in the native Keyboard Shortcuts dialog (by default, for English-speaking locales, the right bracket key “]”) will tell the Perpendicular Line tool to ignore the start path when finding perpendicularities; the initial green square snapping annotation will turn gray to indicate that the line is no longer being forced to be perpendicular at the start point. Pressing the key again will return to the normal two-perpendiculars mode.

Perpendicular Line Tool - Ignore Starting Path

Perpendicular Line Tool - Ignore Starting Path

You can switch between the Perpendicular Line tool and the Tangent Line tool (except when dragging) by pressing the key assigned to “Decrease Diameter” in the native Keyboard Shortcuts dialog (by default, for English-speaking locales, the left bracket key “[”).

Perpendicular Multi-Line Modes

Illustrator Location: Advanced Toolbar > Tangent Line Stack > Perpendicular Line Tool

Multi-Line modes can be activated and cycled through by pressing the A key when dragging the line from a path. When a Multi-Line mode is active, the Perpendicular Line tool will create multiple perpendicular lines from the path, not just a single one. There are three different Multi-Line modes:

  • Multi-Line/Segment: Lines are drawn along the path segment.

  • Multi-Line/Path: Lines are drawn along the entire path.

  • Multi-Line/Anchors: A line is drawn from each anchor point of the path.

Perpendicular Line Tool - Multi-Lines Mode

Perpendicular Line Tool - Multi-Lines Mode

While dragging in Multi-Line mode, there are additional keypresses available:

  • Up Arrow/Down Arrow: Except when in Anchors sub-mode, the arrow keys adjust the number of lines (from 2 to 8000; retained across sessions).

  • C: Toggles centering mode. When centering mode is enabled, each line is drawn centered on the path rather than just to one side (in this case the displayed length actually indicates half of the line). The centering mode is retained between uses of the tool.

Perpendicular Line Tool - Multi-Line Centering Enabled

Perpendicular Line Tool - Multi-Line Centering Enabled

  • G: Toggles grouping mode. Normally the multiple lines that are created are put into a single group for ease in subsequent selection, but by turning grouping off, they will not be grouped. The grouping mode is retained between uses of the tool.

  • O: Toggles overlap mode (available for Segment sub-mode only). By default, multiple lines are created along an entire segment; i.e. a line is created at its start and another at its end. However, this creates a problem if lines are first drawn from one segment and then from an adjacent segment, because the end of one segment is at the same position as the start of the next segment, and the two lines on the end will overlap. To remedy this, when overlapping is turned off, a line will not be drawn at the very end of the segment. The overlap mode is retained between uses of the tool.

  • R: Turns on randomization (if off) and cycles it through three modes: Length, Position, and Length + Position. The randomization mode is retained between uses of the tool. In all three modes, the variation parameter can be adjusted (between 0% and 100%) by pressing the Left Arrow and Right Arrow keys.

In Length mode, the lengths of each line will be randomly varied by an amount equal to the random variation parameter, with the maximum value representing 0% variation. For example, if the length is being held at 40 pt, and the random variation is set to 75%, then the lengths can vary by 40 pt × 75% or 30 pt, resulting in final values of 10 pt to 40 pt.

Perpendicular Line Tool - Random Variation Mode

Perpendicular Line Tool - Random Variation Mode

In Position sub-mode, the positions of each line will be randomly varied in the same manner.
In Length + Position sub-mode, both the lengths and the positions of each line are randomly varied.

Perpendicular Line Tool - Randomization Mode

Perpendicular Line Tool - Randomization Mode

Gradient Fill to Lines

Illustrator Location: Illustrator Main Menu > Window > Astute Graphics > Gradiator > Panel Flyout Menu

Converts the gradient in the fill of a path into a group of simple lines with the same angle as the gradient, located at the stop positions of the gradient, and having stroke colors corresponding to the stops. If the path has a stroke, the lines use the same stroke width; otherwise, they are made with 1pt strokes. If Shift is held down before the menu is opened and the menu item is selected, the item will change to Gradient Fill to Lines (Keep Original). In this case the original art is retained behind the newly-created lines.

Gradiator Gradient Fill to Lines Example

Gradiator Gradient Fill to Lines Example

These lines may be used for creative purposes or can be duplicated and/or manipulated and turned back into a new gradient using the Build Gradient From Lines function of Astute Graphics’ Gradient Forge panel. For the latter use, it is generally advisable to have the gradient at a zero-degree angle.

Build Gradient From Lines

Illustrator Location: Illustrator Main Menu > Window > Astute Graphics > Gradient Forge > Panel Flyout Menu

Creates a new gradient (saved as a swatch, with the same dialog as the previous two functions) from a selection of vertical, stroked two-point paths, with the leftmost line representing the first stop, the rightmost line representing the last stop, and the relative distances between the lines preserved as distances between stops. Stroke weight is ignored. The paths may have been manually created, or may be the result of using the Gradiator panel’s Gradient Fill to Lines function. Lines which are at the same horizontal position will be stacked in the resulting gradient.

Gradient Forge Panel Build Gradient from Lines Example

Gradient Forge Panel Build Gradient from Lines Example