

Whichever one you use, start with a new document using the same number of pixels across as down (i.e., make it square). You can find applications ranging from the free (and excellent) open-source application Gimp to the old standby Photoshop.

Since our medium is the computer screen, we first need an application suited for painting pixels onto our digital canvas. At the end of this tutorial, you will have a beautiful* icon with a transparent background suitable for a web page or application. This tutorial will not necessarily be the way to do it, but it is one way (my way, actually). This article will be a “rubber-meets-the-road” tutorial on the steps necessary to transform your ideas into reality. There are some steps involved in getting your icons from your mind to the web page or the application. The end result, of course, is seen here - on Macinstruct - in the icons scattered throughout the website.īut what about the development stage? Unfortunately, icons don’t just spring to life after being sketched out. In that article, you were shown the beginning stages of icon design – how the meaning of an idea is distilled down to a few carefully placed pixels.
#Free apple icons for mac tv#
AirPort Apple Apps Backups Developer Education Email Hardware Internet iPad iPhone Mac Music Network Photos Security TV Weekend WonkĪ few weeks ago, Matt Cone showed us how Macinstruct’s beautiful icons, courtesy of the talented Gary Gehiere, came to be.
