How to Add a Drop Shadow in Photoshop (And Get It Looking Right)

Drop shadows are one of the most used effects in Photoshop — and one of the most misused. Done well, they add depth, lift elements off the background, and make compositions feel grounded. Done poorly, they look dated, heavy, or fake. The good news is that Photoshop gives you precise control over every aspect of the effect, once you know where to look and what each setting actually does.

What a Drop Shadow Actually Does

A drop shadow is a layer effect that simulates light falling on an object, casting a shadow behind it onto the surface below. In Photoshop, it's non-destructive by default — meaning it's applied as a Layer Style, not baked into the pixels. You can edit, hide, or remove it at any time without touching your original layer.

This matters because it separates Photoshop's drop shadow from simply painting a dark blur underneath something. The Layer Style approach stays live and editable throughout your workflow.

How to Apply a Drop Shadow in Photoshop

There are three common ways to open the Drop Shadow dialog:

• Layer menu: Go to Layer → Layer Style → Drop Shadow
• fx button: Click the fx icon at the bottom of the Layers panel, then choose Drop Shadow
• Double-click the layer thumbnail: This opens the Layer Style panel directly

All three land you in the same place: the Layer Style dialog, with Drop Shadow checked and its settings ready to adjust.

Understanding the Drop Shadow Settings 🎛️

This is where most people stop reading — and where most drop shadows go wrong. Each slider has a specific job:

Blend Mode is almost always left on Multiply, which darkens whatever is below the shadow — mimicking how real shadows behave. Changing the color from black to a deep version of your background color often produces more natural-looking results than pure black.

Distance vs. Size is the distinction most beginners miss. Distance moves the shadow away from the object. Size softens its edges. A large distance with a small size looks like hard, direct sunlight. A small distance with a large size looks like diffused, ambient light — and typically reads as more modern and subtle.

Spread controls how much of the shadow is fully opaque before the blur starts. At 0%, the entire shadow is soft. Increasing it pushes a hard edge outward before the softening begins, which is useful for contact shadows or text effects.

Global Light and Consistency Across Layers

If your document has multiple objects with shadows, Use Global Light keeps them consistent. When it's checked, changing the angle on one layer updates all layers using global light. This matters when you have a complex composition — mismatched shadow angles on different elements immediately read as artificial, even to viewers who can't articulate why.

Uncheck it only when a specific element intentionally has a different light source, such as a glowing UI button or an inset element where the light logically comes from another direction.

Applying Drop Shadows to Specific Layer Types

Drop shadows behave differently depending on what's on the layer:

• Text layers: The shadow follows each character's edge, including transparent gaps inside letters
• Shape layers: The shadow traces the vector outline precisely
• Pixel layers with transparency: The shadow follows the opaque pixels — so a cutout photo will cast a shadow shaped like the subject, not the canvas rectangle
• Smart Objects: The shadow applies to the placed content's edges, and remains editable if you update the Smart Object

If you apply a drop shadow to a layer that has no transparent areas (a fully filled rectangle, for example), the shadow may not be visible unless the layer doesn't fill the entire canvas.

Copying and Reusing Drop Shadows ✂️

Once you have a shadow dialed in, you don't have to rebuild it for every layer:

• Right-click the fx label on the layer → Copy Layer Style
• Right-click any other layer → Paste Layer Style

You can also drag the Effects item from one layer to another in the Layers panel while holding Alt/Option to copy rather than move it.

What Changes the Right Drop Shadow Settings

There's no universal setting that works across every project. The variables that determine what looks correct include:

• Document resolution — shadows that look right at 72 PPI often look tiny and weak at 300 PPI; Size and Distance values are measured in pixels, so they scale with resolution
• The scale of the object — a 20px size works for a small icon and disappears on a full-page photo
• The background color and texture — dark backgrounds may need lighter, lower-opacity shadows or colored ones
• The intended output — web, print, social, and video each have different standards for how shadows read
• Design style — flat design uses subtle or no shadows; skeuomorphic or realist work uses heavier, more detailed ones

A shadow setting that looks polished in a mobile UI mockup may look completely wrong applied to a print poster at the same pixel values. Getting it right means thinking about the composition first, then dialing the settings to match — not the other way around.

When Drop Shadows Don't Look Right

Common problems and their causes:

• Shadow appears behind the wrong edge: Check the Angle — it may be pointing in an unexpected direction
• Shadow is invisible: The layer may be fully opaque with no transparency; try on a layer with a cutout
• Shadow looks pixelated or harsh: Increase Size to soften the blur edge
• Shadow looks identical across very different elements: Each object may need a slightly different Distance or Size to reflect its apparent height above the surface 🔍

The specific combination of Angle, Distance, Spread, Size, and Opacity that works for your project depends entirely on what's in your composition, your document's resolution, and the visual effect you're after — which no preset or default setting can fully anticipate.