« iPod touch 4G用の壁紙 その1 | トップページ | iTunes 10.0.1 アップデート »

2010年9月25日 (土)

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

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

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

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

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

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

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

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

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

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

Shelf2    Shelf3    Shelf4    Shelf5

Apple_logo2_1    Apple_logo2_2    Apple_logo2_3    Apple_logo2_4

Apple_logo3_1    Apple_logo3_2    Apple_logo3_3    Apple_logo3_4

Apple_logo4_1    Apple_logo4_2    Apple_logo4_3    Apple_logo4_4

Apple_logo5_1    Apple_logo5_2    Apple_logo5_3    Apple_logo5_4

Apple_logo6_1    Apple_logo6_2    Apple_logo6_3    Apple_logo6_4

Apple_logo7_1    Apple_logo7_2    Apple_logo7_3    Apple_logo7_4

Apple_logo8_1    Apple_logo8_2    Apple_logo8_3    Apple_logo8_4

Ichiro1_1    Ichiro1_2    Ichiro1_3    Ichiro1_4

Ichiro2_1    Ichiro2_2    Ichiro2_3    Ichiro2_4

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

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

棚はレイヤーで作成しているので、アルファチャネルとか考えずに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)

 

|

« iPod touch 4G用の壁紙 その1 | トップページ | iTunes 10.0.1 アップデート »

iPhone」カテゴリの記事

iPod touch」カテゴリの記事

Photoshop」カテゴリの記事

壁紙」カテゴリの記事

コメント

コメントを書く



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


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



トラックバック

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

この記事へのトラックバック一覧です: 棚レイヤーを追加したPhotoshopテンプレートと壁紙:

« iPod touch 4G用の壁紙 その1 | トップページ | iTunes 10.0.1 アップデート »