This tutorial shows you how to use the Pencil tool to design pixel icons, and then re-use them to create a full collection. This is the technique that I used to create over 320 icons within a day.  Continue Reading …

In this tutorial I’m not going to deal with specifics as much as I am with general work flow and process. So don’t be surprised if I don’t include every color hex value or opacity level. Just play around with the settings until you find what feels right.
Click here to read more …

Following on from a previous article on toolbar icon design we’re going to tackle it’s Big Brother, the Application Icon. The two serve slightly different functions within the program but adhere to the same idea. While we could start on an existing application, we’re going to embrace vaporware and produce an Icon for an Application that doesn’t exist. This is simply to show the process. This tutorial will follow the construction of an Icon for an imaginary application called “Keyfob.” We’ll say that it’s an application for locking and unlocking the Mac remotely. This is partly inspired by a process where someone managed to put their Mac to sleep using a mobile phone.

Read more …

I’ve had a few requests for insights into the process of making icons. Instead of answering individually, I’ve decided to make this the first subject of a range of articles to be authored here at PixelResort.

This won’t be a tutorial or a step-by-step walkthrough, more like a general guideline based on my own experience. It’s how my workflow crops up. Enough disclaimer, let’s see if we can make an icon. To illustrate the creation of an icon, I’ve decided to redraw my old TextEdit icon from the bottom up.

Read more …