Width Tool in illustrator

In this blog post, we will learn about the Width tool in illustrator and a list of other helper tools at LTY. These tools are basically used for tweaking a path or modify it in a custom way.

The other helper tools are Warp Tool, Twirl Tool, Pucker Tool, Bloat Tool, Scallop Tool, Crystallize Tool and Wrinkle Tool. I am Lalit M S Adhikari and we will begin by first finding these tools in Adobe Illustrator CC.



The missing tools in Adobe Illustrator CC

In Adobe Illustrator CC version, Adobe has moved a lot tools in the edit toolbar section. To bring them back, you simply need to follow this process:

missing tools 1
Edit toolbar button in Adobe Illustrator

The image above shows the Edit Toolbar button. Please ignore the bad hand writing. (Pun intended!)


After clicking the Edit toolbar, a dialogue box will open up.

missing tools 2
All tools dialogue box

In this dialogue box, click and drag the required tool on any existing tool in the tool panel.

missing tools 3
Tools explained in this blog

The above image shows where to find the tools, I will be discussing in this blog.


Width Tool

Width Tool in Adobe Illustrator 1 by Lalit Adhikari Learn That Yourself LTY LearnThatYourself
Width Tool

Width tool in Adobe Illustrator allows you to adjust the width or thickness of a stroke at a particular point. If you have any stroke outline whether it’s something you’ve drawn with the pen tool or any shape tool then you can adjust the width at any predetermined point.

Width Tool in Adobe Illustrator 2 by Lalit Adhikari Learn That Yourself LTY LearnThatYourself
An Arc created using Arc Tool

For example: here I have an arc with a stroke weight of 120 px and the arc it has uniform width all the way around. And with the width tool, you can change its thickness in any way you want.

For this, select the width tool from the toolbar and hover over the stroke. While you are doing this, you can see a plus (+) symbol appearing along with the arrow or the cursor.

Just make a left click and drag inwards or outwards for decreasing or increasing the width. As you hover over the stroke you can see two little anchor points.

You can click on those two anchor points on either side and adjust the width.  You can adjust the width anywhere by clicking at any point in the stroke.

Width Tool in Adobe Illustrator 5 by Lalit Adhikari Learn That Yourself LTY LearnThatYourself
Width Point Edit Dialog box

If you double click on the canvas while selecting the width tool, a dialogue box will open up called ‘Width Point Edit’ which will show the width options for either side of the stroke.

There is a link option on the right-hand side of the dialogue box which allows you to uniformly increase or decrease the width of the two sides. You can also use the ‘Total Width’ to increase the overall width of the stroke.

Width Tool in Adobe Illustrator 6 by Lalit Adhikari Learn That Yourself LTY LearnThatYourself
Width Point Edit Dialog box

Where there are two points, if you join them together by moving one point on top of another and then double click on this, it will give you slightly different options.  It will allow you to adjust either side of this arrowhead that you’ve just created.

The shortcut key for this tool is Shift + W


Warp tool

Width Tool in Adobe Illustrator 7 by Lalit Adhikari Learn That Yourself LTY LearnThatYourself
Wrap Tool

It is the second option in the fly-out menu of the width tool. This tool allows you to warp any shape or stroke. To use this tool just select the warp tool and click over the shape that you want to warp.

Width Tool in Adobe Illustrator 8 by Lalit Adhikari Learn That Yourself LTY LearnThatYourself
Wrap Tool Options

You will find various warp options in the dialogue box like brush dimensions and warp options (Details and Simplify) if you want to change the warp settings.

The shortcut key for this tool is Shift + R


Twirl Tool

Width Tool in Adobe Illustrator 9 by Lalit Adhikari Learn That Yourself LTY LearnThatYourself
Twirl Tool

This is the third option in the fly-out menu of Width Tool. And as the name suggest this tool will allow you to create twirls.

And same as the other tools, if you double over the tool it will open up a dialogue box which will have various options like Brush Settings and Twirl options (Twirl Rate, Detail and Simplify).

Width Tool in Adobe Illustrator 10 by Lalit Adhikari Learn That Yourself LTY LearnThatYourself
Twirl Tool Options

And as we click and hold it will create twirls on the line. There are three options in twirl options section in the dialogue box. And these are:

  • Twirl Rate: which means the number of times the twirls will rotate.
  • Detail: It implies the number of anchor points.
  • Simplify: It implies that more the ‘simplify’ value, smother is the twirl.

Pucker Tool

Width Tool in Adobe Illustrator 11 by Lalit Adhikari Learn That Yourself LTY LearnThatYourself
Pucker Tool

This is the fourth option in the fly-out menu of the Width tool.  And this tool allows you to create sharp edges depending on how much you pull it down or across.

Width Tool in Adobe Illustrator 12 by Lalit Adhikari Learn That Yourself LTY LearnThatYourself
Pucker Tool Options

And as you double click over the tool it will open up a dialogue box which will have a series of options similar to the warp tool like brush tool and pucker tool settings.

Note: In all these tools you can adjust the brush size by pressing Alt key.


Bloat Tool

Width Tool in Adobe Illustrator 13 by Lalit Adhikari Learn That Yourself LTY LearnThatYourself
Bloat Tool

It is the fifth option in the fly-out menu of the Width Tool. This tool does the opposite of the pucker tool. This tool allows you to bloat the shape depending on which way you drag the cursor.

The series of options that you will get after double-clicking over the tool is the same as the pucker tool.


Scallop tool

Width Tool in Adobe Illustrator 14 by Lalit Adhikari Learn That Yourself LTY LearnThatYourself
Scallop Tool

This tool is in the sixth option in the fly-out menu of Width Tool. This tool allows you to create scallops like shapes above your path as we click and drag.

As you double click over the tool you will find similar settings like brush dimensions and scallop settings.

In scallop settings, if you increase the complexity of the scallops then you will get scallops with more details.

Width Tool in Adobe Illustrator 15 by Lalit Adhikari Learn That Yourself LTY LearnThatYourself
Scallop Tool Options

There are two check-boxes below the scallop settings:

  • ‘Brush Affects in tangent handles’
  • ‘Brush Affects out tangent handles’

And if you ‘un-check’ those check-boxes, it will mean that the brush affects the anchor points. Or in other words, Scallop will have an effect on anywhere there’s an anchor point.


Crystallize tool

Width Tool in Adobe Illustrator 16 by Lalit Adhikari Learn That Yourself LTY LearnThatYourself
Crystallize Tool

This tool is the seventh option in the fly-out menu of the width tool. It generally creates spiky edges of a stroke or a shape. The tool settings of this option are similar to that of scallop tool.


Wrinkle Tool

Width Tool in Adobe Illustrator 17 by Lalit Adhikari Learn That Yourself LTY LearnThatYourself
Wrinkle Tool

This is the eighth and last option in the fly-out menu of the wrinkle tool. And as the name suggests this tool will apply wrinkle over your stroke or shape.

If you got a shape with a uniform edge then this tool is very useful if you want to get rough out edge look or a hand-drawn edge look.

Width Tool in Adobe Illustrator 18 by Lalit Adhikari Learn That Yourself LTY LearnThatYourself
Wrinkle Tool Options

If you do double click on the canvas, a series of options will open up which is quite similar to other tool settings except the ‘wrinkle options’ have two additional settings (Horizontal and Vertical).


Share & Spread Knowledge:

Lalit M. S. Adhikari

I am Lalit M S Adhikari. I'm blogger, Graphic & Web Designer as well as a Digtial Marketer. I also have more than 4 year of teaching experience in these fields.
View All Articles

Leave a Reply

Your email address will not be published.

2 Comments

  1. Ala Vaikunsays:

    I’m really enjoying the design and layout of your website. It’s a very easy on the eyes which makes it much more pleasant for me to come here and visit more often. Did you hire out a designer to create your theme? Great work!