Rounded corner shape with rounded sides

Question

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?

Answer 1

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

Then apply Effect > Warp > 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.

Answer 2

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.