Stroke Style Components

Building a style is like building a sandwich. Multiple style components may be added. Stroke style components include: Stroke, Arrow (and Dimension Line) Stroke, Path Decorator, Rough Stroke, Tagged Stroke, Tapered Stroke and Zig-Zag Stroke.

Stroke

Press the ‘+’ button and choose ‘Stroke’ from the drop-down menu.

The following properties can be edited for strokes:

  1. COLOR – Click the color-well to open the Color Picker.
  2. WIDTH – Set line width with the drop-down list; or use the pop-up slider, type the line width, or use the up/down arrows to adjust the line width.
  3. SOLID LINE or DASH – Choose ‘Solid Line’ or a dash pattern from the drop-down list, or choose ‘Other…’ to define a custom dash pattern in the dialog that is presented.
  4. OFFSET – Use the slider to offset the visible stroke to the left or right of the path centerline.
  5. CLIPPING – Choose from ‘None’ for no clipping, ‘Inside’ to clip the visual stroke to the inside of the path centerline, or ‘Outside’ to clip the visual stroke to the outside of the path centerline.
  6. CORNER & END JOINTS – Butted, rounded or square cap end joints; mitered, round, or beveled corners.
  7. SHADOW – Check the box to enable the stroke shadow. Press and drag the knob to adjust the shadow angle. Move the sliders to adjust the shadow distance and blur. Click the color-well to open the Color Picker and change the shadow color.

HINT: Heavy use of shadows can affect drawing speed. For good performance, a preference hides shadows when viewing the document above 800% zoom. This preference can be changed and/or disabled in the ‘Artboard > Preferences…’ Performance dialog.

Arrow (and Dimension Line) Stroke

Press the ‘+’ button and choose ‘Arrow Stroke’ from the drop-down menu.

In addition to color, line width, dash, and shadow properties of a standard stroke, the following properties can be edited:

  1. ARROW SIZE / SHAPE – Drag the green knob In the arrowhead preview area.
  2. LEFT / RIGHT (END) STYLE – Set the arrowhead style on one or both ends from the drop-down lists.
  3. DIMENSION LINE LABEL – Optionally add dimensions, displayed in the current drawing units.

Path Decorator

Use Path Decorator to add a pattern image repeatedly along a path. Press the ‘+’ button and choose ‘Path Decorator’ from the drop-down menu.

The following properties can be edited for Path Decorator:

  1. PATTERN IMAGE – Copy a small graphic from your drawing and click ‘Paste’, or click ‘Image File…’ to launch Finder and select an image. Vector graphics (such as those copied/pasted from your drawing) are converted to PDF images and are not individually editable when part of a style component.
  2. SPACING – Adjusts the distance between each image along the path.
  3. SCALE – Adjusts the percent scale factor of the images along the path.
  4. SCALE RANDOMNESS – Adds variation in the image size.
  5. WOBBLE – Adds random variation in the image angle.
  6. END RAMP – Images are scaled down toward the ends of the path. The setting sets the proportion of the path affected.
  7. OFFSET – Adjust the lateral displacement of images from the path centerline.
  8. ALIGN TO PATH – When checked, each image will be aligned to the paths curvature. When uncheck each image will be aligned to the page.
  9. ALTERNATING OFFSET – When checked, alternating images are placed to opposite sides and with 180-degree rotation.
  10. CLIPPING – Choose from ‘No Clipping’, ‘Inside’ to clip the visual stroke to the inside of the path centerline, or ‘Outside’ to clip the visual stroke to the outside of the path centerline.

HINT: For good performance (drawing speed), the image should be small, not too complex, and not too closely spaced.

Rough Stroke

Press the ‘+’ button and choose ‘Roughened Stroke’ from the drop-down menu.

In addition to color, line width, dash, and shadow properties of a standard stroke, the following properties can be edited:

  1. ROUGHNESS – Use the popup slider, highlight the text and type, or use the up/down arrows to adjust the percent roughness of the stroke.

Tagged Stroke

Press the ‘+’ button and choose ‘Tagged Stroke’ from the drop-down menu.

In addition to color, line width, dash, and offset properties of a standard stroke, the following additional properties can be edited for Tagged stroke:

  1. MAIN – Check to show the main stroke, uncheck to hide the main stroke and show tags only.
  2. TAG KIND – Press the drop-down list to choose the appearance of the tag, such as lines, squares, triangles, semi-circles, circles and “v”s.
  3. ALTERNATING TAGS – When checked, alternating tags are placed to opposite sides of the stroke.
  4. TAG TAPER – Check the ‘Left’ ‘Right’ boxes to taper the tags off as they reach the end of the path. Choose the type of taper to be applied. Adjust the percent distance of the taper to ends of the path with the popup slider.
  5. TAG HEIGHT – Adjust the height of the tags.
  6. TAG WIDTH – Adjust the width of the tags.
  7. TAG SPACING – Adjust the spacing of the tags along the path.
  8. TAG PHASE – Adjust the percent of the path shown before the tags start.
  9. TAG ANGLE – Adjust the angle of the tag.

Tapered Stroke

Press the ‘+’ button and choose ‘Tapered Stroke’ from the drop-down menu. Color and line width properties are set in the same way as a standard stroke.

In addition to color and line width properties of a standard stroke, the following additional properties can be edited for Tapered stroke:

  1. TAPER – Check the boxes to taper the tags off as they reach the left and/or right side of the path. Choose the type of taper to be applied. Use the slider, highlight the text and type, or use the up/down arrows to adjust the percent distance of the taper to ends of the path.
  2. AMOUNT OF TAPER – Check the ‘L’ (left) and ‘R’ (right) boxes to taper the tags off as they reach the end of the path. Adjust the percent distance of the taper to ends of the path.

Zig-Zag Stroke

Press the ‘+’ button and choose ‘Zig-Zag Stroke’ from the drop-down menu.

In addition to color, line width, dash, and shadow properties of a standard stroke, the following additional properties can be edited for Zig-Zag stroke:

  1. AMPLITUDE – Use the slider, highlight the text and type, or use the up/down arrows to adjust the amplitude (distance from centerline) of the zig-zag wave effect
  2. WAVELENGTH – Use the slider, highlight the text and type, or use the up/down arrows to adjust the wavelength (distance between waves) of the zig-zag wave effect
  3. SPREAD – Use the slider, highlight the text and type, or use the up/down arrows to adjust the curvature of the peaks of the wave.