MENU
  • 写真・画像編集
    • Adobe製品
      • Adobe Photoshop
      • Adobe Premiere Pro
        • 動画編集の始め方
        • 動画編集スクール
      • その他のAdobe製品
        • Adobe After Effects
    • 現像・画像編集ソフト
      • Luminar
    • 写真の撮り方
      • デジタルカメラ
      • 一眼レフの使い方
  • 動画編集
    • 動画サービス
    • 動画編集ソフト
  • YouTube
  • お問い合わせ
はじめての撮影&編集に役立つ情報をお届け
写真と動画の撮影・編集入門
  • 写真・画像編集
    • Adobe製品
      • Adobe Photoshop
      • Adobe Premiere Pro
        • 動画編集の始め方
        • 動画編集スクール
      • その他のAdobe製品
        • Adobe After Effects
    • 現像・画像編集ソフト
      • Luminar
    • 写真の撮り方
      • デジタルカメラ
      • 一眼レフの使い方
  • 動画編集
    • 動画サービス
    • 動画編集ソフト
  • YouTube
  • お問い合わせ
  1. ホーム
  2. Adobe製品
  3. Adobe Photoshop
  4. 【Photoshop】ドロップシャドウで影をつけてみよう

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

2023 5/09
Adobe Photoshop
2023年5月9日
長谷川敬介
【PR】この記事には広告を含む場合があります。

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

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

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

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

環境:PhotoShop CC

けいすけ

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

カメさん

よろしくどうぞ!

\ 7日間無料体験 /

Photoshopを無料で体験する

※いつでも解約ができます

タップできる目次
長谷川敬介のアイコン 長谷川敬介

映像クリエイター・プロカメラマン。Adobe歴20年。Premiere Pro 認定プロフェッショナル(国際資格)。1984年生まれ。長野県出身。合同会社ケーエスの代表

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

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

まとめ

いかがだったでしょう?

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

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

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

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

投稿が見つかりません。

\ 7日間無料体験 /

Photoshopを無料で体験する

※いつでも解約ができます

Adobe Photoshop

この記事が気に入ったら
フォローしてね!

Follow Me
よかったらシェアしてね!
  • URLをコピーしました!
  • 【Photoshop】色域指定でパパッと選択範囲を作る方法
  • 【Photoshop】グラデーションマスクの使い方

関連記事

  • フォトショップで建物の写真の歪みを補正する方法
    2023年10月25日
  • Photoshopで写真の傾きを補正する方法
    2023年10月25日
  • Photoshop作業が捗るショートカットキー26選
    2023年10月24日
  • Photoshop月額980円プランをプロが徹底解説
    2025年4月3日
  • Photoshopどれを買えばいい?詳しい比較と選び方を紹介
    2024年3月7日
  • 【Photoshop】複数レイヤーまとめて書き出しする方法
    2023年10月26日
  • 【Photoshop】部分的に明るくしてみよう!
    2024年2月20日
  • 【Photoshop】解像度(dpi)の変更方法
    2023年10月26日

コメント

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

人気記事
  • プレミアプロを安く使いたい!値段と買い切り版を解説
    プレミアプロを安く使いたい!値段と買い切り版(永久ライセンス)を解説
  • Google隠しコマンドで手軽に遊ぼう!(ブロック崩し・パックマン・一回転など)
  • Illustratorの月額・買い切りは?安い値段で購入する方法
    Illustratorの月額・買い切りは?安い値段で購入する方法
  • Photoshopの買い切り版は?代替ソフトと安い値段で買う方法
    【2025年】Photoshopの買い切り版は?代替ソフトと安い値段で買う方法
  • 無料で使える!ロゴなし動画編集ソフト15選【最新版】
【セール中】最大75%オフ

割引コード「hase」で更に1,100円割引

この記事の目次
カテゴリー
  • Adobe製品 (55)
    • Adobe Photoshop (22)
    • Adobe Premiere Pro (25)
      • 動画編集の始め方 (4)
      • 動画編集スクール (11)
    • その他のAdobe製品 (8)
      • Adobe After Effects (1)
  • YouTube (21)
  • その他 (14)
    • パソコンメンテナンス (5)
    • マネー (5)
  • 写真・画像編集 (36)
    • 写真の撮り方 (22)
      • デジタルカメラ (7)
      • 一眼レフの使い方 (15)
    • 現像・画像編集ソフト (14)
      • Luminar (9)
  • 動画編集(Adobe以外) (21)
    • 動画サービス (6)
    • 動画編集ソフト (15)
  • 合同会社ケーエスとは
  • 当サイトの取り組み
  • 全カテゴリー
  • プライバシーポリシー
  • サイトポリシー

© 2024 Your-Create

タップできる目次
当サイト「Your-Create」では、ユーザーの利便性向上を目的としてCookie(クッキー)を使用しています。引き続き閲覧される場合、Cookie の使用に同意したものとみなされます。同意する同意しない