Subscribe

  • Subscribe  

Learn (or Copy) from the Design Master

Posted by Charles | January 11, 2008 .

No doubt Apple (its designers) is the master of design, from hardware to software. If you really want to mimic some of its design, especially the UI design for you beloved RIA application, you could.  Matt at Jotlet came up with a Photoshop template that allows you easily create iPhone style icon.

iphoneicons Learn (or Copy) from the Design Master

There are some details are quit interesting, as a design hack:

A few things to note:

  • The inner glare at the bottom of the icon is a mixture between straight white and overlayed white. For some colors the overlay may be too aggressive (bright), for some, not aggressive enough. You can just adjust the opacity of that layer to get the right effect.
  • The drop shadow is actually two drop shadows. One for the softer shadow on the sides/bottom, and one for the sharp bottom shadow. I couldn’t get it quite right using just one effect.
  • For custom icons, be sure and put a small (1px to 2px) stroke on it with the same color as the bg color so it looks a little beveled on top of the glare. I tried to build this into the kit by making the stroke black/soft light blend mode, but again, it didn’t look quite right.

He also has a post gave a step by step tutorial on how to use this Photoshop kit to create the iPhone style icons. You can download the kit here.

Some one said, “if you can’t beat it, copy it.”

Leave a Comment

If you would like to make a comment, please fill out the form below.


Name

Email

Website

*
To prove you're a person (not a spam script), type the security word shown in the picture. Click on the picture to hear an audio file of the word.
Click to hear an audio file of the anti-spam word

Comments

*
To prove you're a person (not a spam script), type the security word shown in the picture. Click on the picture to hear an audio file of the word.
Click to hear an audio file of the anti-spam word


Related Posts

<

Direct TV Offers - usdirect has the best directtv deals