PhotoshopでiPhone風アイコンを作ってみた。

NGK — Fri, 15 Jan 2010 01:15:13 +0000

第4世代iPhoneが登場！？と、噂が流れているiPhoneですが、iPhone 3G Sが出てまだ間もない気もしますが・・・。コアなappleファンの方は、iphoneが発表される毎に買い換えて何台持つことになるのでしょう・・・。

先日は、iPhone用ブックマークアイコンを作ってみたの巻でiPhoneでの閲覧時のアイコン制作の方法を

ご紹介しましたが、今回は違った感じでご紹介したいと思います。

背景のドットパターンを活用すれば、メタリックな質感も容易に表現できそうです。

Webサイト制作でも、イメージがあえば、ナビゲーション等に使えそうですね。

詳細はコチラでご確認ください。

アイコンを制作するのは、簡単にできます。

背景のドットパターン制作がミソですね。

パターンとして登録しておけば、Webサイト制作、Webデザインをする時に便利ですね。

細かいレイアースタイルの設定もスクリーンショットしてくれてるので、英語が読めなくても

まぁ・・・大丈夫だと思います。

私がそうでしたから・・・（笑）

iPhoneのブックマーク用アイコンを作ってみたの巻

NGK — Fri, 11 Dec 2009 09:06:32 +0000

いまさらですが･･･スミマセン。

iPhone用のブックマークアイコンの作成方法が紹介されていましたので、MIRAiZも作ってみました。

57×57ピクセルのPNG画像を作ります。

作ったアイコン画像をサーバの任意の場所にアップロード。

後は、ページ内にHTMLタグを追加します。

自動的にiPhoneがいつもの角丸のツヤツヤのアイコンにしてくれちゃいます。

ツヤツヤにしたい場合

ツヤツヤにしたくない場合

これでOKです。

MIRAiZではWordpressのプラグイン「WPtouch」を使ってますので、

プラグイン内でiPhone用アイコンの設定してます。

プラグインを使用しない場合は、上記のHTMLを追加することでiPhone用アイコンを反映させることができると思います。

実際に、どんな風に表示されるかは･･･

ホームページ制作 MIRAiZのページをiPhoneでブックマークしてみてください（笑）

以下のエントリーを参考にしました。