iOS7のブラーエフェクトを学ぶPhotoshopのチュートリアル(PSD素材付き)

iOS7のUIにはさまざまな特徴的なエフェクトが使用されており、その中の一つ「ブラーエフェクト」をマスターするためのPhotoshopの動画チュートリアルを紹介します。

素材のキャプチャ

iOS7 Blur effect

磨りガラスのような白いパネルをアニメーションで表示し、背景をぼんやりとさせることで直前のアクションにストーリーを与えます。
もちろん、見た目が美しいという効果もあります。

素材のキャプチャ

まずは、チュートリアルで使用する素材から。
ダウンロードできるブラーエフェクトのPSDはベクターで作成されているので、自由に編集できます。

Photoshopのキャプチャ

素材をPhotoshopで開いたキャプチャ

各エレメントはフォルダで管理されています。

Photoshopのキャプチャ

各レイヤーはフォルダで管理

PSDファイルを見るだけでも勉強になりますが、動画でチュートリアルが公開されています。
4分ほどの動画なので、お茶でも飲みながらゆっくりとどうぞ。

iOS7 Blur effect design with Photoshop. -YouTube

top of page

©2017 coliss