Icons and needlepoint, one pixel at a time…

December 27, 2008

iconsI recently created two bitmap ornaments for our website. Instead of the usual fleuron as a typographic decoration, Lynn Harvey, our resident electronic design expert, asked for a standard 16 x 16 pixel gif of something new. I settled on a scallop. I reduced a photo and traced one vertical half of it pixel by pixel. I deleted the photo, adjusted the colors and copied, pasted, horizontally flopped the vertical half and abutted it with the original. Fun work!

Recently, someone working on a website asked me for a “fist”— an old typographic convention that looks like a pointing hand. There ought to be scores of good fists out there, right? Well, I had no luck in a Google image search, so I decided to create an original. I thought of the ingenious set of icons designed for Apple’s first graphic user interface by Susan Kare, and started looking at photos. Pointing hands are horizontal, so the first order of business was to “condense” horizontally. The coloring is also abbreviated, so it must be intensified. I saved the gif with a transparent background, so the fist can be dropped into any html design.