Get ready for iOS 8 with the brand new iOS App Icon Template.
View this email in your browser

New Template

 

Get ready for iOS 8 with the next major release of the App Icon Template – it has a ton of new things and it's available right now!

I just checked my stats and the template has been downloaded more than 300.000 times! Imagine if everyone who ever downloaded the template got together for a party... we’d have one massive festival! I like to think about stats that way. I guess what I’m trying to say is that this template is hugely important to me and making sure that it’s a useful tool for the thousands of people making icons out there is something I find very rewarding. This new version is a major release and warrants an entirely new version number, so here’s what’s new in the iOS App Icon Template 4.0.
 


 

Improving Exports with Bicubic Scaling

 

The very premise of the App Icon Template is to edit the largest size and have all other sizes scaled and rendered automatically.  The one big issue with this is that when something is scaled in Photoshop, chances are you’ll get aliasing artifacts and an overall reduction in quality. This is particularly noticeable when what you are scaling has high contrast areas (shadows and highlights close to each other).

With the tools at our disposal, we'll never quite be able to get rid of the issues related to scaling, but to somewhat combat this, I've come up with a new export scheme. In my previous templates the export actions would slice up each scaled smart object and export each individual slice. With that method, Photoshop defaults to automatic bicubic scaling. (This is the same thing that happens when you just transform something in Photoshop). The algorithm Photoshop uses when downsizing has sharpening qualities which might work fine if you're working with pictures, but not when you're working with hairline contrasts. The result of this automatic scaling is noticeable aliasing issues. Long time users of the App Icon Template will know these issues all too well.

I first introduced the new bicubic scaling exports in my OSX Desktop Icon Template and now I’m bringing it to the iOS Template. Instead of saving out each of the sliced sizes you see in the template, the new export action will resample the largest icon with a plain bicubic algorithm (with less sharpening qualities). It will do this repeatedly for each size. What this means is that the multiple sizes you’re seeing auto generated via smart objects in the template is just a preview and not part of the actual export. 

The new export actions currently outputs to the desktop as I haven’t found a way of making the location user selectable yet. They also do not work on most Windows machines. The old legacy slice-based actions are still included, Windows users will have to use these until I figure out a way to make the new ones work on Windows. In short, the new bicubic export actions should produce softer and less aliased PNG files, whereas the old slice-based exports produces the slightly sharpened results we’ve come to know. Use your own best judgement on when to use which.

 


 

I take great care and spend a considerable amount of time when making these things, but with so many new things in the release it is very possible that there’s bugs or issues to be found. As always, I’d love to hear your feedback, send me an email or hit me up on twitter.

Tell a friend about the template and have fun making Icons.

Highfives from Copenhagen,
Michael

 


Designing for Fun

This summer i went to ValioCon in San Diego and there I gave a talk about 'Fun' in design. I talk about my love for Icons and three stories about three products I helped build. A journey that spans instant coffee, a Jay Leno opening monologue, millions of digital thermometers and an epic Kickstarter adventure. If you're interested in my work or having more fun while working, I think it's a worthwhile 30 minutes.
 

New badges in the template

Do you make alpha and beta builds using tools like Testflight or Hockeyapp? Well now the app icon template has quick access to alpha and beta badges that can be slapped on top of your icon before export so you'll have a visual version control on your home screen.


Share
Tweet
Forward to Friend
+1
Share
Read Later



 
You're part of a small exclusive group of people signed up for the App Icon Template newsletter. I care deeply about the emails i send out and try to make it worthy of your inbox, but if you for some reason don't want to recieve these emails anymore please hit the unsubscribe button below. Thanks for being part of this!