3

I want to make this shape in adobe illustrator:

enter image description here

I don't want to have to draw a path. Is there any option that makes the sides rounded?

The shape in picture was designed in Adobe After Effects, I made a polygon with six sides, and there is an option in AE called "Outer Roundness" that makes the sides rounded, but I can't find any option like that in Illustrator.

Does anyone have an idea?

  • Hi Osam, welcome to GDSE and thanks for your question. Could you tell is what options you have tried that didn't work? If you want to know more about the site, please see the help center or ping one of us in the Graphic Design Chat once your reputation is sufficient (20). Keep contributing and enjoy the site! – Vincent Jun 25 '15 at 13:23
  • I believe that's referred to as a hexagon in the bible of shapes. – Dom Jun 25 '15 at 15:50
8

It looks like you want a hexagon that has symmetric handles at each node. I don't think there's any standard tool to do this, so use something like Effect > Pucker & Bloat with a value around 100%.

Expanding this shape and adding points with Object > Path > Add Anchor Points gives you a shape with 12 nodes that has a nice amount of curvature in the middle of each "petal".

By removing the original nodes with the pen tool, you are left with a nice, bloated polygon.

enter image description here

4

Once you have the shape selected you can go to (Effect > Stylize > Round Corners). You can then select the 'preview' button to get live changes.

  • Hi john, welcome to GDSE and thanks for your answer. If you have any questions, please see the help center or ping one of us in the Graphic Design Chat once your reputation is sufficient (20). Keep contributing and enjoy the site! – Vincent Jun 25 '15 at 13:32
  • Thanks for your reply , but i already tried that and didn't give me the same result . *see my comment on Nick's reply – Osam Jun 25 '15 at 13:42
4

You can achieve the effect you desire using the 'pucker & bloat' dialog in 'Effect>Distort & Transform'. The only caveat is that is it will only work up to 3% bloat before the effect starts to turn your hexagon into a flower. 1. Start with your hexagon hexagon 2.Apply 3% Bloat 3% bloat 3. By 5% you will see inward facing nodes start to form at your vertices. and then you start getting flowers. 5% bloat, nodes start to form flowers. too far.

The 3% value seems to give you exactly what you are looking for though. I hope this helps

  • Hi Daniel, welcome to GDSE and thanks for your answer. If you have any questions, please see the help center or ping one of us in the Graphic Design Chat. Keep contributing and enjoy the site! – Vincent Jun 26 '15 at 11:57
  • Great answer, just one thing to add - after doing this, you can either fix the effect with Object > Expand appearance to get normal handles on the bloated corners, or if you don't, you can edit the effect setting under Window > Appearances – user56reinstatemonica8 Jul 5 '15 at 22:10
1

I'm using the latest version of Illustrator, so if this doesn't help then it maybe because of that, however when I create this shape and select the direct selection tool, you should see small selectable points within the shape that allow you to click and drag to make the corners rounded. If you don't see these, at the top of the screen is a small link called 'corners' that will allow you to edit the size and shape of the corners. Hope this helps.

  • Hi Nick, welcome to GDSE and thanks for your answer. If you have any questions, please see the help center or ping one of us in the Graphic Design Chat once your reputation is sufficient (20). Keep contributing and enjoy the site! – Vincent Jun 25 '15 at 13:24
  • Thnks for your reply ,, I am using adobe illustrator CC 2015 , i tried rounding corners , but that didn't give me the same result , compare this one which i made it with round corner effet with the previous one – Osam Jun 25 '15 at 13:38
1

After you draw your hexagon, use the Direct Selection Tool (white arrow) to select the entire object. You should now see these little dots in each corner:

hex

Then all you need to do is go up to your menu bar and adjust the corner radii:

corners

You can get any radius you want and it can be adjusted smaller or larger at any time in the future.

final

Edit - I just noticed your comments on the other answers and see that your original shape has more of a "bloated" appearance. Why not just import that image into AI and do a live trace or trace it by hand?

-1

What you are looking for is: Effect > Warp > Bulge

http://s3.amazonaws.com/bundlr-app-production/content_images/images/large/51a99257cf32220002004636/tut2_1.png

Afterwards, you can apply: Effect > Stylize > Round Corners

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.