Comments on: Episode 4: Photoshopping iPhone Icons

By: ger225

ger225 — Sat, 06 Mar 2010 19:46:48 +0000

There’s a lot of this kind of tutorial out there but yours is the best. The final result is excellent. Thanks for sharing and for the source file!

By: MiPhone

MiPhone — Fri, 12 Feb 2010 16:55:01 +0000

Thanks for sharing the knowledge brother. Much appreciated!!
I have been playing around with just images, breaking the button mold for a more cartoonish look. Having fun and looking good except for certain apps where the default apple drop shadow remains behind my image making it look like an image in a semi transparent black box. Not very pretty. Do you have any idea how to disable or remove apples default icon drop shadow??

Thanks for your time
Hoping u have some wisdom to share…

By: FikusCZ

FikusCZ — Mon, 04 Jan 2010 15:15:12 +0000

Nice tutorial. But I have a problem. When I go to Select-Modify-Contract.I can´t click on modify. What am I doing wrong?

By: Ashcat

Ashcat — Sun, 20 Dec 2009 15:57:33 +0000

Hi, this tutorial is also very lovely!
I created an ipone button by following your instructions but at 1 time there is something I don’t understand. The item were you have to delete the shadow with inverse.
There was no possibility to set the layer with the “floating” lines. But alas, I’ve used the eraser for the outsite and created a iphone-look-a-like button!
Thanks!

By: Ash Davies

Ash Davies — Sun, 20 Dec 2009 05:59:54 +0000

Hi Liam.
Unfortunately the colour black won’t work with the overlay blending mode. It will just appear opaque.
All i can suggest is that you try a dark grey, or perhaps experiment with other blending modes (hard light could work)

Hope that helps

By: Liam

Liam — Fri, 18 Dec 2009 01:01:01 +0000

Hi, awesome guide, the best i’ve seen and actually been able to do!

Just a quick question though, I’ve tried doing it with a black fill, but everytime i overlay, like with the edge, i can’t see it!

Have you got any ideas or fixes to solve this?

Many thanks in advanced

By: jhldesign

jhldesign — Tue, 17 Nov 2009 17:45:39 +0000

HI and thanks for your swift response! Your solution worked for the glass layer though I found that I still needed to quick mask all the glare layers as well to remove any remnants on edges and now it works perfectly. Thanks!
Jennifer

By: Ash Davies

Ash Davies — Tue, 17 Nov 2009 13:07:36 +0000

Hi
I think i know what is causing this. It might be your ‘Glass’ layer. Unfortunately, I only discovered this problem just after I released the podcast.
To fix it all you really need to do is clear all of the glass layers contents that are outside of the button shape.
To do this you can control or command click on the shape of the button layer (in the layers window).
This should select just the shape of the button. You can now click on your glass layer, and click ‘add layer mask’.
Doing this should hide the outside contents, and hopefully will solve your problem.

Alternatively, you could download the PS source file. I’ve just updated it to contain this fix.

Hope that helps!

By: jhldesign

jhldesign — Mon, 16 Nov 2009 22:24:08 +0000

Thanks for the tutorial! I’m trying to place it in an existing PS layout and even when I save it as PNG with transparency enabled it comes in with grey background…is there a way to cut out the shading except for drop shadow?
Thanks again!

By: Icons Depot

Icons Depot — Tue, 10 Nov 2009 12:14:43 +0000

Thanks for this great tutorial. It’s easy to follow and awesome for people who have iPhones and iPod touches!