Official website for iCreate - the creative magazine for Mac users

FOLLOW US ON:

Sep 18, 2013

iOS 7 Mac icon project: iPhoto

by Stephen Ashby

It’s back! The project returns with the first iLife icon in the set – iPhoto

icon comparison

After a long break from icon design, I’m back with the first in the series of iLife icons – iPhoto. I actually started designing the camera portion of this icon before I went away, but I didn’t want to leave it as it was when it came to the finished icon. It felt a little plain, and didn’t really give a fair representation of what iPhoto was.

In the end I opted to go back to a similar design to that of the current icon. It’s still heavily influenced by iOS 7, but it should slot in nicely with the other icons in the project. Reusing the coloured flower from the Preview icon meant there was no ‘real’ photo in the background, and kept things clean, but I made sure it was covered enough by the camera that it shouldn’t get confusing when opening from the Dock.

iOS 7 Mac icon project: iPhoto

I’ll likely start work on iMovie next, although now that I’m back from my break I think Trash needs another look. I’ve got an idea that might work, so I’ll give it a try and see how it comes out. Stay tuned!

As ever, all the icons in the project are below, and the iPhoto icon is under that. Grab Candybar, yadda yadda yadda.

App Store           iOS 7 Mac icon project: Trash           iOS 7 Mac icon project: Trash           iOS 7 Mac icon project: Trash           Reminders           Full Trash
App Store              iTunes              Messages               Safari             Reminders              Trash

Finder           Launchpad           iOS 7 Mac icon project: Trash           Notes           Photobooth            Calendar
..Finder              Launchpad               Mail                   Notes              Photo Booth          Calendar

Contacts           iOS 7 Mac icon project: Trash           Mission Control           iOS 7 Mac icon project: Trash           System Preferences           Preview
Contacts            Dashboard     Mission Control        FaceTime      System Preferences     Preview

Calculator           Time Machine           Game Center           iOS 7 Mac icon project: iPhoto

Calculator       Time Machine       Game Center        TextEdit

iOS 7 Mac icon project: iPhoto

.

.

.

.

.

.

.

.

.

.

  • 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.
    • Alex

      Very very nice work… But i have a problem… My iphoto icon is locked in candybar… What should i do in order to change the icon with the new one???

    • iCreate Magazine

      Aha! Good question Alex, I had a similar problem. Here’s the solution:

      1. Double-click the icon in the drawer at the bottom to bring up the icon information. At the bottom, you can use the drop-down box to select an application that the icon should represent. Choose iPhoto from this list.

      2. Now a button should appear in the top-right of the icon drawer that says ‘use these icons’. Open the Applications section and click the button, then hit Apply.

      That should work. I’ll pop up a tutorial showing this a little more clearly in the next few days. Any problems give me a shout on here and I’ll see what I can do!

      Steve

    • Alex

      Excellent work…!!! I followed your steps, and dada dada, iPhoto got the brand new icon…!!! Excellent, marvelous really marvelous work…!!! I was wondering if it’s possible to customise an app on OS X. What I mean. I mean if it’s able to bring the flat and transparent design of messages from ios for example, to the OS X messages app. Is it able??? In other words, is it able to create a skin which will look like iOS 7 app and install it on an OS X app???

    • Pingback: iOS 7 Mac icon project: iMovie | iCreate

    • Eric C. Petrie

      I actually liked this icon so much that, when the new iPhoto icon was made, i starting using this one as the Preview icon. I think it actually matches Preview a little better, the camera icon in place of the loupe and the ‘flower’ photo behind it. The design was too good to not use.