iOS 7 Base Roundrect Shape (PSD)

Close approximation to Apple's distinctly-shaped roundrect icons in iOS 7. I used the grid seen on Apple's iOS 7 Design page as a starting point, and located the Golden Ratio in that grid to start the roundrect radius. Then it was a matter of taking an iOS 7 screenshot, using Difference blending, and tweaking Bézier handles to get it as close as possible.

EDIT: The diagonal Bézier handles were violating the shape's outside pixel boundaries, causing the shape to not scale cleanly. Fixed.

EDIT 2: Here's a great iOS 7 icon template. The shape in the PSD looks as though it's slightly more precise.

This PSD is designed for the base Retina iPhone icons (120×120px).

iOS_7_Base_Roundrect_for_iPhone.psd
100 KB
Download

More by Ricky Romero

View profile