作るのは数字だけじゃない / デジタルハリウッド
作るのは数字だけじゃない / デジタルハリウッド
2015.09.17

【Photoshop小技 Vol.1】切り抜き画像に影をつけてなじませる

藤田

こんにちは! デザイナーの藤田です。
今回のブログではこれからWebデザイナーを目指していくという方向けに、普段よく使うPhotoshopの小技を紹介したいと思います。


【こちらもおすすめ】

切り抜き画像に影をつけてなじませる

切り抜いた画像をそのまま背景に配置したとき、浮いた感じがして背景になじまなかったり、シンプル過ぎてもう少しアクセントがほしくなったりしたことはありませんか? そんなときによく使う手法です。

それではやってみましょう。

まず、切り抜き画像を用意します

1

今回の記事では以下の画像素材を使用しております。

画像の切り抜き手法は、以下の記事を参考にしてみてください。

影をつくる

8

配置した画像を「レイヤー」→「レイヤーを複製」から複製を行います。
※やり直しがきくようにスマートオブジェクトに変換しておきましょう。

 
3

複製した画像を「編集」→「画像変形」から影を表示させたい方向にゆがませます。

 
4

複製画像に「フィルター」→「ぼかし」→「ぼかし(ガウス)」を加えます。

 
5

複製画像に「レイヤー」→「レイヤースタイル」→「カラーオーバーレイ」を加え、複製レイヤーを黒く塗りつぶします。