Designer Michael Flarup explains app icon template, a site that makes it easier to create app icons.
There are several fantastic resources online to help you get started and set you on your path to creating better app icons. I created and maintain appicontemplate.com, which offers a set of free PSD templates.
With these, amateurs and professionals alike can quickly render and export all the icon sizes needed for the various platforms, simply by editing a single Smart Object in Photoshop. There are templates for iOS, Android, OS X and even templates that help you make screenshots for your app.
Latest Videos From Creative Bloq
Test icons automatically
Around 500,000 templates have already been downloaded. Most of these include standard assets, shapes, textures and colours that give the designer something to build on, along with contextual screenshots that show your icon in native environments like the App Store and on a homescreen.
By utilising Smart Objects, the templates enable you to work in a single canvas – the largest size needed – and then see the other sizes rendered automatically. This enables you to quickly assess how well a given concept scales.
Icon size are automatically rendered with app icon template.
Templates and tutorials
Smart, one-click export actions are bundled, and you'll also find helpful videos and tutorials on how to get the most out of the templates. The goal is to empower everyone to build better icons for the devices around us.
Bonus resources
Another great resource is Bjango Actions by Marc Edwards – this is a collection of clever Photoshop actions for both icons and UI work.
Get the Creative Bloq Newsletter
Daily design news, reviews, how-tos and more, as picked by the editors.
The Icon Handbook is a great reference for further reading
If you're just getting started with icons, The Icon Handbook by John Hicks is a great reference book covering a more general approach to individual icon types and the history of icons.
Michael Flarup is a designer and co-founder of Robocat. He created app icon template to make the life of designers easier. This article was originally published in net magazine issue 266.
