Learn about Illustrator's Stroke

Learn about Illustrator’s Stroke

In the previous article, readers read Taimienphi.vn to learn the Shape builder tool in Adobe Illustrator. In the following article, you read along with Taimienphi.vn to learn about Illustrator’s Stroke.

Use Stroke in Illustrator (Windows => Stroke) to specify whether the line is a solid line or a broken line, … We can apply the Stroke options to the whole object or use the Live Paint group and apply different strokes to different edges in an object.

Along refer to the following article of Taimienphi.vn to learn about Illustrator’s Stroke.

1. Learn about Illustrator’s Stroke

Apply color, width or stroke alignment in Illustrator

Step 1: Select the object (to select an edge in the Live Paint group, we use the Live Paint Selection tool).

Step 2: Click on the box Stroke on the toolbar, Color Panel or Control Panel.

I found the stroke stroke of illustrator 2

Step 3: Choose a color in the Color Panel, or a color swatch from the Swatches panel or Control panel. Alternatively, double-click the Stroke box to select a color using the Color Picker.

Note: If you want to use the current color in the Stroke box, you can drag the color from the Stroke household to the object. Dragging does not work with the Live Paint group.

Step 4: Adjust the size of the Stroke width in the Strokes Panel or Control Panel.

Step 5: If the object is a closed path (and not a Live Paint group), select an option in the Stroke panel to align the Stroke to the path:

: Align the Stroke in the middle of the border.
: Align the Stroke within the border.
: Align the Stroke outside the border.


– In the current version of Illustrator, the Stroke alignment option inside the border is applied by default when users create web documents. In previous versions of Illustrator, the Stroke alignment option in the middle of the border was applied by default.

– If you try to align the paths using different Stroke alignments, the paths may be inaccurate. Make sure the alignment settings are the same if you need to match the edges correctly when aligning.

2. Create strokes with different widths

The Width tool on the toolbar allows us to create a Stroke width variable and store this variable to apply to the other Stroke.

When hovering over a Stroke with the Width tool, the path with the handle will display an empty diamond icon. We can adjust the width of the Stroke, move the width point, double the width point, and delete the width point.

With many different strokes, the Width tool adjusts only the active Stroke. If you want to adjust a Stroke, make sure that the Stroke you selected is active in the Appearance panel.

To create or edit the width points, use the Width Point Edit dialog box, use the Width tool to double-click on Stroke and edit the values ​​for the width points.

If you check the Adjust Adjoining Width Points box, the changes that are selected with the width points will be affected.

To automatically select the Adjust Adjoining Width Points box, press the Shift key and double-click the width point.

The Width tool distinguishes between continuous and discontinuous width points when adjusting the width variable.

Understanding stroke of illustrator 3

To create a discontinuous width point, follow the steps below:

Step 1: Create 2 width points on the Stroke with different widths.

Understanding stroke of illustrator 4

Step 2: Drag a width point to the remaining width point to create a discontinuous width point for the Stroke.

Understanding stroke of illustrator 5

For discontinuous points, the Width Point Edit dialog box displays the width of the side.

Understanding stroke of illustrator 6

3. Control the Width tool

Follow any of the actions below:

– Pull the handle out or inward to adjust the Stroke width at the position on the path. The width points created at the corner or at the selected anchor point are directly attached to the anchor point during the path editing.

– To change the position of the width point, drag the point along the path.

– To select multiple width points, press the Shift key while clicking the points. In the Width Point Edit dialog box, specify values ​​for Side 1 and Side 2 of various points. Any adjustments to a width point will affect all selected width points.

4. Save the Stroke width configuration

After the Stroke width has been set, proceed to save the changed configuration using the Stroke panel, Control Panel or the Properties panel.

Understanding stroke of illustrator 7

Follow any of the actions below:

– To apply a width configuration to the selected paths, select the profile from the Width Profile menu listed in the Control panel or Stroke panel.

If a Stroke without a width variable is selected, the list will display the Uniform option. Select the Uniform option to remove the width variable configuration from the object.

– To restore the default width configuration, click the button Reset Profiles at the bottom of the Profile menu.


– Restoring the default width configuration in the Stroke Options dialog box will delete the saved custom configurations.
– If you apply a width variable configuration to the Stroke, it will be indicated by an asterisk (*) in the Appearance panel.

5. Create dotted lines or dashed lines

We can create dotted lines or dashed lines by editing the Stroke properties of the object.

Step 1: Select object.

Step 2: In the Stroke panel, select Dashed Line. If the Dashed Line option is not displayed, select the option Show Options from the Stroke panel menu.

Step 3: Click the Align Dashes to Corners and Path Ends icon, Adjusting Length to Fit. This option allows you to create hyphens at the corners and ends of the paths that are appropriate and predictable. If you need to retain the dashes without alignment, select the Preserve icon exact dash and gap length.

Understanding stroke of illustrator 8

Step 4: Specify a dash string by entering the length of the dash and the distance between them.

The entered numbers are repeated in order so that once you have the form set, you don’t need to fill out all the text boxes.

Step 5: Select the Cap option to change the ends of the dash. The Butt Cap option creates a dash when finished; Round Cap option creates dashes or dots; Projecting Cap option extends the beginning of the dash.

Understanding stroke of illustrator 9

6. Change Cap and Join

Cap is the beginning of an open line, a Join in which the line changes direction. We can change the Cap and Join of a line by changing the Stroke properties of the object.

Step 1: Select object.

Step 2: In the Stroke Panel, select the option Cap and optional Join. If these options are not displayed, select the option Show Options from the Panel menu.

– Butt Cap: Create lines with square ends.

– Round Cap: Create lines with a semicircle.

– Projecting Cap: Create lines with a square end that extends half the width of the line.

– Miter Join: Create lines with sharp angles.

– Round Join: Create lines with rounded ends.

– Bevel Join: Create lines with right angles.

7. Add arrowheads

In Illustrator we can access the arrowheads in the Stroke panel and link adjustments to adjust dimensions. The default arrowhead is available from the Arrowheads list in the Stroke panel.

I understand the stroke of illustrator 10

We can also resize the arrowheads by using the options Scale.

To adjust the path and align the beginning or the end of the arrow, we use the alignment options, including:

– Expand the arrowhead at the end of the path.

– Put the arrowhead at the end of the link.

Note: To remove arrowheads from objects, select the option None arrowhead from the menu.

8. Customize arrowheads

To create custom arrowheads, open the file Arrowheads.ai, inside ShowPackageContent Required Resources on Mac.

And ShowPackageContent Support Files Required Resources on Windows.

Follow the instructions in the file to create custom arrowheads.

The above article you read while Taimienphi.vn learn about Illustrator’s Stroke. If you have any questions or questions, you can leave your comments in the comments section below.

Along with the Stroke tool, the shapes in IIIustrator are also exploited to create complex objects by simple grouping and deletion, you can learn more about shape in IIIustrator through our article on taimienphi.


Related Posts

Leave a Reply

Your email address will not be published.