• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers

Width tool on a rectangle? Another way to do this?

New Here ,
Jan 09, 2023 Jan 09, 2023

Copy link to clipboard

Copied

Hi! I'm a newbie learning for hobby. I want to make a rectangle with one side wider than the others, but the width tool doesn't seem to work on rectangles.

Currently I have this, these are two rectangles one over the other, but I want to achieve the same shape with it being a single object, not two, is there any way?

 

Thanks!

adfasd.pngsdfdsf.png

TOPICS
Draw and design , Feature request

Views

130

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 2 Correct answers

Community Expert , Jan 09, 2023 Jan 09, 2023

I don't think the width tool would be a right approach anyway. It's used on strokes only and you will have to be super precise to have both top and bottom exactly the same width (unless you're using guides)
One way I would do it (but there are a 1000 ways,as usual) would be

Trace a rectangle, stroke only, no fill. Tweak the stroke width until you find the value that fits all your 3 thin sides. The 4th side will be the same. Round the corners as you see fit. (or choose a rounded rectangle at the st

...

Likes

Translate

Translate
Community Expert , Jan 09, 2023 Jan 09, 2023

Or use the Appearance panel.

Start with a white rectangle with a black stroke and only the corners on the right rounded.

Add a new black fill and stroke in the Appearence panel.

Use the Transform effect to move the new fill and stroke to the left and use the Stylize > Round Corners effect to round both fill and stroke.

Screenshot 2023-01-09 at 16.00.23.png

Likes

Translate

Translate
Community Expert ,
Jan 09, 2023 Jan 09, 2023

Copy link to clipboard

Copied

The width tools works fine on rectangles. Perhaps your rectangle has a fill but no stroke? The width tool is used on strokes.

It might be difficult to achieve what you want with the width tool anyway though. Perhaps you could describe why you need this object to be a single stroke and I or someone else might be able to help you with an alternative solution?

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jan 09, 2023 Jan 09, 2023

Copy link to clipboard

Copied

It does work on rectangles with 90° corners, but not on rounded rectangles, or a rectangle on which you've rounded the corners. (It can be applied, but it would be impossible to produce your desired result.) Someone may come along with a method, but as far as I can tell, what you have pictured cannot be done with (the stroke of) a single object.

 

(That is, it could be done with the fill of a compound path/shape.)

JohnMensinger_0-1673268987417.png

 

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jan 09, 2023 Jan 09, 2023

Copy link to clipboard

Copied

I don't think the width tool would be a right approach anyway. It's used on strokes only and you will have to be super precise to have both top and bottom exactly the same width (unless you're using guides)
One way I would do it (but there are a 1000 ways,as usual) would be

Trace a rectangle, stroke only, no fill. Tweak the stroke width until you find the value that fits all your 3 thin sides. The 4th side will be the same. Round the corners as you see fit. (or choose a rounded rectangle at the start, same thing)

Now transform this stroke to make it a fill

Object>path>outline stroke

 

Imaginerie_0-1673272359230.png

 

Now take the direct selection tool (the white arrow, shortcut A) and select only the 4 exterior points (2 if there is no rounded corners)

Imaginerie_1-1673272491415.png

extend to the left by dragging the mouse: While dragging, you can keep the SHIFT key down to constrain your move to a straight line.

Imaginerie_2-1673272628379.png

 

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jan 09, 2023 Jan 09, 2023

Copy link to clipboard

Copied

LATEST

Or use the Appearance panel.

Start with a white rectangle with a black stroke and only the corners on the right rounded.

Add a new black fill and stroke in the Appearence panel.

Use the Transform effect to move the new fill and stroke to the left and use the Stylize > Round Corners effect to round both fill and stroke.

Screenshot 2023-01-09 at 16.00.23.png

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines