iPhone icon style images

AusQB · 03-20-2009, 11:19 AM

Does anyone know a good tutorial for making images with an effect similar to that of the icons on an iPhone? I'm not trying to make the icons themselves, I'm trying to replicate the effect on a larger size.

DimitriDV · 03-23-2009, 09:15 AM

you need to search for rounded rectangle tool + extra layer in white with opacity 15%
also, duplicate layer + contract 5 pixels for example...

PixelPusher · 06-29-2009, 06:24 PM

Quote:

Originally Posted by AusQB

Does anyone know a good tutorial for making images with an effect similar to that of the icons on an iPhone? I'm not trying to make the icons themselves, I'm trying to replicate the effect on a larger size.

The shiny glare effect right?

AusQB look for a tutorial about "plastic buttons" or "glassy buttons". Tutorial 9 and PSDTutsplus are some great resources. But there are many others.

Strike Designs · 07-07-2009, 05:44 PM

You could try searching iStock for suitable icons - they're available in vector format, for easy editing and are available at very reasonable prices on a royalty free licence. Here's a quick link to the icons that are available there:

iStock icon graphics

Hope that helps!

PixelPusher · 09-04-2009, 04:06 PM

AusQB, those two sites i recommended are good, and if you are wanting to make them on a larger scale (or scalable at all for that matter) I would use the vector drawing tools in Ps. Remember we spoke about that before, in reagrds to the use of anchors and drawing consistent curves.
Then apply the "glossy" effects with layer styles. This way when you re-size them they should all stay clear and proportional.

Iconomania · 11-29-2011, 05:41 PM

We use icons from
sibcode.com in our iPhone apps.

I also found some good icons here:
aha-soft.com

Happy developing.

jumpingspider · 11-29-2011, 11:49 PM

Quote:

Originally Posted by PixelPusher

The shiny glare effect right?

AusQB look for a tutorial about "plastic buttons" or "glassy buttons". Tutorial 9 and PSDTutsplus are some great resources. But there are many others.

This would help a lot! If you are looking for a shinny glare effect!

che09 · 12-07-2011, 12:29 AM

Quote:

Originally Posted by PixelPusher

AusQB, those two sites i recommended are good, and if you are wanting to make them on a larger scale (or scalable at all for that matter) I would use the vector drawing tools in Ps. Remember we spoke about that before, in regards to the use of anchors and drawing consistent curves.
Then apply the "glossy" effects with layer styles. This way when you re-size them they should all stay clear and proportional.

This would help you in doing what you like. Knowing it wont affect if you re-size it,it's a good pick!

03-20-2009, 11:19 AM	#1
AusQB Silver Member Join Date: Jul 2008 Location: Perth, Australia Posts: 167	iPhone icon style images Does anyone know a good tutorial for making images with an effect similar to that of the icons on an iPhone? I'm not trying to make the icons themselves, I'm trying to replicate the effect on a larger size. Last edited by AusQB; 03-20-2009 at 11:31 AM.

07-07-2009, 05:44 PM	#4
Strike Designs New Member Join Date: Jan 2009 Posts: 11	You could try searching iStock for suitable icons - they're available in vector format, for easy editing and are available at very reasonable prices on a royalty free licence. Here's a quick link to the icons that are available there: iStock icon graphics Hope that helps! __________________ Web design \| Graphic design \| Multimedia Strike Designs Ltd. Our products: Easy Content Management Newsletter delivery & reporting

09-04-2009, 04:06 PM	#5
PixelPusher Super Moderator Join Date: Oct 2008 Location: Arizona, USA Posts: 1,053	AusQB, those two sites i recommended are good, and if you are wanting to make them on a larger scale (or scalable at all for that matter) I would use the vector drawing tools in Ps. Remember we spoke about that before, in reagrds to the use of anchors and drawing consistent curves. Then apply the "glossy" effects with layer styles. This way when you re-size them they should all stay clear and proportional. __________________ John Darling Graphic / Web Designer SmarterTools Inc. (877) 357-6278 www.smartertools.com

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

03-23-2009, 09:15 AM	#2
DimitriDV Bronze Member Join Date: Mar 2009 Posts: 30	you need to search for rounded rectangle tool + extra layer in white with opacity 15% also, duplicate layer + contract 5 pixels for example...

11-29-2011, 05:41 PM	#6
Iconomania New Member Join Date: Nov 2011 Posts: 1	We use icons from sibcode.com in our iPhone apps. I also found some good icons here: aha-soft.com Happy developing.