Geek Posted March 26, 2012 Posted March 26, 2012 <div class="KonaBody"><p><img src="http://osxdaily.com/wp-content/uploads/2012/03/ios-retina-icon-1.jpg" alt="iOS Retina icon template 1" title="ios-retina-icon-1" width="620" height="379" class="aligncenter size-full wp-image-28732" /></p> <p>It’s rare that app developers and web developers double as graphic designers, leaving some apps and websites to include fairly hideous iOS icons. As we’ve said before, icons matter, however superficial they may be, so instead of shipping an app or site with an ugly icon do yourself a favor and download this do-it-yourself retina icon kit. </p> <p>The DIY template from KillerIcons comes as a deeply layered and easily workable PSD file containing a 512×512 app icon, letting you easily create a very attractive icon just by switching on or off some layers, adding an element or two, and adjusting as necessary. PSD’s are best opened with Photoshop, but if you don’t have it go ahead and <a href="http://osxdaily.com/2012/03/22/adobe-photoshop-cs6-beta-free-download/">download CS6 beta for free</a> and use it until the final version comes out, the template works fine. </p> <ul> <li><a href="http://killericons.com/app-icons/free-ios-diy-icon-kit">Get the free DIY icon kit from KillerIcons.com</a></li> </ul> <p>These icon templates are useful website owners as well, use them to create an Apple touch icon PNG file to <a href="http://osxdaily.com/2011/02/09/set-apple-touch-icon-png-to-customize-a-websites-iphone-bookmark-favicon/">set as a custom bookmark icon for iOS home screens</a>.</p> <p>Shown below are the base template styles, but the possibilities are practically endless just by changing colors, borders, or hiding and showing certain layers.</p> <p><img src="http://osxdaily.com/wp-content/uploads/2012/03/free-ios-diy-icon-kit.jpeg" alt="Free iOS DIY Retina Icon Kit" title="free-ios-diy-icon-kit" width="400" height="400" class="aligncenter size-full wp-image-28731" /></p> <p>You can see several sample retina icons I made quickly for <a href="http://osxdaily.com">OSXDaily</a> below. <span id="more-28730"></span> <img src="http://osxdaily.com/wp-content/uploads/2012/03/ios-retina-icon-2.jpg" alt="iOS Retina Icon template 2" title="ios-retina-icon-2" width="620" height="379" class="aligncenter size-full wp-image-28733" /></p> <p><img src="http://osxdaily.com/wp-content/uploads/2012/03/ios-retina-icon-3.jpg" alt="iOS Retina Icon template 3" title="ios-retina-icon-3" width="620" height="378" class="aligncenter size-full wp-image-28734" /></p> <p><img src="http://osxdaily.com/wp-content/uploads/2012/03/ios-retina-icon-4.jpg" alt="iOS Retina Icon template 4" title="ios-retina-icon-4" width="620" height="378" class="aligncenter size-full wp-image-28735" /></p> <p>There are also some more <a href="http://osxdaily.com/2012/03/08/retina-ios-app-icon-template-psd/">basic retina icon templates available</a> if you are looking to start from scratch or just want something less fancy. </p> </div> <p><a href="http://feedads.g.doubleclick.net/~a/Ie4jrWqUIuiGrcg8tgkiqifT9dI/0/da"><img src="http://feedads.g.doubleclick.net/~a/Ie4jrWqUIuiGrcg8tgkiqifT9dI/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/Ie4jrWqUIuiGrcg8tgkiqifT9dI/1/da"><img src="http://feedads.g.doubleclick.net/~a/Ie4jrWqUIuiGrcg8tgkiqifT9dI/1/di" border="0" ismap="true"></img></a></p><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/osxdaily?a=Garyb15MuEQ:AaawuPGmtpc:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/osxdaily?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/osxdaily?a=Garyb15MuEQ:AaawuPGmtpc:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/osxdaily?i=Garyb15MuEQ:AaawuPGmtpc:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/osxdaily?a=Garyb15MuEQ:AaawuPGmtpc:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/osxdaily?i=Garyb15MuEQ:AaawuPGmtpc:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/osxdaily?a=Garyb15MuEQ:AaawuPGmtpc:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/osxdaily?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/osxdaily?a=Garyb15MuEQ:AaawuPGmtpc:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/osxdaily?d=qj6IDK7rITs" border="0"></img></a> </div><img src="http://feeds.feedburner.com/~r/osxdaily/~4/Garyb15MuEQ" height="1" width="1"/> View the full article
Recommended Posts