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

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

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

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

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

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

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

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

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

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

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

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

テンプレートに棚を追加

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