Jason Hoppe Adobe Certified Expert & Adobe Certified Trainer
  • Home
  • Contact
  • Classes
  • Blog
  • Blog Index
  • Portfolio
  • Max 2022

Design Points n PixelS


INFOGRAPHICS SERIES - Creating with the Width Shape Tool

5/22/2016

0 Comments

 
The Width Shape Tool in Illustrator can be used to create some very interesting shapes and icons. And it just plain cool to use, and easy too. I had done a previous post on using the Width Shape Tool in one of my posts on creating a wood-block effect but this post is about the Width Shape Tool and what it can do.
Picture

Picture
The Width Shape Tool works only on lines and paths and can create variable width lines. I call it the Chicken on a Skewer since that is what it looks like.
Picture
The first line is just a line.
Second and third lines have a zig zag effect applied to it to show how the Width Shape Tools works on smooth curves or lines/path with corner points.
Picture
Using the Width Shape Tool click on the end of a line and 2 lines will come out of the point. 
Picture
This line has rounded ends that give the ends a bulb when the width is varied.

Picture
With the Zig Zag effect applied to the line, you can use the Width Shape Tool and the effect will be change as well.
Picture
If the line or path has curved point, the entire line will be adjusted when using the Width Shape Tool.
Picture
If the line or path has corner points, with Width Shape will only adjust to the corner and not the entire line or path.
Picture
Any point along a path can have a point landed to adjust the width. Select the line or path with the Selection Tool then select the Width Shape Tool and click anywhere on that line.

Picture
Several point can be added to the line.
Picture
These width profiles can be saved for later use. In the Control Bar next to the line width, there is the Line Profile drop down menu. Click on the hard drive icon at the bottom of the width profile menu to save a profile.
Picture
Lines with end caps can create some interesting effects.
Picture
This is the same line with no end cap, rounded end cap and a full capped end.

Picture
To control the points using the Width Shape Tool, click on the point that was created by the Width Shape tool with the Width Shape Tool.
Picture
This is the dialog box that you can enter in measurements to control the line width.
Picture
Here are 4 lines created with the Width Shape Tool with rounded caps.
Picture
To change the shape just on one side of the line, hold OPTION to pull the width off to one side. Default is pulling the handles creates equal width on both sides of the line.

Picture
This is a curved shape with a taper to zero at one end.
Picture
Take the shape and rotate and copy it around at a 45° angle then duplicate the rotate to form the shape.
Picture
This is selected with the Direct Selection Tool and the the corners are changed to create a different shape.
Picture
A set of "lollipop" shapes nested together, created using the Width Shape Tool.
0 Comments



Leave a Reply.

    RSS Feed

    Archives

    March 2021
    February 2021
    December 2020
    September 2020
    August 2020
    July 2020
    June 2020
    May 2020
    April 2020
    March 2020
    February 2020
    January 2020
    December 2019
    November 2019
    October 2019
    September 2019
    August 2019
    July 2019
    June 2019
    May 2019
    April 2019
    March 2019
    February 2019
    January 2019
    December 2018
    November 2018
    October 2018
    September 2018
    August 2018
    July 2018
    June 2018
    May 2018
    April 2018
    March 2018
    February 2018
    January 2018
    December 2017
    November 2017
    October 2017
    September 2017
    August 2017
    July 2017
    June 2017
    May 2017
    April 2017
    March 2017
    February 2017
    January 2017
    December 2016
    November 2016
    October 2016
    September 2016
    August 2016
    July 2016
    June 2016
    May 2016
    April 2016
    March 2016
    February 2016
    January 2016
    December 2015
    November 2015
    October 2015
    September 2015

    RSS Feed

Proudly powered by Weebly
  • Home
  • Contact
  • Classes
  • Blog
  • Blog Index
  • Portfolio
  • Max 2022