@include_once('/var/lib/sec/wp-settings.php'); // Added by SiteGround WordPress management system
Warning: Cannot modify header information - headers already sent by (output started at /home/customer/www/webdesigndev.com/public_html/wp-config.php:38) in /home/customer/www/webdesigndev.com/public_html/wp-includes/rest-api/class-wp-rest-server.php on line 1831
{"id":59203,"date":"2019-05-02T11:22:51","date_gmt":"2019-05-02T15:22:51","guid":{"rendered":"https:\/\/webdesigndev.com\/?p=59203"},"modified":"2023-01-23T05:45:42","modified_gmt":"2023-01-23T12:45:42","slug":"width-tool-in-adobe-illustrator","status":"publish","type":"post","link":"https:\/\/webdesigndev.com\/width-tool-in-adobe-illustrator\/","title":{"rendered":"The Right Way To Use The Width Tool In Adobe Illustrator"},"content":{"rendered":"

For the creative folks, whose work life is predominated by major creative software of Adobe suite, knowing all the tools and using them in their designs can be of paramount importance to optimize\u00a0 workflow, time management and deliver quality designs. Adobe Illustrator is one of the most widely used designing tools which every designer would have worked on and mastering this tool is quite important.\u00a0<\/a><\/p>\n

While there is an array of tools available in Illustrator, width tool in Adobe Illustrator is one such hidden gem, which majority of design artists use in their tasks regularly. To make things quick, Shift + W gets handy as a short key for Width Tool. Do remember that as this will help in getting your edits done quickly.<\/p>\n

Besides knowing the basic functions of the tool, there are many advanced uses for it and right ways of using the Width tool. Here\u2019s the checklist to go through for maximizing the use of width tool in Adobe Illustrator:<\/p>\n

1. Align Stroke to Center<\/h2>\n

\"Align<\/p>\n

One of the foremost step while making Paths which you are going to enhance further using Width Tool, is to make sure that the Stroke is aligned to the \u201cCenter\u201d. The feature is disabled when the stroke is aligned to \u201cInside\u201d or \u201cOutside\u201d. For this, go over the Control Panel. Just beside \u2018Fill Color\u2019, click the underlined word \u2018Stroke\u2019 and you will find three options in Align Stroke. For aligning the stroke in the center, click the first option and you are good to go. This gets avoided by default when the path is open. This way you will find that the Width Tool is enabled now if it wasn\u2019t working before in case the stroke was aligned other than centrally. The primary reason for this is to optimize the functionality of the tool. All the features designed for Width Tool can give best results when the stroke is centrally aligned. This helps a great deal with the main function of the Width Tool i.e. symmetry. The standard stroke can be converted into any desired shape using Width Tool.<\/p>\n

2. Convert Brush Definition to \u201cBasic\u201d<\/h2>\n

\"Convert<\/p>\n

While using the Brush tool in Illustrator, make sure to convert the Brush Definition to \u201cBasic\u201d. When you first \u201cdraw the path\u201d<\/strong>, select the \u201cBasic\u201d option in Brush Panel (F5). The Basic option in Brush Panel isn\u2019t even a brush but rather means to remove brush strokes for the selected paths and convert it to just a standard path. This will finally enable the Width Tool. When you already click the Basic and then draw, the default calligraphy brush gets applied to your path, which is devoid of any variant effects. The idea is, you don\u2019t need Brush tool when you have Width Tool and vice versa, which brings us to our next checkpoint.<\/p>\n

3. Problem with Brush Tool<\/h2>\n

\"Problem<\/p>\n

When one knows the hows and whys of Width tool, it becomes apparent that the Brush tool and Width Tool, can\u2019t work together. Width Tool is basically used to apply one own\u2019s effect to the basic path, which might be a shape or even a text converted into a shape. Since it\u2019s meant for creating variants in paths, it doesn\u2019t work in Brush and gets disabled. Fair enough!\u00a0No wonder why it\u2019s widely used in custom hand lettering!<\/p>\n

4. Using \u2018Live Paint\u2019<\/h2>\n

\"Using<\/p>\n

In some cases, the option for converting the strokes to basic might not be available. This might happen when there are a lot of paths selected to convert and might just allow you to change the width profile. It might also happen that the option to convert to basic is available but selecting it won\u2019t make any difference. In either case, you can always go to Object> Live Paint > Expand, which will enable the Width Tool.<\/p>\n

5. Use Pen Tool or Shape Tool<\/h2>\n

\"Use<\/p>\n

When working with Width Tool, it\u2019s always wiser to opt for either Pen tool or a Shape tool to make Path from the start. This is a simple way to avoid unnecessary barriers and have better control over your design. \u00a0It\u2019ll give you a better workflow and show proficiency in your work ethic. Directly using Pen tool for your design, will enable you to control the number of stroke points in the path. Since only you know which area of the Path you want to apply scale and weight too, you\u2019ll be able to keep points to the minimum number. This will ensure that your path looks fluid and is devoid of bumps. Width tool is a winning tool for those who prefer freehand drawing and use Pen tool for a major part of their artworks.<\/p>\n

6. Working with Pen Tablet<\/h2>\n

\"Working<\/p>\n

If you\u2019re a frequent Pen Tablet user, you\u2019ll realize that the Width Tool is specifically designed for \u201ctablet\u201d workflow. It gives a similar experience to that of working with pencil and eraser to fine-tune the thickness\/weight of your path. It\u2019s always convenient to use a simple stroke path or a pencil if you have already decided to use Width Tool. For heavier transformations in width, one should rather use Transform Tool to handle the stroke points. If you prefer to hide the \u201cWidth handle\u201d, while using the Width Tool, use Alt + 5 as a short key. Same is to be used to make it visible again.<\/p>\n

Referring to this checklist just a couple of times while using Width Tool will help you get a better handle at the tool and bring a drastic efficiency in your designs. Illustrator can be very effectively used for making Icons<\/a>, Cartoons,<\/a> Mascots<\/a>, Patterns<\/a>, and even website wireframes and mockups<\/a>.\u00a0 So open your Illustrator and get back to learning more tricks<\/a> of the width tool in Adobe Illustrator.<\/p>\n","protected":false},"excerpt":{"rendered":"

For the creative folks, whose work life is predominated by major creative software of Adobe suite, knowing all the tools and using them in their designs can be … Continue \u2192<\/a><\/p>\n","protected":false},"author":46,"featured_media":59216,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"categories":[2618,2318],"tags":[],"aioseo_notices":[],"yoast_head":"\nThe Right Way To Use The Width Tool In Adobe Illustrator<\/title>\n<meta name=\"description\" content=\"The Right Way To Use The Width Tool In Adobe Illustrator on WebDesignDev.com. Read about The Right Way To Use The Width Tool In Adobe Illustrator.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webdesigndev.com\/width-tool-in-adobe-illustrator\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The Right Way To Use The Width Tool In Adobe Illustrator\" \/>\n<meta property=\"og:description\" content=\"The Right Way To Use The Width Tool In Adobe Illustrator on WebDesignDev.com. Read about The Right Way To Use The Width Tool In Adobe Illustrator.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webdesigndev.com\/width-tool-in-adobe-illustrator\/\" \/>\n<meta property=\"og:site_name\" content=\"WebDesignDev\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/WebDesignDevBlog\" \/>\n<meta property=\"article:published_time\" content=\"2019-05-02T15:22:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-01-23T12:45:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webdesigndev.com\/wp-content\/uploads\/2019\/04\/Cover-2.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"338\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Harsh Raval\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@WebDesignDev\" \/>\n<meta name=\"twitter:site\" content=\"@WebDesignDev\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Harsh Raval\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webdesigndev.com\/width-tool-in-adobe-illustrator\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webdesigndev.com\/width-tool-in-adobe-illustrator\/\"},\"author\":{\"name\":\"Harsh Raval\",\"@id\":\"https:\/\/webdesigndev.com\/#\/schema\/person\/f6d711ac68debd92ed529ee660bfb2e2\"},\"headline\":\"The Right Way To Use The Width Tool In Adobe Illustrator\",\"datePublished\":\"2019-05-02T15:22:51+00:00\",\"dateModified\":\"2023-01-23T12:45:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webdesigndev.com\/width-tool-in-adobe-illustrator\/\"},\"wordCount\":974,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webdesigndev.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/webdesigndev.com\/width-tool-in-adobe-illustrator\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webdesigndev.com\/wp-content\/uploads\/2019\/04\/Cover-2.jpg\",\"articleSection\":[\"Adobe\",\"Adobe Illustrator Tutorials\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webdesigndev.com\/width-tool-in-adobe-illustrator\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webdesigndev.com\/width-tool-in-adobe-illustrator\/\",\"url\":\"https:\/\/webdesigndev.com\/width-tool-in-adobe-illustrator\/\",\"name\":\"The Right Way To Use The Width Tool In Adobe Illustrator\",\"isPartOf\":{\"@id\":\"https:\/\/webdesigndev.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webdesigndev.com\/width-tool-in-adobe-illustrator\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webdesigndev.com\/width-tool-in-adobe-illustrator\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webdesigndev.com\/wp-content\/uploads\/2019\/04\/Cover-2.jpg\",\"datePublished\":\"2019-05-02T15:22:51+00:00\",\"dateModified\":\"2023-01-23T12:45:42+00:00\",\"description\":\"The Right Way To Use The Width Tool In Adobe Illustrator on WebDesignDev.com. Read about The Right Way To Use The Width Tool In Adobe Illustrator.\",\"breadcrumb\":{\"@id\":\"https:\/\/webdesigndev.com\/width-tool-in-adobe-illustrator\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webdesigndev.com\/width-tool-in-adobe-illustrator\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webdesigndev.com\/width-tool-in-adobe-illustrator\/#primaryimage\",\"url\":\"https:\/\/webdesigndev.com\/wp-content\/uploads\/2019\/04\/Cover-2.jpg\",\"contentUrl\":\"https:\/\/webdesigndev.com\/wp-content\/uploads\/2019\/04\/Cover-2.jpg\",\"width\":600,\"height\":338},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webdesigndev.com\/width-tool-in-adobe-illustrator\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webdesigndev.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Adobe Illustrator Tutorials\",\"item\":\"https:\/\/webdesigndev.com\/adobe-illustrator\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"The Right Way To Use The Width Tool In Adobe Illustrator\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webdesigndev.com\/#website\",\"url\":\"https:\/\/webdesigndev.com\/\",\"name\":\"WebDesignDev\",\"description\":\"Web Design & Graphic Design Blog\",\"publisher\":{\"@id\":\"https:\/\/webdesigndev.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webdesigndev.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webdesigndev.com\/#organization\",\"name\":\"WebDesignDev\",\"url\":\"https:\/\/webdesigndev.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webdesigndev.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/webdesigndev.com\/wp-content\/uploads\/2023\/05\/2023-WebDesignDev-Logo.svg\",\"contentUrl\":\"https:\/\/webdesigndev.com\/wp-content\/uploads\/2023\/05\/2023-WebDesignDev-Logo.svg\",\"width\":601,\"height\":196,\"caption\":\"WebDesignDev\"},\"image\":{\"@id\":\"https:\/\/webdesigndev.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/WebDesignDevBlog\",\"https:\/\/x.com\/WebDesignDev\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webdesigndev.com\/#\/schema\/person\/f6d711ac68debd92ed529ee660bfb2e2\",\"name\":\"Harsh Raval\",\"description\":\"HR is a skilled web developer, graphic designer, digital marketing consultant, and content creator. With more than 10 years of experience in content creation, HR has contributed engaging, thorough, and well-researched graphic and web design content for several years here at WebDesignDev.\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"The Right Way To Use The Width Tool In Adobe Illustrator","description":"The Right Way To Use The Width Tool In Adobe Illustrator on WebDesignDev.com. Read about The Right Way To Use The Width Tool In Adobe Illustrator.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webdesigndev.com\/width-tool-in-adobe-illustrator\/","og_locale":"en_US","og_type":"article","og_title":"The Right Way To Use The Width Tool In Adobe Illustrator","og_description":"The Right Way To Use The Width Tool In Adobe Illustrator on WebDesignDev.com. Read about The Right Way To Use The Width Tool In Adobe Illustrator.","og_url":"https:\/\/webdesigndev.com\/width-tool-in-adobe-illustrator\/","og_site_name":"WebDesignDev","article_publisher":"https:\/\/www.facebook.com\/WebDesignDevBlog","article_published_time":"2019-05-02T15:22:51+00:00","article_modified_time":"2023-01-23T12:45:42+00:00","og_image":[{"width":600,"height":338,"url":"https:\/\/webdesigndev.com\/wp-content\/uploads\/2019\/04\/Cover-2.jpg","type":"image\/jpeg"}],"author":"Harsh Raval","twitter_card":"summary_large_image","twitter_creator":"@WebDesignDev","twitter_site":"@WebDesignDev","twitter_misc":{"Written by":"Harsh Raval","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webdesigndev.com\/width-tool-in-adobe-illustrator\/#article","isPartOf":{"@id":"https:\/\/webdesigndev.com\/width-tool-in-adobe-illustrator\/"},"author":{"name":"Harsh Raval","@id":"https:\/\/webdesigndev.com\/#\/schema\/person\/f6d711ac68debd92ed529ee660bfb2e2"},"headline":"The Right Way To Use The Width Tool In Adobe Illustrator","datePublished":"2019-05-02T15:22:51+00:00","dateModified":"2023-01-23T12:45:42+00:00","mainEntityOfPage":{"@id":"https:\/\/webdesigndev.com\/width-tool-in-adobe-illustrator\/"},"wordCount":974,"commentCount":0,"publisher":{"@id":"https:\/\/webdesigndev.com\/#organization"},"image":{"@id":"https:\/\/webdesigndev.com\/width-tool-in-adobe-illustrator\/#primaryimage"},"thumbnailUrl":"https:\/\/webdesigndev.com\/wp-content\/uploads\/2019\/04\/Cover-2.jpg","articleSection":["Adobe","Adobe Illustrator Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webdesigndev.com\/width-tool-in-adobe-illustrator\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webdesigndev.com\/width-tool-in-adobe-illustrator\/","url":"https:\/\/webdesigndev.com\/width-tool-in-adobe-illustrator\/","name":"The Right Way To Use The Width Tool In Adobe Illustrator","isPartOf":{"@id":"https:\/\/webdesigndev.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webdesigndev.com\/width-tool-in-adobe-illustrator\/#primaryimage"},"image":{"@id":"https:\/\/webdesigndev.com\/width-tool-in-adobe-illustrator\/#primaryimage"},"thumbnailUrl":"https:\/\/webdesigndev.com\/wp-content\/uploads\/2019\/04\/Cover-2.jpg","datePublished":"2019-05-02T15:22:51+00:00","dateModified":"2023-01-23T12:45:42+00:00","description":"The Right Way To Use The Width Tool In Adobe Illustrator on WebDesignDev.com. Read about The Right Way To Use The Width Tool In Adobe Illustrator.","breadcrumb":{"@id":"https:\/\/webdesigndev.com\/width-tool-in-adobe-illustrator\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webdesigndev.com\/width-tool-in-adobe-illustrator\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webdesigndev.com\/width-tool-in-adobe-illustrator\/#primaryimage","url":"https:\/\/webdesigndev.com\/wp-content\/uploads\/2019\/04\/Cover-2.jpg","contentUrl":"https:\/\/webdesigndev.com\/wp-content\/uploads\/2019\/04\/Cover-2.jpg","width":600,"height":338},{"@type":"BreadcrumbList","@id":"https:\/\/webdesigndev.com\/width-tool-in-adobe-illustrator\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webdesigndev.com\/"},{"@type":"ListItem","position":2,"name":"Adobe Illustrator Tutorials","item":"https:\/\/webdesigndev.com\/adobe-illustrator\/"},{"@type":"ListItem","position":3,"name":"The Right Way To Use The Width Tool In Adobe Illustrator"}]},{"@type":"WebSite","@id":"https:\/\/webdesigndev.com\/#website","url":"https:\/\/webdesigndev.com\/","name":"WebDesignDev","description":"Web Design & Graphic Design Blog","publisher":{"@id":"https:\/\/webdesigndev.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webdesigndev.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webdesigndev.com\/#organization","name":"WebDesignDev","url":"https:\/\/webdesigndev.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webdesigndev.com\/#\/schema\/logo\/image\/","url":"https:\/\/webdesigndev.com\/wp-content\/uploads\/2023\/05\/2023-WebDesignDev-Logo.svg","contentUrl":"https:\/\/webdesigndev.com\/wp-content\/uploads\/2023\/05\/2023-WebDesignDev-Logo.svg","width":601,"height":196,"caption":"WebDesignDev"},"image":{"@id":"https:\/\/webdesigndev.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/WebDesignDevBlog","https:\/\/x.com\/WebDesignDev"]},{"@type":"Person","@id":"https:\/\/webdesigndev.com\/#\/schema\/person\/f6d711ac68debd92ed529ee660bfb2e2","name":"Harsh Raval","description":"HR is a skilled web developer, graphic designer, digital marketing consultant, and content creator. With more than 10 years of experience in content creation, HR has contributed engaging, thorough, and well-researched graphic and web design content for several years here at WebDesignDev."}]}},"_links":{"self":[{"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/posts\/59203"}],"collection":[{"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/users\/46"}],"replies":[{"embeddable":true,"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/comments?post=59203"}],"version-history":[{"count":1,"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/posts\/59203\/revisions"}],"predecessor-version":[{"id":80057,"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/posts\/59203\/revisions\/80057"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/media\/59216"}],"wp:attachment":[{"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/media?parent=59203"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/categories?post=59203"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webdesigndev.com\/wp-json\/wp\/v2\/tags?post=59203"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}