Photoshopで影を落とす

レイヤー効果でやるアレです
photoshop drop shadow

Photoshopで影を落とす

レイヤー効果で影を落とす

Photoshopで影を落とす操作は頻繁に行います、影を落とすことで立体的な表現が可能になりデザイン的には背景と目立たせたい部分を視覚的に分離できるので全体のトーンも合わせやすくなります。

基本はレイヤー効果で作成します。

影が落ちているように見えるとは?

手前にある何かが光を遮って、その形に後ろが暗くなっている状態です。

光源の質や方向によって影は変化しますが、Photoshopのレイヤー効果のドロップシャドウは効果を実行するレイヤーの形に添って背面に指定した色を塗りつぶして指定した度合いでぼかします。

実際にドロップシャドウを指定する

今回はテキストレイヤーに対してドロップシャドウを指定していきます。

下のようにテキストで文字を入力します。

下の画像のテキストレイヤーの赤丸部分をダブルクリックするか、レイヤーを右クリックして表示されるメニューの一番上にあるレイヤー効果を選択、またはレイヤーパネルメニューからレイヤー効果を選択すると、レイヤースタイルパネルが表示されます。

レイヤースタイルを表示する方法が3つもあることから、レイヤー効果(スタイル)は非常に頻繁に使う機能であることがわかります。

でもレイヤー効果…というメニューを選択するとレイヤースタイルという名前のパネルが表示されるというのは少しだけモゾモゾします。

レイヤースタイルが表示されたら左側からドロップシャドウを選択します。

ドロップシャドウで設定できる内容は明解です。

ドロップシャドウ設定
  • 描画モード:塗りつぶす影部分の合成モードとその色
  • 不透明度:塗りつぶし部分の透明度
  • 角度:元の画像に対しての塗りつぶし部分の角度
  • 距離:元の画像から離れていく距離、0だと同じ場所
  • スプレッド:ぼかし具合、100%にするとぼかしがなくなります
  • サイズ:元の画像よりどのくらい大きな領域を塗りつぶすか
  • 輪郭:影は基本だんだん薄れていくようなグラデーションで描画されますが、そのグラデーションパターンを選択することができます
  • アンチエイリアス:オンにすると影のグラデーションが滑らかになります。
  • レイヤーがドロップシャドウをノックアウト:レイヤーの塗りが半透明になるような数値のとき、塗りつぶす影を元画像のシルエットそのままにするか、元画像が重なる部分は描画しないかを決定します。
ノックアウトなし
ノックアウトなし
ノックアウトあり
ノックアウトあり

設定内容が直球なだけにPhotoshop経験が長くても設定内容を細かくみたことがないユーザーも多いかもしれません。

しかし、見れば見るほど意外に細かな設定が行えるようになっています。

下の画像は上記の設定内容で指定したドロップシャドウの結果です。

輪郭をデフォルトの直線的なものから曲線的なものにしただけで、少し特徴のある影を付けることができます。

複数回ドロップシャドウしてひと工夫する

レイヤー効果は同じ効果でも効果名の右にある+ボタンをクリックすることで繰り返し適用することが可能です。

また効果の順番も調節することが可能です。

複数の効果

下の例は少しずつ設定を変えたドロップシャドウを指定した例です。

かなり立体的な表現ができたと思います。

それぞれの設定内容は以下のようなものです。

ドロップシャドウ 設定1
ドロップシャドウ 設定1
ドロップシャドウ 設定2
ドロップシャドウ 設定2
ドロップシャドウ 設定3
ドロップシャドウ 設定3

より薄くてぼやけた影を追加したイメージです。

Photoshopで影を落とすのまとめ

レイヤー効果のドロップシャドウは本当に頻繁に使われるテクニックです。

頻繁にみるだけに見る側も見慣れてしまっているので、ひと工夫の味付けが非常に大事です!

Picture of Minoru Nitta
Minoru Nitta
グラフィックデザイナー・フォトグラファー
このエントリーをはてなブックマークに追加
mx4 mouse
今デザイナーが一番欲しいマウス
勝手マニュアル進捗 39%