Official website for iCreate - the creative magazine for Mac users


Feb 4, 2014

iOS 7 Mac icon project: Pixelmator

by Stephen Ashby

Pixelmator finally gets the iOS 7 icon treatment in the latest project design for Mac

iOS 7 style Pixelmator icon next to OS X versionAt long last, Pixelmator has be given the iOS 7 icon treatment! The app has been one of the most regularly-requested redesigns so far, and seeing as I’ve used Pixelmator to make every icon in the iOS 7 Mac icon project so far, it seems only fitting that it’s getting it’s own design.

New iOS 7 style Pixelmator icon in a Mac dockThis one has taken a while, though, because it was really difficult to get right. The current Mac icon is far removed from the iOS 7 styling, so a completely new idea was needed. I started by sketching out a layered icon to denote the image editing capabilities of the app, while maintaining the 2D nature of the design, like below.

iOS 7 Mac icon project: PixelmatorAfter experimenting with this design, I just couldn’t get it to work with the brush (which I was determined to include in the design). The colours of the background layers were making it difficult to see the brush without a border, which also didn’t look right. After several failed efforts, I went back to the drawing board and came up with a new idea. The layers weren’t straight any more, and this allowed the brush to sit comfortably over them without losing its shape in the blocks of colours.

The final design is below; grab it, and remember you can use LiteIcon to apply this and all the other icons in the project quickly and easily.

iOS 7 Mac icon project: Pixelmator

  • Tell a Friend
  • Our Twitter provides the latest breaking apple news, reviews, tutorials and downloads online and our Facebook fan page is the best place to communicate with other iCreate fans.
    • Mini Apple Genius

      I love you bro!

    • jujump77

      Very beautiful!!! Thanks but can you make new ones for fcp, aperture, lps and motion please ???

    • HounkimHab

      i very love this icons