![](https://design-template.zukashi.jp/media/2021/12/622-drop-shadow-1-1024x576.jpg)
おしゃれに見えるドロップシャドウ
デザインによく使われるドロップシャドウ。
目立たせるのにも使えるし、使うとなんかおしゃれに見える万能効果です。
いい感じの調整をするといい感じになりますが、初期値で使うとイマイチになってしまうので、ぜひ調整していい感じにしてみてください!
それではやっていきましょう。
![](https://design-template.zukashi.jp/wordpress/wp-content/uploads/2021/12/622-drop-shadow-2-1024x358.jpg)
ドロップシャドウをつけたいオブジェクトを選択します。
効果>スタイライズ>ドロップシャドウ
をクリック
![](https://design-template.zukashi.jp/wordpress/wp-content/uploads/2021/12/622-drop-shadow-3-1024x486.jpg)
描画モード : 乗算(初期値でOK)
不透明度 : 影の濃さ
X軸オフセット : 横向き移動(+なら右、-なら左)
Y軸オフセット : 縦向き移動(+なら下、-なら上)
ぼかし : ぼかし具合(0でカッチリ影になる)
![](https://design-template.zukashi.jp/wordpress/wp-content/uploads/2021/12/622-drop-shadow-4-1024x625.jpg)
初期値はドロップシャドウが濃くて、位置もイマイチです。
![](https://design-template.zukashi.jp/wordpress/wp-content/uploads/2021/12/622-drop-shadow-5-1024x625.jpg)
僕はいつも不透明度とぼかしを低めに設定しています。
存在感を出しつつ主張しすぎない感じで好きです。
ずかしがよく使う設定
![](https://design-template.zukashi.jp/wordpress/wp-content/uploads/2021/12/622-drop-shadow-6-1024x625.jpg)
一度設定したドロップシャドウは、アピアランスパネルに表示されてます。
(アピアランスパネルが画面に出ていいない場合は、画面上部のメニューからウインドウ>アピアランスをクリック)
ドロップシャドウの文字をクリックすると編集できます。
以上ドロップシャドウでした!