Coming soon: Training. Have 30 seconds to spare? Help us choose our first course!
Edit, September 30, 2013: This PSD has been superseded by the shape and icon templates in my Bjango Actions.
Here’s a comparison of the exact iOS icon rendering, original shape, and Mike Swanson’s improved shape: Comparison GIF
I’ve been trying to figure out the exact shape of the iOS 7 icons, with the help of Manfred Schwind and Michael Flarup. I initially thought it was a perfect superellipse, but that turned out to be incorrect (it’s close, but not close enough).
Manfred’s solution of grabbing the path data from iOS has proven to be the closest, but it’s still not absolutely perfect, as can be seen from the image diff above on the right. This may be down to differences in antialiasing. Please note that I compared Safari’s SVG rendering (which I assume is the closest to, or matches CoreGraphic’s shape rendering) and Photoshop’s shape rendering — the final icon shape AA was closer using Photoshop's shape AA (image diff, with Safari on the left and Photoshop on the right).
Exploring iOS 7 Rounded Corners
Start making iOS 7 Icons with the App Icon Template 3.0
iOS Rounded Rect Script for Photoshop
L or F like
Z toggle zoom
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2016 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.