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

Rounded corner hexagon

New Here ,
Feb 25, 2013 Feb 25, 2013

Copy link to clipboard

Copied

Using Inkscape, I can easily create an hexagon with rounded courners. The result in below in yellow (the right hexagon). It's possible to see that not only the corners are rounded, but the entire shape is (the lines around the hexagon aren't completely straight). I am now trying to acheive the same effect with Illustrator CS6, but I can't find out how. The closest I got is the white hexagon below (on the left). The corners are rounded but the lines are straight.

Rounded.jpg

How can I create an hexagon identical to the one in yellow above with Illustrator?

Thanks!

Views

19.8K

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
Adobe
LEGEND ,
Feb 26, 2013 Feb 26, 2013

Copy link to clipboard

Copied

You would have to create it in 2 steps using 2 instances of Round Corners, possibly expanding the apperance and subdividing the path inbetween to reinstate some sharp corners the effect can operate on....

Mylenium

Votes

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
LEGEND ,
Feb 26, 2013 Feb 26, 2013

Copy link to clipboard

Copied

Try doing it like this:

Picture 3.png

Start off by drawing your hexagon and giving it a centre point (Attributes). Then draw a circle outside it from the same centre point.

Direct select the side anchors only and make a blend between the two objects.

Check how many steps you need, expand the blend and choose the rounded hexagon you like best.

Votes

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
LEGEND ,
Feb 26, 2013 Feb 26, 2013

Copy link to clipboard

Copied

I always forget about the more creative uses of blends...

Mylenium

Votes

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
Explorer ,
Feb 26, 2013 Feb 26, 2013

Copy link to clipboard

Copied

Vectorscribe/Pathscribe plugin can do this if you feel like paying for a very useful set of tools from Astute Graphics.

00.png

http://www.astutegraphics.com/products/vectorscribe/movies.html#pathscribe

Votes

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
LEGEND ,
Feb 26, 2013 Feb 26, 2013

Copy link to clipboard

Copied

JET

ScaleHandles

Votes

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
New Here ,
Sep 18, 2015 Sep 18, 2015

Copy link to clipboard

Copied

Although the above solution from JET gives a quite nice result, it's not perfectly symmetrical. Neither is the blend approach (you can check by duplicating & rotating the shape and lying it on top of the original. If it's not er perfect fit, it's not symmetrical). Does anyone know of a method that gives a completely symmetrical version of the yellow shape above?

Any solution will be much appreciated!

/Simon

Votes

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 ,
Apr 18, 2016 Apr 18, 2016

Copy link to clipboard

Copied

  1. Create a 12 corner polygon
    Screenshot 2016-04-18 23.22.53.png

  2. Select every other corner with the direct selection tool and drag the widget of one corner for the small round a little bit to inside:
    Screenshot 2016-04-18 23.24.53.png
  3. Do the same with the other corner, drag the widget so far as you can inside
    Screenshot 2016-04-18 23.26.16.png
    4. Turn it to the position you want
    Screenshot 2016-04-18 23.27.49.png


Votes

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 ,
Apr 18, 2016 Apr 18, 2016

Copy link to clipboard

Copied

With this method you can also create similar rounded polygons:

polygon.png

Votes

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
New Here ,
Jan 23, 2022 Jan 23, 2022

Copy link to clipboard

Copied

LATEST

I am confused on how you went from the first image to the second. could you elaborate?

Votes

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
Enthusiast ,
Apr 19, 2016 Apr 19, 2016

Copy link to clipboard

Copied

Hello trude0

Have you tried this?.... example image below.

I am using Illustrator CS5.1

rounded-corners.jpg

Votes

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 ,
Apr 19, 2016 Apr 19, 2016

Copy link to clipboard

Copied

This would not make the 6 lines round, only the corner. Also the lines have to be round. This is easy with CC2015.

With CS5 it is way more complicated than it is to be done in CC 2015.

Votes

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