ansaurus

Question

How can I ‘shine’ a png on the iPhone in code?

Answer 1

+2 A:

Create a transparent shine overlay in Photoshop on your computer and merge the two images in code.

Short of hard-coding the shine mask, or building a mini ray-tracer, that's probably the easiest way to do it.

There's even a link to a photoshop tutorial/template here:

http://www.keepthewebweird.com/iphone-icon-psd-template/

Andrew Rollings 2009-04-07 13:58:08

yup - hard coding the mask is exactly what I'm trying to do.How?

Rob 2009-04-08 22:31:04

Answer 2

+1 A:

Another more simple approach is to save your icon as a 57px x 57px PNG called "icon.png" without any shine effects, then FTP it to the root folder of a web server and create a file there called icon_test.html containing the following code:

<html>
    <head>
     <link rel="apple-touch-icon" href="/icon.png"/> 
     <title>The App Name</title>
    </head>
    <body>
         iPhone test page
    </body>
</html>

Then just browse to the icon_test.html file in mobile Safari on your iPhone, tap the "+" button in the toolbar to save the page as a bookmark, tap "Add to Home Screen", and tap "Add" in the top right. You'll then see your icon appear on the home screen, complete with Apple's shine overlay.

NickD 2009-04-08 17:50:25

When the users create a web-app with my image, that's what they'll do. I'm trying to show them in advance what it will look like.-In code...

Rob 2009-04-08 22:31:54

How can I save the icon from the home screen? Do I have to make a screenshot and than crop the image?

testing 2010-10-18 10:54:28

ansaurus

tags:

views:

answers:

How can I ‘shine’ a png on the iPhone in code?

related questions