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: Adobe Photoshop CC

The first Creative Cloud app to get the iOS 7 treatment is Adobe's Photoshop

icon comparison

Today I’ve started working on the Adobe creative suite after yesterday’s Creative Cloud icon. As you might expect, the icon I’ve started with is Photoshop – certainly Adobe’s most well-known app. While I have started with the latest Creative Cloud icons as a basis for the design, the finished icon really could work with any version of the app.

My first mission was to find a way to make a blue square look more like an iOS 7 icon. The two obvious answers were the use of colour and the font. The strong gradients used in iOS 7 had to be represented here, and after some experimentation I dropped the dark blue colour from the current icon design and opted for a brighter tone. The result looks a little similar to the gradient used in Mail in iOS 7.


The other important choice was the font, and I chose Helvetica Neue in Ultralight. It’s the font Apple used when it was promoting iOS 7, and it looks really nice here. I also thinned the line around the edge of the icon, as it looked much too heavy with the lighter font.

You can grab the icon below, grab LiteIcon here to make applying them simple, and check previous posts for the rest of the icons in the project.