EDUCBA

EDUCBA

MENUMENU
  • Free Tutorials
  • Free Courses
  • Certification Courses
  • 280+ Courses All in One Bundle
  • Login
Home Design Design Tutorials Illustrator Tutorial Width Tool in Illustrator
Secondary Sidebar
Illustrator Tutorial
  • Tools
    • Adobe Illustrator Tools
    • Selection Tool in Illustrator
    • Width Tool in Illustrator
    • Illustrator Grid Tool
    • Pathfinder Tool in Illustrator
    • Pen Tool In Illustrator
    • Measure Tool in Illustrator
    • Mesh Tool In Illustrator
    • Blend Tool in Illustrator
    • Direct Selection Tool Illustrator
    • Illustrator Free Transform Tool
    • Shape Builder Tool in Illustrator
    • Slice Tool in Illustrator
    • Smooth Tool in Illustrator
    • Eyedropper Tool in Illustrator
  • Basic
    • What is Adobe Illustrator
    • Install Adobe Illustrator
    • Adobe Illustrator For Windows
    • Adobe Illustrator for Windows 8
    • How to Use Adobe Illustrator
    • Adobe Illustrator for beginners
    • Adobe Illustrator for Students
    • Illustrator Shortcut Keys
    • Illustrator Plugins
    • Illustrator Repeat Action
    • Illustrator auto trace
    • Layers in Illustrator
    • Moon in Illustrator
  • Effects
    • Effects in Illustrator
    • Insert Image in Illustrator
    • Crop in Illustrator
    • Remove Background In Illustrator
    • Remove White Background in Illustrator
    • Shapes in Illustrator
    • Text Effects In Illustrator
    • Watercolor Brushes Illustrator
    • Blending Modes in Illustrator
    • Blur in Illustrator
    • Brushes in Illustrator
    • Change Background Color in Illustrator
    • Graphic Styles in Illustrator
    • Change Artboard Size in Illustrator
    • Logo Design in Illustrator
    • Rasterize in Illustrator
    • Resize Image in Adobe Illustrator
    • 3D Effects in Illustrator
    • 3D Text in Illustrator
    • Filters in Illustrator
    • Reflection in Illustrator
    • How to Make Logo in Illustrator?
    • Transparent in Illustrator
    • How to Add Texture in Illustrator?
    • Neon Effect in Illustrator
    • Create Table in Illustrator
    • Paper Texture in Illustrator
    • Stamp Effect in Illustrator
    • Sun in Illustrator
    • How to Warp Text in Illustrator?
    • Metal Effect in Illustrator
    • Action in Illustrator
    • Illustrator Gold Gradient

Related Courses

Illustrator Training Course

Adobe Flash Training Course

3Ds Max Modeling Training Course

Width Tool in Illustrator

width tool in illustrator

Introduction to Width Tool in Illustrator

Adobe Illustrator is one of the most famous and powerful programs used and developed for graphic editors and designers. Most of the 2D editors generally use Adobe Illustrator as it has a vast variety of tools and functions with lots of effects that can be created either manually or comes by default in the software. Adobe Illustrator is mostly used for creating 2D Artworks and Graphics. With this program, the Width Tool in Illustrator has become way too easy to create any logo designs, web pages, advertising materials, or even 3D effects. Every tool in the program has its unique function, and each tool is as important as the other. Some tools may not seem to be in use each and every time, but still, they hold weight and advantage to the software.

One such tool in Adobe Illustrator is the Width tool in Illustrator. This tool can be used for multiple reasons and may sometimes be missed by any user because of its low popularity amongst graphic designers. With the Width tool, any design can be molded and modified by just creating a stroke. The width tool lets the user work smarter rather than harder manually.

How to Use the Width Tool?

In the following examples, we will understand how to create a variable-width stroke profile and use it on other objects for making manual work easier and simpler.

Step 1: Open a New File in Illustrator.

Start Your Free Design Course

3D animation, modelling, simulation, game development & others

new file in illustrator

Step 2: Draw a Stroke using the line segment tool. Increase the width of the stroke.

draw a stroke (width tool in illustrator)

Step 3: Use the Width tool or press the SHIFT + W command to activate the width tool.

use width tool

Step 4: Click, hold the mouse and drag on the stroke to create anchor points according to the design you want to create.

create anchor points (width tool in illustrator)

Step 5: These anchor points help in creating a specified shape or object by just using the Width tool.

Step 6: We can also copy the anchor points by using the ALT + click command and delete these anchor points by selecting any point and using the DELETE command.

delete command (width tool in illustrator)

Step 7: When the shape is created, go to the Options bar and click on Variable Width Profile.

Variable Width Profile

Step 8: Select the ADD TO PROFILES as shown in the image; this will add the shape created to the Variable Width Profile. These variables are very useful as they can be used at any point in time just by clicking on them.

ADD TO PROFILES

Using Variables with our Objects or Shapes

Step 1: Create a New file in Illustrator.

new file in illustrator

Step 2: Draw a circle using the ellipse tool.

ellipse tool

Step 3: Use the scissor tool, and cut the circle as shown in the image.

scissor tool in illustrator

Step 4: Now, change the color of the stroke to pink and use the stroke that was saved earlier from the Variable Profile menu. Also, increase the stroke weight of the shape.

using the stroke

Step 5: Now, make a copy of the shape as shown in the image.

copy of the shape in illustrator

Step 6: This is how we can use the width variables on any object in any way.

  • These variable profiles depend on the width size, so the user must increase or decrease the width weight to achieve the desired effects. These variable profiles can be modified anytime and with any number of times.
  • We can change the stroke weight, color gradient or opacity of the same. In a deeper way, we can say that these width profiles are not just instances but also the storage to vector data that contains details of width points within a stroke path. Moreover, these width profiles can be applied to any path or curve or shape, irrespective of its dimensions and size. The width tool is a very efficient and useful tool to use for urgent projects and presentations, as it can be a quick way to create an object or a shape without going much into detail and in process.
  • When we use the width tool, we should always use the shape tool or the pen tool to avoid getting too many anchor points or a wavy path. The pen tool helps the user to give a better outlook and show a better workflow. While most of the designers who are generally into freehand drawing and use the pen tool for most of their work should use the Width tool for creating quick effects. It is also necessary to understand that the Width tool doesn’t work with the Brush tool in general. Since the width tool is based on creating paths on a stroke, it doesn’t work on the brushes, and the brush tool automatically gets disabled when the width tool is in use.

Conclusion

The width tool is an important and capable tool for quick and easy effects and results. The user working with shapes and pen tool can be at an advantage to use this tool and use the benefits of this great but hidden tool. The user should remember that they cannot use the Brush tool simultaneously with the use of the Width tool. The work becomes easy and efficient, while the strokes can be changed at any point in time, and this is the most important part of the Width tool.

Recommended Articles

This is a guide to the Width Tool in Illustrator. Here we discuss how to use the Width tool and how to use variables with objects or shapes. You can also go through our given articles to learn more-

  1. After Effects Tools
  2. Adobe Illustrator for Students
  3. Effects in Illustrator
  4. Smooth Tool in Illustrator
Popular Course in this category
Illustrator Courses (1 Courses, 2+ Projects)
  1 Online Courses |  2 Hands-on Projects |  12+ Hours |  Verifiable Certificate of Completion
4.5
Price

View Course

Related Courses

Adobe Flash Training (2 Courses, 1+ Projects)4.9
3Ds Max Modeling Training (5 Courses)4.8
0 Shares
Share
Tweet
Share
Primary Sidebar
Footer
About Us
  • Blog
  • Who is EDUCBA?
  • Sign Up
  • Live Classes
  • Corporate Training
  • Certificate from Top Institutions
  • Contact Us
  • Verifiable Certificate
  • Reviews
  • Terms and Conditions
  • Privacy Policy
  •  
Apps
  • iPhone & iPad
  • Android
Resources
  • Free Courses
  • Photoshop Tutorial
  • 3ds Max Tutorial
  • All Tutorials
Certification Courses
  • All Courses
  • Design Course - All in One Bundle
  • Photoshop Course
  • Maya Course
  • Unreal Engine Course
  • Unity Course
  • DaVinci Resolve Course
  • Pro Tools Course

ISO 10004:2018 & ISO 9001:2015 Certified

© 2022 - EDUCBA. ALL RIGHTS RESERVED. THE CERTIFICATION NAMES ARE THE TRADEMARKS OF THEIR RESPECTIVE OWNERS.

EDUCBA
Free Design Course

Banner Creation, Object Selection, Sky Replacement, Advance Filters & others

*Please provide your correct email id. Login details for this Free course will be emailed to you

By signing up, you agree to our Terms of Use and Privacy Policy.

EDUCBA Login

Forgot Password?

By signing up, you agree to our Terms of Use and Privacy Policy.

EDUCBA
Free Design Course

3D animation, modelling, simulation, game development & others

*Please provide your correct email id. Login details for this Free course will be emailed to you

By signing up, you agree to our Terms of Use and Privacy Policy.

EDUCBA

*Please provide your correct email id. Login details for this Free course will be emailed to you

By signing up, you agree to our Terms of Use and Privacy Policy.

Let’s Get Started

By signing up, you agree to our Terms of Use and Privacy Policy.

This website or its third-party tools use cookies, which are necessary to its functioning and required to achieve the purposes illustrated in the cookie policy. By closing this banner, scrolling this page, clicking a link or continuing to browse otherwise, you agree to our Privacy Policy

Loading . . .
Quiz
Question:

Answer:

Quiz Result
Total QuestionsCorrect AnswersWrong AnswersPercentage

Explore 1000+ varieties of Mock tests View more