オンラインPSチュートリアル:自然なドロップシャドウの作り方

読了時間 約10分

ホーム/ PSチュートリアル/ オンラインPSチュートリアル:自然なドロップシャドウの作り方

影が不自然になる原因は、たいてい輪郭が硬すぎるか、向きがずれているかのどちらかです。この記事では、切り抜いた画像からレイヤーを複製し、自由変形で向きを決め、ガウスぼかしで柔らかくし、マスクのグラデーションで遠い側を薄くしていきます。光源の位置も合わせて調整します。

1:画像の準備とレイヤーの複製

  1. オンラインPSを開き、ファイル > 開くから切り抜き済みのPNGを選びます。
  2. 右側のレイヤーパネルで元のレイヤーを右クリック → レイヤーを複製(ショートカットCtrl+J)。
  3. 複製したレイヤーを選び、右クリック → スマートオブジェクトに変換。これで後から変形やフィルターをいつでも編集できます。
  4. (任意)元のレイヤーの表示をオフにし、複製したスマートオブジェクトだけにしておくと、影の見え方を判断しやすくなります。

2:自由変形で影の向きを決める

  1. 複製したスマートオブジェクトのレイヤーが選択されていることを確認します。
  2. 編集 > 自由変形をクリックします(またはCtrl+T)。
  3. 表示された変形ボックスで角や辺をドラッグし、画像を影の方向へ傾けます(多くは左下または右下への斜め方向です)。
    先に画像を水平方向へ1.5〜2倍に引き伸ばしてから、適切な角度に傾けるとうまくいきます。
  4. 決まったらEnterキーで確定します。

ヒント:より正確な角度にしたいときは、上部の数値入力欄に回転角度を直接入力します。

3:ガウスぼかしとカラーオーバーレイ

  1. 複製レイヤーを選択したまま、フィルター > ガウスぼかしをクリックします。
  2. ダイアログで半径を4.9 ピクセルに設定し(カンバスの大きさに応じて微調整します)、確定します。
  3. 続いてレイヤー > レイヤースタイル > カラーオーバーレイを開きます。
  4. カラーピッカーで純黒(#000000)を選び、描画モードは通常のまま、不透明度100%で確定します。

この手順で、複製レイヤーはぼやけた黒い影になります。

4:影にマスクを付け、グラデーションで薄くする

  1. 複製レイヤーを選択したまま、レイヤーパネル下部のレイヤーマスクを追加(白い四角に円が入ったアイコン)をクリックします。既定では真っ白なマスクが作成されます。
  2. マスクを選んだ状態で、左のツールバーからグラデーションツール(ショートカットG)を選び、グラデーションの種類を「線形」、色を黒から白に設定します。
  3. カンバス上で、影の最も薄い側(カップから遠い側)からカップに近い側へ一度ドラッグし、黒から白へのグラデーションを作ります。黒い部分ほど透明になり、白い部分は元の不透明度を保ちます。
  4. 細かく調整したい場合は、ブラシツール(ソフト円形ブラシ)でマスクを直接塗るか、プロパティパネルでマスクの不透明度を調整します。

5:位置と不透明度の調整

  1. 影と被写体の間隔が合わない場合は、影のレイヤー(マスクではなく)を選び、移動ツール(ショートカットV)で少し動かします。
  2. レイヤーパネル上部の不透明度スライダーで、影全体を50%〜70%まで下げます。画面に合わせて決めてください。
  3. 影がまだ「硬い」と感じたら、手順3に戻ってガウスぼかしの半径を小さくするか、手順4のマスクでさらに薄くします。

6:光源効果(ライティングレイヤーの追加)

  1. 影のレイヤーの下に空のレイヤーを新規作成し(レイヤー > 新規 > レイヤー)、「光源のベース」と名前を付けます。
  2. 塗りつぶしツール(ショートカットG)で任意の色(淡いグレーや淡いイエローなど)を塗り、光の全体の基調とします。
  3. さらにこのレイヤーにグラデーションオーバーレイ(レイヤースタイル)を追加します。方向は影と同じにし、濃い色から薄い色へ変化させると、光の階調が豊かになります。
  4. カップ(元のレイヤーまたはスマートオブジェクト)を選び、「明るさ・コントラスト」調整レイヤーを新規作成します(レイヤー > 新しい調整レイヤー > 明るさ・コントラスト)。明るさを下げて、影に遮られた暗部を再現します。
  5. その「明るさ・コントラスト」レイヤーを右クリック → クリッピングマスクを作成。カップだけに作用させます。
  6. 「明るさ・コントラスト」レイヤーのマスクを選び、ブラシツール(ソフト円形ブラシ、流量10%〜20%)で、カップの左半分(光源がある側)にハイライトを軽く描き込み、光を自然に見せます。

7:全体の色調補正と細部の調整

  1. 画面全体の彩度が高すぎる場合は、一番上に「色相・彩度」または「トーンカーブ」の調整レイヤーを追加し、彩度を少し下げてコントラストを上げます。
  2. 影のレイヤーの描画モードを「乗算」や「ソフトライト」に変えてみましょう。より自然になじむことがあります。
  3. レイヤーの順序(下から上)を確認します:
    1. 背景レイヤー(ある場合)
    2. 光源のベースレイヤー+グラデーションオーバーレイ
    3. 影のレイヤー(ぼかし・カラーオーバーレイ・マスクを含む)
    4. カップ本体のレイヤー
    5. 明るさ・コントラスト(クリッピングマスク)レイヤー
    6. 全体の色・コントラスト調整レイヤー
  4. 仕上がったらファイル > 書き出し > PNG(またはJPG)で書き出し、ローカルに保存します。

まとめ & よくある質問

  • 影の長さと角度:影の長さは光源の高さと対応させます。角度が低いほど影は長くなります。
  • ぼかしの強さ:ガウスぼかしの半径はカンバスの解像度に合わせて微調整します。低解像度なら小さめで構いません。
  • グラデーションマスクのコツ:グラデーションツールは、まず空のカンバスで一度練習し、方向が影と一致するようにします。
  • カラーオーバーレイと直接塗りの違い:カラーオーバーレイは元の透明度を保ちます。より細かく色を制御したい場合は、影のレイヤーを黒で塗ったうえで「色相・彩度」で微調整します。
  • 光の一貫性:すべてのライティングレイヤーで光源の方向を揃えないと、違和感が出ます。

参考資料