Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

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


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
up vote 9 down vote accepted

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

Then apply Effect > Warp > Inflate.



  • 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

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

The above answers seem sufficient, but just for completeness/reference, the shapes that they create are not true squircles.

A real squircle can be defined by the equation: x^4+y^4=r^4 In a NURBS modeling program, you'd start with a circle and select every other control point then rotate them around the center to define how rounded you want it. In illustrator, they are cubic Bezier curves. As far as I'm aware, you cannot create a true spline in illustrator. This will matter if you are trying to match true squircles (like in iOs or Symbian) or if you're trying to create a 3D shape.

share|improve this answer

Your Answer


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.