Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It's 100% free, no registration required.

I'm struggling to make the below shape in illustrator:

screenshot

Rounded corner rectangles are easy but I'm not sure how to round the sides easily as well. I would want these shapes to be easy to re-size ideally. Can anyone nudge me in the right direction?

share|improve this question
add comment

2 Answers 2

up vote 6 down vote accepted

Effect > Stylize > Round Corners (or use the Rounded Rectangle Tool)

Then apply Effect > Warp > Inflate.

inflate

Or....

  • Draw a square
  • Draw a circle larger than the square
  • Rotate the Circle 45°
  • Select square and circle and choose Object > Blend > Make
  • Now choose Object > Blend > Blend Options set the drop down to Specified Steps and add steps until you see the shape you want and then click OK.
  • Object > Expand Appearance
  • Object > Ungroup
  • Delete the shapes you don't need.

enter image description here

share|improve this answer
    
Perfect - thank you :) –  boz Mar 12 '13 at 9:23
add comment

A minor hint (do not know if it's appropriate for your situation) - if you are designing a Nokia S40 / Symbian / Meego app (your shape looks exactly like Nokia's "squircle") you'd better use the templates available at Nokia's website since it's crucial for the squircles to have exactly the same shape, otherwise your app icon will look inconsistent.

share|improve this answer
    
Thanks but this is for something completely different. –  boz Mar 13 '13 at 12:04
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

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