Creating Custom Icons
If you can draw, you can create icons. Mac OS X’s icons are little more than full-color images stored at multiple sizes. This is not to say that Apple doesn’t provide numerous guidelines in the HIG regarding the proper design of icons. They do. But when push comes to shove, icons are nothing more than well-designed images.
The basic steps for creating simple icons are listed here. The sections that follow discuss each step in further detail.
Using the image editor of your choice, design a new 128 x 128-pixel image. The image editor must support alpha channels to allow for transparency and translucency in your image. Adobe Photoshop or Photoshop Elements can handle alpha channels.
Save the image using transparency, using either TIFF or PSD format. Make sure to preserve the transparency information.
Convert the image into a series of scaled images and masks. This is accomplished by using the Image Composer (/Developer/Applications/Utilities), which is part of the Xcode Tools. Image Composer transforms your image into a multi-size format, and uses the image’s alpha channel information to build its masks. Drag and drop within the program to produce images and masks at several standard sizes.
Designing icons
You can take two approaches when designing your own icons: either create an image from scratch, or adapt an already-existing icon image. Either way, the goal is the same: to produce a full-color 32-bit 128 x 128-pixel image with a central icon that lies on top of ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access