棚レイヤーを追加したPhotoshopテンプレートと壁紙

前回作ったテンプレートに流行り？の棚のレイヤーを追加してみた。
サイズは4G用の640×960。
※iPod touch/iPhoneからスマートフォン表示で閲覧すると、低画質に変換されたもの(サムネイル)しか見られない。サムネイルのリンク先の高解像度画像はPC表示モードで参照。

追加したレイヤーは黒い棚、白い棚、ガラスの棚が2つの4種類。
白い棚とガラスの棚はほとんど同じだが若干買えてある。

黒いレイヤーをそのまま適用するとこうなる。

背景がかなり隠れてしまうので不透明度を適当にいじくってみる。

さらに白い棚を適用。白は不透明度を無くすと棚に見えなくなってしまうので、不透明度を下げている。

白い棚を少し変えたガラス調の棚。だけど思っていたほど白い棚と変わっていないのが残念。

アプリの名前の部分を無くして板ガラスっぽくしてみた棚。

白い棚で難しいのは壁紙に設定するとiOSがグラデーションを適用してしまうため、どうしても4段目だけ色合いが薄く見えてしまう。
そのため4段目の白を少し濃くしている。ただ、あまり濃くしすぎると背景を殺してしまうので難しいところだ。

前回の壁紙に棚を追加するとこんな感じになる。

            

            

            

            

            

            

            

            

            

            

見てのとおり背景が白だと白い棚やガラス調の棚は背景を汚くするだけなので、そんな場合は白(ガラス調)レイヤーの上に青などのレイヤーを作成し、乗算で不透明度35%程度を設定すると棚らしく見えるようになる。
        

今回は調整無しで適用しているが図によっては微調整をしたり色を加えたりすると、より見栄えが良くなるだろう。

棚はレイヤーで作成しているので、アルファチャネルとか考えずにElementsバージョンでも簡単に使えると思う。

Retina用 Photoshopテンプレート(棚レイヤー付き) ※ロック画面は変更無し。

Adobe Photoshop Elements 9 日本語版 Windows/Macintosh版2010/10/1発売予定
Adobe Photoshop Elements 8 日本語版 Macintosh版もうすぐ旧バージョン。
Adobe Photoshop Elements 8 日本語版 Windows版同じく、もうすぐ旧バージョン。

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