Notice: Undefined index: order_next_posts in /nas/content/live/gadgetmag/wp-content/plugins/smart-scroll-posts/smart-scroll-posts.php on line 194

Notice: Undefined index: post_link_target in /nas/content/live/gadgetmag/wp-content/plugins/smart-scroll-posts/smart-scroll-posts.php on line 195

Notice: Undefined index: posts_featured_size in /nas/content/live/gadgetmag/wp-content/plugins/smart-scroll-posts/smart-scroll-posts.php on line 196

iOS 7 Mac icon project: Pixelmator

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.

pixelmator-designAfter 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.