2009-04-07 3 views
1

アプリランチャーが四角形の.pngで使用するエフェクトを複製して、アイコンをアプリバッジとして表示する方法をユーザーに表示するにはどうすればよいですか。コードでiPhone上のPNGをどのように輝かせることができますか?

NB - これはiPhoneのコードで行いたいのですが、私のコンピュータのPhotoshopでは使用しません。

ありがとうございます!

編集:ここでは本当に明確にしようとしています。 コードでどうすればいいですか? 私はオーバーレイを作成しようとしましたが、光沢のあるリンゴは実際に上を明るくします。したがって、上にpngを置くだけで同じ効果は得られません。

おそらくアプリランチャーはいくつかのCAエフェクトを適用します。誰かがそれらを複製する方法を知っていますか?

+0

Dupe、元の質問にそれを保管してください。 http://stackoverflow.com/questions/716978/how-can-i-shine-a-png-on-the-iphone-in-the-same-way-that-the-app-launcher-does – bobince

答えて

1

コンピュータ上のPhotoshopで透明な輝きオーバーレイを作成し、2つの画像をコードにマージします。

シャインマスクをハードコーディングしたり、ミニレイトレーストレーサーを構築したりするのは、おそらく最も簡単な方法です。

ここではPhotoshopのチュートリアル/テンプレートにしてもリンクがあります:

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

+0

yup - マスクをハードコーディングするのはまさに私がやろうとしていることです。 どのようにですか? – Rob

1

別のより単純なアプローチは、「icon.pngの」と呼ばれる57px X 57px PNGとしてあなたのアイコンを保存することですが、どんな輝き効果なし、その後、WebサーバのルートフォルダにFTPで転送し、そこに次のコードを含むicon_test.htmlというファイルを作成します。

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

それからちょうどあなたのiPhone、タップ上のモバイルSafariでicon_test.htmlファイルを参照します"+" butto nを押して、ページをブックマークとして保存し、「ホーム画面に追加」をタップし、右上の「追加」をタップします。ホーム画面にアイコンが表示され、Appleの輝きのオーバーレイが表示されます。

+1

ユーザーが自分のイメージでWebアプリケーションを作成すると、そのユーザーが行うことになります。 私はそれがどのように見えるかを事前に見せようとしています。 - コード中... – Rob

+0

ホーム画面からアイコンを保存するにはどうすればよいですか?スクリーンショットを作成してイメージをトリミングする必要がありますか? – testing

関連する問題