この記事は2分で読めます

【Photoshop】自然な影の付け方

  • 投稿日
  • 更新日

あとで読む

【Photoshop】自然な影の付け方

今回はPhotoshopを使った自然な影の付け方を解説します。

イッパイアッテナ

はじめまして、イッパイアッテナです。

ITと教養で、優秀なネコの手となり、あなたのあらゆる問題を解決します。あなたの相談役だったり、デザイナーだったり、広報だったり、わたしたちは”イッパイ”の顔をあなたに見せることができます。

影を付けてみよう

STEP
素材を用意する

今回使用する素材はこちらです。

なお、素材はこちらのサイトからダウンロードできます。

https://unsplash.com/ja/写真/MSm8lDGGOBg

STEP
被写体を切り抜く

今回は真ん中のりんごのみを使用するので、切り抜きをします。

オブジェクト選択ツールで真ん中のりんごをクリックします。

右クリック→選択とマスクを選びます。

出力先をレイヤーマスクにし、OKを押します。

STEP
影のレイヤーを作る

Command(Ctrl)+Jでレイヤーを複製します。

レイヤー名を「影」に変更します。

右クリック→スマートオブジェクトに変換を選びます。この後の編集で画像が劣化しないようにするためです。

STEP
影の編集

レイヤー「影」をダブルクリックし、レイヤースタイルを開きます。

カラーオーバーレイを選択し、暗めの色にします。真っ黒にしないほうが自然になります。

STEP
影の変形

レイヤー「影」をレイヤー「greenapple」の下に持っていきます。

Command(Ctrl)+Tで変形ができる状態にします。右クリック→「多方面に伸縮」を選び、自然な影の形になるよう変形します。

下の2点は動かさず、上2点を横に動かしてから高さを縮めると自然になります。平行四辺形をつくるイメージです。

STEP
影をぼかす

メニューバーから「フィルター」→「ぼかし」→「ぼかし(ガウス)」を選択します。

任意の半径を入力し、OKで確定します。ここでは7pxにしています。

STEP
影にグラデーションを付ける

レイヤー「影」を選んだ状態でレイヤーマスクをクリックします。

グラデーションツールを選択し、グラデーションエディターを開きます。

Basicsの一番右「Black,white」を選びます。

影の上から下に向かってドラッグします。

メニューバーからウィンドウ→プロパティを開き、ぼかしを付けます。ここでは50pxにしています。

STEP
完成

完成です!

おわりに

今回はPhotoshopを使った自然な影の付け方を解説しました。影があると背景との一体感が出るので、ぜひ活用してみてください!

この記事を書いた人

なこ
なこ

食べることが好き。最近はタコスにハマっています🌮

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

Web制作について相談してみませんか?

必須は必須項目です。弊社へお問い合わせいただく方は、下記の「個人情報の取り扱いについて」を必ずお読みください。

会社名

任意

お名前

必須

メールアドレス

必須

電話番号

任意

お問い合わせ内容

必須