Viewed: 27432

Creating custom stroke width profiles in Illustrator

Design in 2 minutes

Illustrator has a fair variety of default width profiles; however you may find yourself wanting to tweak them slightly. In my case, I needed to modify one for creating some eyelashes. It’s not apparent how to do this. So it makes for a good post to explain for anyone having a similar problem.

Draw a line

Select the line tool or press \ and draw out a line of any width.

Adjust the stroke width

Press shift w or select the width tool.

With the width tool, there are a few ways, to interact with it, to adjust the width, of your line.

Your line should end up something like this.

Smoothing the line

Sometimes you may want a smoother line than what the width tool offers from an adjustment. Smoothing can be done by clicking and dragging the original width point you put down.

Dragging the width point along to get a smoother line

Adding it to your presets

Add the width profile to your presets for later reuse.

To add it to your presets, with your stroke selected. You should see the stroke width in the top control panel, along side that, is the variable width dropdown. Click that and the first of 3 buttons at the bottom, is the add to profiles.

Flipping the variable width

You can draw a path and change the variable width, and it appears to go against the way you want it.

You can flip the variable width profile on either axis.

To flip the path, you can click stroke in the control panel. Where you are presented with all the stroke options. Towards the bottom, you’ll see profile and a button to the right of it. Click that to flip the path.

Customising an existing width profile

Customising can be the tricky part, as the presets can be a little awkward to adjust. Some of them have larger amounts of width tool adjustments.

Highlight the point

Choose your existing width profile. Then highlight the points and you can adjust, remove or add more points as necessary.

Save and use it

Follow the same process as earlier to save and then you’re able to use it for everything else.

Stroke the inside or outside of unclosed paths

I feel like this should be easier, as it wasn’t immediately apparent to me. The ability to stroke the inside or outside of an unclosed path. The same techniques mentioned in this post is used, to achieve this.

Demonstrating adjusting one side of the path with the width tool


There’s many ways to manipulate paths with the width tool. Are there any I have missed? Let me know @irsteve.

If you found this article useful, why not support the upkeep of this website?

Next to read

Illustrator quick tip: grid guides

Get the articles

It’s my aim to help you be a better designer. Join my monthlyish email list and I’ll send new tutorials to help you design & code beautiful websites.

I also do the occasional design critique, which you get access to for being a subscriber—send a design through after subscribing. Also, there’s some older templates and post files included. You can unsubscribe anytime.