webdew-logo-new_v2-1
   
webdew-logo-new_v2-1
Close
  • Services
  • Work
  • Resources
    • Knowledge
    • Ebooks
    • Tools
      • Website Audit
      • Website Grader
      • HubSpot ROI
  • Blog
  • About
Let's talk

  • fb-icon-01
  • tw-icon-01
  • insta-icon-01 (1)
  • linkedin-icon-01
  • youtube-icon-01
website-green-icon
Websites
  • Website Designing
  • Website Development
  • Website Migration
  • HubSpot Website
  • WordPress Website
  • Growth-Driven Design
video-blue-icon
Videos
  • 3D Videos
  • 2D Animation
  • Whiteboard Animation
  • Video Ads
  • Explainer Videos
  • Testimonial Videos
  • Onboarding Videos
  • Tutorial Videos
  • Social Media Videos
  • Product Demo Videos
marketing-yellow-icon
Marketing
  • Inbound Marketing
  • Inbound Consulting
  • Marketing Automation
  • Search Engine Optimization
  • Brand Domains
hubspot-red-icon
HubSpot
  • HubSpot Apps
  • HubSpot Themes
  • HubSpot Migration
  • HubSpot Onboarding
  • HubSpot Management
  • HubSpot Development
  • HubSpot Audit
  • Free HubSpot Demo
  • HubSpot Diamond Partner
webdew-logo-new_v2-1
  • Services
  • Work
  • Resources
    • Knowledge
    • Ebooks
    • Tools
      • Website Audit
      • Website Grader
      • HubSpot ROI
  • Blog
  • About
Let's talk

How to use illustrator width tool: All you need to know

How to use illustrator width tool: All you need to know-vbh
Tag: Videos
Author: Vishal Lamba
Vishal Lamba
Quick Links

Subscribe to Our Blog

Never Miss Any Update From Us !

Adobe Illustrator is undoubtedly one of the most sought tools by graphic designers like me. Be it 2D animations, character animation, logo design, or 3D effects, Adobe offers a range of tools. Some tools may not be used frequently, yet they still add value to the software. 

15 Motion graphic video examples you should see now!

The Adobe Illustrator width tool is one such tool that is used for creating borders, horizontal breaks, and custom typography. Not only does it allow you to form and save custom stroke profiles, but it contributes to an efficient and time-effective workflow. 

In this blog, I will share my knowledge of the width tool basics and some practical examples that put the tool to good use! If you are a character animation creator, this tool is a must know!

Basic functions of the width tool

Let's start with the basics. How can you start using it, and where can you find the tool?

To use the Width Tool in Illustrator, select the Width Tool from the toolbar or use the shortcut Shift+ W. 

use-of-adobe-illustrator-width-tool-all-you-need-to-know-1

To create anchor points for the design you wish to make, click, hold the mouse, and drag on the stroke. Pull up or down on these points to stretch or contract that segment of the stroke.

Asymmetrical stroke width

use-of-adobe-illustrator-width-tool-all-you-need-to-know-2

You can modify the stroke by holding Alt while dragging the width tool. Holding Alt will allow you to expand or contract just one side of a stroke rather than both directly. 

Saving and applying width profiles

The best thing about the width tool is that you can use it on any stroke regardless of the angle and length. It does not just make the stroke creative but also structured. 

use-of-adobe-illustrator-width-tool-all-you-need-to-know-3

Another amazing thing about the width profile is that the arm can be applied to any stroke, regardless of angle and length. It not only makes the stroke profile efficient but also makes the stroke efficient.

I have shown you in the above image that stroke paths are often viewed by opening the Stroke window and clicking the Path dropdown. To feature a replacing path, select your modified stroke and choose the "Add to paths" option within the Profile dropdown of the Stroke window.

How to use illustrator width tool All you need to know 5

The image above shows us how to use a stroke path with only strokes. 

Width tool in action

You are probably thinking of all the components and functions of the width tool. You can take a look at some real design examples where the width tool is used to help you understand better. 

use-of-adobe-illustrator-width-tool-all-you-need-to-know-4

As shown in the image above, one stroke can be used to create "H." Using the width tool, particular stroke segments can be thickened to create a calligraphic look. It works well for custom topography.

How to use illustrator width tool All you need to know 6

While creating a horizontal stroke, do not forget to make the number bulb and the shape of the demand. This stroke profile can be added to your profile library and applied to strokes on other assets in this project or similar ones.

It doesn't get along with Brush Tool

When using the Brush tool in Illustrator, you should set the Brush Definition to "Basic." Select the "Basic" option in the Brush Panel (F5) when you first "draw the path." 

Create fun Whiteboard animation in After Effects in a few simple steps

The Basic option in the Brush Panel does not serve as a brush. Rather, it is a way to eliminate brush strokes from the selected pathways and convert them to just a regular path, thereby enabling the Width Tool. 

When you click the Basic button and draw, the default calligraphy brush is applied to your Path without variant effects.

Users should also keep in mind that the Width Tool and the Brush Tool cannot be used at the same time. The Width Tool is mostly used to apply one's own effect on a basic Path, which could be a shape or text turned into a shape. Because it is intended for constructing path variants, it does not operate in Brush and is disabled.

Use with Pen tool or Shape tool

Users who work with the Shape and Pen tools may find the width tool useful. It aids in the avoidance of unnecessary barriers and gives you greater control over your design. It will improve your workflow and demonstrate proficiency. 

When you use the Pen tool directly for your design, you can control the number of stroke points in the Path. You'll be able to keep points to a minimum because only you know which area of the Path you want to apply scale and weight. It thereby ensures that the Path is fluid and bump-free. 

Use on tablets

The Width Tool was created exclusively for "tablet" workflow and provides an experience akin to working with a pencil and eraser to adjust the thickness/weight of your Path. 

If you've already decided to utilize the Width Tool, you can start with a simple stroke path or a pencil. Use Alt + 5 as a short key to conceal the "Width handle." The same method can be used to make it visible again.

Live-action

When there are a lot of routes to convert, the option to convert the strokes to basic may not be available, and you may only be able to adjust the width profile. It is also possible that the choice to convert to basic is available, but picking it has no effect. Follow Object> Live Paint> Expand to activate the Width Tool in such instances. 

In Short

The Width Tool might provide your design impetus to continue forward with this tool. When strokes can be modified at any time, work becomes more manageable. If you are someone who works with shapes and pen tools, this little-known tool can be very beneficial. 

As a designer, I feel the width tool is underrated. If you know the right way of using this tool, it will prove to be beneficial. I hope this blog helped you understand the use of the width tool.

There are many more tools in Illustrator that are a must-know for whoever is interested in making beautiful designs. A few include the Transform tool, Pencil tool, Curvature tool, etc. Explore all the tools and effects if you wish to enhance your Adobe Illustrator skills. 

Do you want to know more or need assistance with making animated videos? Contact Us!

                                                                                                                                Editor: Amrutha

how explainer video grow traffic

Related Blogs

How to use the curvature tool in Illustrator like a pro?-vbh
Videos

How to use the Curvature tool in Illustrator like a pro?

How to use puppet tool in after effects: A step by step guide-vbh
Videos

How to use puppet tool in After Effects: A step by step guide

How to use graph tool in Adobe Illustrator?-vbh
Videos

How to use graph tool in Adobe Illustrator?

review-star

Based on 1000+ Reviews on

footer-dot-logo-img
  • Hubspot_Logo-icon
  • clutch_Logo-icon
  • upwork_Logo-icon
  • designrush_Logo-icon
  • goodfirms_Logo-icon
  • g2_Logo-icon
WE ARE GLOBAL
  • US-flag
  • CA-flag
  • IN-flag
  • GB-flag

Copyright © 2019 - 2021 Webdew, Inc. All Rights Reserved

Copyright © 2019 - 2021 Webdew Labs Inc. All Rights Reserved

Copyright © 2016 - 2021 Webdew Private Limited. All Rights Reserved

Copyright © 2019 - 2021 Webdew, Inc. All Rights Reserved

WE ARE SOCIAL
  • fb-icon-01
  • tw-icon-01
  • insta-icon-01 (1)
  • linkedin-icon-01
  • youtube-icon-01
Terms of Services
Privacy Policy