« touch でGPS | トップページ | iPod touch 4G用の壁紙 その1 »

2010年9月23日 (木)

Retinaのロック画面・ホーム画面のPhotoshopテンプレート

Retinaディスプレイの高さ960、幅640ピクセルに対応したロック画面とホーム画面のPhotoshopテンプレートをネットで探してみたが見つからなかったので、作ってみた。
※iPod touch/iPhoneからスマートフォン表示で閲覧すると、低画質に変換されたもの(サムネイル)しか見られない。サムネイルのリンク先の高解像度画像はPC表示モードで参照。これはココログの公衆回線を意識した仕様?バグ?仕様ならばどこかにその旨の表示があってもいいし、高解像度へのリンクも表示してもらいたい。

ロック画面はアンロックボタンや時計に隠れない部分のチャネルを保存している。
ホーム画面はトップバー、アイコン、アイコンタイトル、ドック部分のチャネルを保存している。

通常、全面が白の壁紙を設定してもグラデーションやドックの陰影が自動的に表示される。
White_bg_home

これにテンプレートで保存しているチャネル部分を黒で塗りつぶすとこんな感じになる。
White_bg_home_all

全面が何らかの絵柄になっている壁紙も良いが、アイコン部分をエンボス表示して適当な図柄を入れるとそれらしい壁紙が出来る。試しにCity Storyの建物を配置してみるとこんな感じ。
Citystory

Photoshopのバージョンは7.0で作成しているので大抵のバージョンで開けるだろう。

ベースはiPod touch 4Gのロック画面とホーム画面をキャプチャしたものから作成したが、キャプチャした時点で72ppiのPNG形式で保存されてしまうので厳密にはRetinaの326ppiでは作られていない。
また、アイコンやドック部分は面倒だったからアンチエイリアスの処理も行っていない。

30%前後グレーの背景に対して、アイコン部分にエンボスをかけるだけでも「らしく」なる。
Sample1

さらに真ん中に40%前後のAppleロゴを設定してからエンボスをかけると、さらに「らしく」なる。
Sample2

テンプレートを使えば、こんな壁紙程度なら5分もあれば出来る。

Retina用 Photoshopテンプレート
Elementsで使いやすいようにレイヤーも簡単なものを入れているが、やはりElementsだと使いづらい。

テンプレートに棚を追加

Adobe Photoshop CS5 Macintosh版 (32/64bit)
Adobe Photoshop CS5 Windows版 (32/64bit)


 

|

« touch でGPS | トップページ | iPod touch 4G用の壁紙 その1 »

iPhone」カテゴリの記事

iPod touch」カテゴリの記事

Photoshop」カテゴリの記事

壁紙」カテゴリの記事

コメント

コメントを書く



(ウェブ上には掲載しません)


コメントは記事投稿者が公開するまで表示されません。



トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/579837/53064908

この記事へのトラックバック一覧です: Retinaのロック画面・ホーム画面のPhotoshopテンプレート:

« touch でGPS | トップページ | iPod touch 4G用の壁紙 その1 »