イラレのドロップシャドウがダサくならないプロが実践する方法を解説

adobe Illustrator(イラレ)には、簡単に影をつけることができる「ドロップシャドウ」というアピアランス効果があります。

簡単に影をつけて立体感を出したり、目立たせたり出来るため、初心者の方も多様している機能だと思います。

もっと言えば、ドロップシャドウの付け方で初心者かプロか見分けがすぐつきます。

プロが実践するドロップシャドウの付け方を意識するポイントを踏まえてご紹介します。意識するポイントとやり方がわかればすぐにでもデザインを生まれ変わらせることが出来るはずです。

ドロップシャドウとは

使い方次第では、対象物を背景と独立させ目立たせる効果や、影をつけることで平面上に奥行き感を持たせることができます。ドロップシャドウはイラストレーター特有の機能ではなく、Photoshopなどにもあります。

イラレでドロップシャドウのつける方法

まずadobe Illustratorでドロップシャドウをつけたい対象物を用意します。今回はテキストにドロップシャドウをかけてみます。

するとドロップシャドウパネルが出てきますので、細かい設定はこちらでおこないます。

今回は初期設定のままとりあえず、ドロップシャドウをかけてみるので、そのまま「OK」を押して完了です。

イラレでドロップシャドウの解除する方法

イラレのドロップシャドウはアピアランス効果なので、ドロップシャドウを解除する場合は、アピアランスパネルを使います。

するとアピアランスパネルに、先ほどかけたドロップシャドウという項目があります。

この項目をダブルクリックすることでドロップシャドウの再編集が可能になります。

ドロップシャドウを解除する場合は、このドロップシャドウという項目を選択した状態で、右下の「選択した項目を削除」というゴミ箱のアイコンを押すことで解除することができます。

イラレのドロップシャドウを印刷する場合

簡単に影をつけることができるドロップシャドウですが、かけすぎると印刷時に意図しない形で印刷されてしまう場合があります。(四角いオブジェクトのような形など)

万が一そういう場合になった場合は、アピアランス効果を分割して画像化することで解決することが多いです。

アピアランス効果を分割する方法は、

影の部分が画像化され埋め込まれます。

このようにドロップシャドウが印刷に影響を及ぼすケースもありますので、さらに詳しく知りたい方はこちらの記事を参考にしてください。

ドロップシャドウの付け方のポイント

このようにドロップシャドウの付け方は簡単で誰でもつけることができます。

ここからドロップシャドウの付ける際にダサくならないようプロが意識するポイントをご紹介します。

強くドロップシャドウをかけすぎない

まずはじめに、ドロップシャドウは強くかけすぎないことです。

初心者の方でよくやりがちなのが、「目立たせたいから」という理由で強くかけすぎてしまいがちです。

ドロップシャドウが強いと、影の方が目立ってしまいます。

それでは本末転倒です。

これだけで大丈夫かな？くらいがちょうど良いです。

ドロップシャドウの色を背景と同系色にする

影といえば「黒」のイメージがあると思います。

ドロップシャドウの初期設定も黒ですが、合わせる背景によってドロップシャドウの色を変えていきましょう。

黒のままでもそこまで違和感はありませんが、より自然な影(ドロップシャドウ)にするためには、色にもこだわりましょう。

影の色の考え方はこちらの記事で解説しています。Photoshopメインの記事になりますが、影の考え方は同じです。良かったら参考にしてみてください。

ドロップシャドウをあまり距離を出して離さない

ドロップシャドウはオフセット値によってどれくらいの位置にするかを設定できます。

このオフセット値を大きい数値にしてしまうと影が対象物から離れていきます。対象物を浮かせる上では効果的ですが、やりすぎると影の主張が激しくなってしまいます。

文字にドロップシャドウをかける場合は文字の視認性を著しく低下させる恐れがある

オフセット値が大きいとドロップシャドウによって読みづらくなってしまう恐れがあるので、離しすぎには注意が必要です。

Illustratorでのドロップシャドウの付け方のまとめ

adobe Illustratorでのドロップシャドウのつけ方をプロが意識するポイントを踏まえてご紹介しました。

ドロップシャドウは便利で効果的な機能が故に間違った考えで多様してしまいがちですが、使う上ではしっかりと考えて使って欲しいです。

ドロップシャドウに対する考えは人それぞれですが、是非１度実践して欲しいです。