ドロップシャドウとは？
切り抜き画像に影を付ける加工の種類

ドロップシャドウとは

ドロップシャドウ（drop shadow）は、背景から切り抜いた画像にPhotoshop等の機能で人工的に影を付ける加工のことだ。切り抜きjpのオプション一覧では「Photoshopのドロップシャドウ機能を使用して、影を付ける手法です。影の大きさ、不透明度などは、ご指定可能です」と説明されている。

切り抜き後の商品画像はそのままだと背景に浮いて見えてしまう。ドロップシャドウを付けることで、商品に立体感と接地感が生まれ、ECの商品一覧ページでの見栄えが良くなる。Amazonや楽天の商品画像では、白背景＋ドロップシャドウの組み合わせがよく使われている。

Photoshopでは「レイヤースタイル」→「ドロップシャドウ」から簡単に適用でき、角度・距離・サイズ・不透明度を調整できる。Adobe公式のレイヤー効果ガイドに詳しい手順がある。

ドロップシャドウと影イキの違い

影イキは撮影時に自然にできた影をそのまま残す処理で、ドロップシャドウは切り抜き後に人工的に影を追加する処理だ。EC向けの切り抜き解説記事では、影イキの方が自然だがドロップシャドウでも十分な立体感が出ると紹介されている。

外注の追加料金はドロップシャドウの方が安い。キリコムのような切り抜き専門サービスでは、ドロップシャドウは1枚+30〜100円程度、影イキは+100〜200円程度が相場だ。大量の商品画像を処理する場合、この差が積み重なるので予算と仕上がりのバランスで選ぶことになる。

アパレルや家具など高単価商材のカタログでは影イキ、食品やコスメなど大量SKUのECサイトではドロップシャドウが採用されやすい傾向がある。

外注するときの指定方法

ドロップシャドウを外注先に依頼するとき、最低限伝えるべきは以下の3項目だ。

まず影の方向。真下に落とすか、右下や左下に落とすかで商品の印象が変わる。商品一覧ページで複数の商品を並べる場合は、影の方向を全商品で統一しないと不自然になる。

次に影の濃さ（不透明度）。濃すぎると重たい印象になり、薄すぎると影を付けた意味がなくなる。20〜40%程度が自然に見える範囲とされている。

最後にぼかしの大きさ。ぼかしが小さいとくっきりした影になり、大きいとふんわりした印象になる。商品との距離感を考慮して決める。

指定が面倒なら「自然な感じで」と伝えて、サンプル1枚の仕上がりを見てから残りを進めるのが実務上は効率的だ。

ツバサ

EC関係の仕事をしています。このサイトは自分が調べたことの備忘録です。Photoshopは少し使えますが苦手で、ちょっとした画像補正はもっぱらスマホアプリ派。アプリで対応しきれない本格的なレタッチはプロに依頼しています。