MENU
  • 動画編集・映像制作
    • 動画編集の始め方
    • 動画編集スクール
    • 動画編集ソフト
    • Adobe Premiere Pro
  • 写真の撮り方
    • デジタルカメラ
    • 一眼レフの使い方
    • ストロボの使い方
    • 料理写真の撮り方
  • 画像編集
    • Luminar
    • Photoshop
    • Aurora HDR
    • 現像・画像編集ソフト
  • Adobe
  • 雑記
    • マネー
写真の撮り方や画像編集を解説
長谷川敬介 -カメラマン-
  • 動画編集・映像制作
    • 動画編集の始め方
    • 動画編集スクール
    • 動画編集ソフト
    • Adobe Premiere Pro
  • 写真の撮り方
    • デジタルカメラ
    • 一眼レフの使い方
    • ストロボの使い方
    • 料理写真の撮り方
  • 画像編集
    • Luminar
    • Photoshop
    • Aurora HDR
    • 現像・画像編集ソフト
  • Adobe
  • 雑記
    • マネー
ゼロからわかる【カメラ講座】全32話
  1. ホーム
  2. 画像編集
  3. Photoshop
  4. 【Photoshop】ドロップシャドウで影をつけてみよう

【Photoshop】ドロップシャドウで影をつけてみよう

2022 5/08
Photoshop
2017年6月28日 2022年5月8日
長谷川敬介

こんにちは!カメラマンの長谷川 ksk_photo_manです!

学生時代からPhotoshopを触っていて、Photoshop歴15年になりました。

さて、前回の記事では、Photoshopの「パッチツールの使い方」をお伝えせて頂きました!

さて今回は、ドロップシャドウについてご説明しますね。

環境:PhotoShop CC

長谷川敬介

まず簡単に「ドロップシャドウの適応方法」を解説して、そのあと詳細設定の内容を解説しますね!

カメさん

よろしくどうぞ!

Adobeフォトプラン

\ 7日間無料でPhotoshopを楽しめる /

無料で体験する

【無料で始める】から7日間の無料体験

いつでも解約ができます

タップできる目次
長谷川 敬介

1984年生まれ。長野県出身。プロ歴5年・写真歴12年のカメラマン(料理撮影がメイン)。合同会社ケーエスの代表。

» プロフィール詳細

Photoshopドロップシャドウとは

ドロップシャドウとは、オブジェクトや文字に影をつけることができるPhotoshopのツール。

影の濃さや角度、長さなどの設定もできます。

目次に戻る

レイヤースタイルのドロップシャドウの使い方

まず、簡単にドロップシャドウを適応させる流れをお伝えしますね!

ドロップシャドウ画面の開き方は2つ。

  1. レイヤーパネル内の「レイヤースタイルを追加」から、ドロップシャドウを選ぶ
  2. 適応させたいレイヤーの右側をダブルクリック、表示された「レイヤースタイル」内のドロップシャドウを選択。

動画で解説

ドロップシャドウ

①レイヤーパネル内の「レイヤースタイルを追加」から、ドロップシャドウを選ぶ方法

Photoshopドロップシャドウ
「レイヤースタイルを追加」をクリック
Photoshopドロップシャドウ
「ドロップシャドウ」を選択

②適応させたいレイヤーの右側をダブルクリック、表示された「レイヤースタイル」内のドロップシャドウを選択。

Photoshopドロップシャドウ

レイヤーパネルを表示して「ドロップシャドウ」の項目を選択すると、ドロップパネルの詳細設定の画面になります。

Photoshopドロップシャドウ
「ドロップシャドウ」を選択

その状態で「OK」を押せば、ドロップシャドウが適応されます。

長谷川敬介

詳細設定は、後述します。

Photoshopドロップシャドウ
目次に戻る

ドロップシャドウ詳細設定

次は「ドロップシャドウ」の詳細設定について解説します。

「ドロップシャドウ」では、次の8つの設定ができます。

  1. 描画モードと色
  2. 不透明度
  3. 角度
  4. 距離
  5. スプレッド
  6. サイズ
  7. 輪郭
  8. ノイズ

それぞれ解説していきます。

動画で解説

Photoshopドロップシャドウ

1:描画モードと色

「描画モード」の項目から、いくつかの描画モードを選択することができます。

Photoshopドロップシャドウ_描画モード

描画モードの横にあるカラーパレットでは、ドロップシャドウの色を変えることもできます。

Photoshopドロップシャドウ_カラーピッカー

Before・After

ドロップシャドウ_色

2:不透明度

シャドウの透過具合を設定します。数字を大きくするほど、影が透過しなくなります。

Photoshopドロップシャドウ_不透明度

Before・After

ドロップシャドウ_不透明度

3:角度

ドロップシャドウの角度を変えることができます。

「包括光源の使用」にチェックを入れておくと、エフェクトかけた他のオブジェクトと統一されます。

Photoshopドロップシャドウ_角度

Before・After

ドロップシャドウ_角度

4:距離

距離は、シャドウの長さを設定できます。

Photoshopドロップシャドウ_距離

Before・After

ドロップシャドウ_距離

5:スプレッド

スプレッドで、シャドウのぼかし具合を設定できます。

数字を大きくすればするほど、境界線がハッキリします!

Photoshopドロップシャドウ_スプレッド

Before・After

ドロップシャドウ_スプレッド

6:サイズ

サイズは、オブジェクトと比較してどれくらいの大きさにするのか設定することができます。

Photoshopドロップシャドウ_サイズ

Before・After

ドロップシャドウ_サイズ

7:輪郭

輪郭では、影の輪郭部分を詳細に設定することができます。

Photoshopドロップシャドウ_輪郭

アンチエイリアスにチェックを入れると、影を滑らかにしてくれます。

Before・After

ドロップシャドウ_輪郭

8:ノイズ

ノイズは、影にノイズを加えるすることができます。

Photoshopドロップシャドウ_ノイズ

Before・After

ドロップシャドウ_ノイズ
目次に戻る

まとめ

いかがだったでしょう?

オブジェクトに影をつけることで、浮き立たし目立たせることができます。

ぜひ、色々と試して見てください!

今回は以上です!ここまで読んでくださってありがとうございます!

次は文字を縁取りしてみよう^^

あわせて読みたい
Photoshopで文字を縁取りする方法 この記事では、Photoshop文字の縁取りのやり方を解説しています!やり方は、レイヤースタイルの「境界線」を使います。レイヤースタイルを開いて、「境界線」を選択します。この状態で「OK」を押すと縁取り完成です。詳細は記事をご覧ください。

Adobeフォトプラン

\ 7日間無料でPhotoshopを楽しめる /

無料で体験する

【無料で始める】から7日間の無料体験

いつでも解約ができます

Photoshop
よかったらシェアしてね!
  • URLをコピーしました!
  • Photoshopパッチツールの使い方!簡単にシワ消しで若返り!
  • Photoshopで文字を縁取りする方法

関連記事

  • Photoshop 2022の新機能!「風景ミキサー」の使い方
    2022年5月8日
  • 【Photoshop・Luminar 4】曇り空を青空にするレタッチ方法
    【Photoshop・Luminar 4】曇り空を青空にするレタッチ方法
    2022年5月8日
  • Photoshop-Elements使い方
    【演習つき】Photoshop Elements(フォトショップ エレメンツ)の使い方
    2022年5月10日
  • 【Photoshop】写真をセピア調にする3つのやり方
    【Photoshop】写真をセピア調にする3つのやり方
    2022年5月8日
  • 【Photoshop】シェイプツールの使い方
    【Photoshop】シェイプツールの使い方
    2022年5月8日
  • 【Photoshop】クリッピングマスクの使い方
    【Photoshop】クリッピングマスクの使い方
    2022年5月8日
  • Photoshopでグリッドを表示・設定変更の方法
    【Photoshop】グリッドを表示・設定変更の方法
    2022年5月8日
  • Photoshopのラスタライズってなに?
    Photoshopのラスタライズってなに?
    2022年5月8日

コメント

コメントする コメントをキャンセル

長谷川 敬介
カメラマン
プロ歴5年・写真歴12年のカメラマン。

合同会社ケーエス代表

広告写真スタジオを経て独立。2022年2月に合同会社ケーエスを設立。
プロフィール
当サイトの引用について

当サイトはリンクフリーです。記事本文・画像を引用した場合、リンクを貼っていただければ問題ございません。また、当サイトを引用した記事はTwitterで拡散することも可能です。ご希望の方は、TwitterのDMまでご連絡ください

この記事の目次
人気記事
  • 写真編集ソフトおすすめランキング
  • Adobe CCを安く買う方法!アカデミック版が格安
  • カメラのサブスク(月額・定額制)を比較
  • 動画編集・動画制作おすすめオンラインスクール【社会人向け】
オススメ画像編集ソフト
  • Luminar AI(ルミナー エーアイ)
  • Lightroom(ライトルーム)
  • Photoshop(フォトショップ)
  • PhotoDirector(フォトディレクター)
  • SILKYPIX Developer Studio Pro10
  • Zoner Photo Studio X
運営メディア
  • ウチジム
  • ミールデリ
  • 合同会社ケーエス
  • 運営者情報
  • サイトマップ
  • プライバシーポリシー
  • サイトポリシー
  • 特定商取引法に基づく表記
  • お問い合せ

© 2021 長谷川敬介

タップできる目次