テキストを目立たせたいと思いませんか? このチュートリアルでは、Photoshopでカスタマイズ可能な美しいドロップシャドウを作成して、テキストを目立たせる方法を学びます!
合成物の前景オブジェクトにドロップシャドウを追加することで、背景とのコントラストが生まれ、オブジェクトが前に出てくるので、見る人の注意を引くことができます。
ドロップ シャドウ レイヤースタイルの適用
まず、作業中のドキュメントに2つのものを用意します。
レイヤーパネルには、きれいな無地の背景レイヤーと、シンプルなテキストレイヤーがあります。
![](https://photoshoptrainingchannel.com/wp-content/uploads/2020/12/image-217-1000x955.png)
Photoshopでカスタマイズ可能な美しいドロップシャドウを作るには、「ドロップシャドウ」のボックスにチェックを入れると、そのプロパティパネルが表示されます。
「構造」と「品質」のコントロールを使用して、ドロップシャドウの調整を編集します。
![](https://photoshoptrainingchannel.com/wp-content/uploads/2020/12/image-219-1000x633.png)
また、移動ツールでシャドウをクリック&ドラッグして、位置を変更することもできます。
![](https://photoshoptrainingchannel.com/wp-content/uploads/2020/12/image-218.png)
より自然な感じにしたい場合は、シャドウの色を濃いめのピンクに変更します。
背景色を見本にして、カラーピッカーから色を濃くします。
そして、OKを押して変更を適用します。
テキストレイヤーにさらにいくつかの影を追加するには、「ドロップシャドウ」ラベルの横にあるプラスのアイコンをクリックします。
![](https://photoshoptrainingchannel.com/wp-content/uploads/2020/12/image-220-491x1000.png)
シャドウをクリック&ドラッグして、好きな場所に再配置します。
ここでも、新しいドロップシャドウに自由に調整を適用することができます。
2 番目のドロップ シャドウについては、よりぼかすためにサイズを大きくする必要があるかもしれません。
続いて、ラベルの横にあるプラス アイコンをクリックして、3 番目のドロップ シャドウを追加します。
そして、OK を押して変更を適用します。
![](https://photoshoptrainingchannel.com/wp-content/uploads/2020/12/image-221-1000x1000.png)
レイヤースタイルをレイヤーに変換する
これで、テキスト レイヤーの下に 3 つのドロップ シャドウ効果ができました。
![](https://photoshoptrainingchannel.com/wp-content/uploads/2020/12/image-222-1000x691.png)
影をよりリアルに見せるためには、影を歪ませる必要がありますが、そのためにはレイヤーに変換する必要があります。
テキストレイヤーの fx アイコンを右クリックし、[レイヤーの作成]を選択します。
![](https://photoshoptrainingchannel.com/wp-content/uploads/2020/12/image-223-661x1000.png)
すぐに、テキスト レイヤーの下にドロップ シャドウ レイヤーの新しいリストが表示されます。
シャドウ レイヤーを スマート オブジェクトに変換
注: スマート オブジェクトとは、1 つまたは複数のレイヤーを保持できるコンテナです。
3つのドロップシャドウレイヤーを選択した状態で、右クリックして > 「スマートオブジェクトに変換」を選択します。
Ctrl T (Windows) または Command T (macOS) を押して変換すると、キャンバス全体を覆うバウンディングボックスが表示されます。 そうならないようにするには、1つのボックスのチェックを外す必要があります。
表示するには、Ctrl Z (Windows) または Command Z (macOS) を押して最新のステップを取り消します。
レイヤー パネルで、問題の原因となっているドロップ シャドウ レイヤーのそれぞれの横にアイコンがあることに気付きます。
レイヤーの横をダブルクリックして、レイヤースタイル ウィンドウを表示します。
![](https://photoshoptrainingchannel.com/wp-content/uploads/2020/12/image-224-1000x956.png)
[高度なブレンド]で[透明な図形レイヤー]にチェックを入れると、ドロップシャドウレイヤーからデュアルボックスのアイコンが消えていることに気がつきます。
![](https://photoshoptrainingchannel.com/wp-content/uploads/2020/12/image-225-1000x634.png)
「OK」を押してウィンドウを終了し、他のレイヤーでも同様の操作を行います。
注意: レイヤーを右クリックして [レイヤーのスタイルをクリア] を選択することが直観的でない理由は、レイヤーに適用したスタイルが削除されるためです。
影のスマート オブジェクトを歪める
Shift キーを押しながらすべてのドロップ シャドウ レイヤーをクリックして選択します。
![](https://photoshoptrainingchannel.com/wp-content/uploads/2020/12/image-226.png)
続いて、> スマート オブジェクトに変換を右クリックします。
より小さなバウンディングボックスに閉じ込められていることに気づくかもしれません。
Ctrl T (Windows) または Command T (macOS) を押して変形させると、歪みを適用しやすくなります。
> Distort を右クリックすると、影を動かして位置を調整し、思い通りの効果を生み出すことができます。
![](https://photoshoptrainingchannel.com/wp-content/uploads/2020/12/image-227-842x1000.png)
「影」スマートオブジェクトをワープさせる
右クリックした >> 「ワープ」をクリックすると、下図のように、ポイントをクリック&ドラッグして、影の遠近感をワープさせることができます。
![](https://photoshoptrainingchannel.com/wp-content/uploads/2020/12/image-228-914x1000.png)
オプションバーで「縦割り」のアイコンをクリックすると、左のポイントを調整したときに右のエリアに影響を与えないように分割を作成することができます。
反り具合に問題がなければ、オプションバーのチェックマークをクリックして変更を確定します。
スマートオブジェクトを使用しているので、Ctrl T (Windows) または Command T (macOS) を押すと、いつでも別の変換を適用したり、最後の変換を編集したりすることができます。
ベベル & エンボスのレイヤースタイルを適用する
テキストにさらに立体感を加えたい場合は、ベベル & エンボスのボックスにチェックを入れ、レイヤースタイルとして追加します。 ストラクチャー」と「シェーディング」を調整して、お好みの外観に仕上げてください。
![](https://photoshoptrainingchannel.com/wp-content/uploads/2020/12/image-229-1000x629.png)
追加されたハイライトとシャドウは、間違いなくあなたのテキストを際立たせます。
これは、背景色と前景色が似ていたり、同じ明度だったりする場合にも非常に有効です。
以上が、Photoshopでカスタマイズ可能な美しいドロップシャドウをわずか数ステップで作る方法です。
このチュートリアルを楽しんでいただけたなら、ぜひYouTubeでPTCをフォローしてくださいね。 また、このチュートリアルを使って何かを作った場合は、ハッシュタグ「#PTCvids」を付けてソーシャルメディアでシェアすると、紹介されるチャンスがありますよ。
最終画像
スライダーをドラッグすると、表示前 & 表示後
です。