Drop Shadow in Photoshop

Drop Shadow creates a shadow behind the visible content of a layer.

Object
  ↓
Drop Shadow
  ↓
Shadow Behind Object

The effect can make a flat design appear more realistic and visually separated from its background.

Drop Shadow is commonly used to add depth and improve visual separation.

• Separate text from a background
• Add depth to buttons
• Create realistic shadows
• Improve readability
• Make cards stand out
• Create poster effects
• Enhance logos and graphics

Drop Shadow is available inside the Layer Style options.

Layers Panel
     ↓
fx
     ↓
Drop Shadow

You can select the layer first and then choose Drop Shadow from the Layer Style menu.

The Drop Shadow settings provide several controls for creating and adjusting the shadow.

• Blend Mode
• Color
• Opacity
• Angle
• Distance
• Spread
• Size

Blend Mode controls how the shadow blends with the background.

The default Darken-style behavior is commonly suitable for realistic shadows, but other blending modes can be used for creative effects.

Shadow
  +
Background
  ↓
Blend Mode
  ↓
Final Shadow Appearance

The Color setting controls the color of the shadow.

A dark neutral color is commonly used for realistic shadows. However, colored shadows can be useful for creative designs.

Dark Color
    ↓
Natural Shadow

Bright / Colored Color
    ↓
Creative Effect

Opacity controls how transparent or strong the shadow appears.

100%
 ↓
Strong Shadow

50%
 ↓
Soft Shadow

20%
 ↓
Very Subtle Shadow

Lower opacity is often useful when creating natural-looking shadows.

Angle controls the direction from which the shadow appears to come.

Light Source
     ↓
Object
     ↓
Shadow Direction

Keep the shadow direction consistent across a design so that the lighting appears believable.

Global Light allows Photoshop to use a common lighting direction for compatible layer effects.

This can help maintain consistent lighting when several objects in a design use shadows or other lighting effects.

Distance controls how far the shadow is positioned away from the object.

Low Distance
     ↓
Shadow Close to Object

High Distance
     ↓
Shadow Farther from Object

A small distance is often useful for subtle interface and card designs.

Spread controls how strongly the shadow expands before it becomes softer.

Low Spread
    ↓
Soft / Narrow Shadow

High Spread
    ↓
Stronger / Wider Shadow

Too much spread can make the shadow look heavy and unnatural.

Size controls the softness and spread of the shadow around the object.

Small Size
   ↓
Sharper Shadow

Large Size
   ↓
Softer Shadow

The correct size depends on the distance and the design style.

Contour controls the way the shadow's transparency changes across its edge.

Different contour shapes can create different shadow characteristics and creative effects.

Noise adds a small amount of random variation to the shadow.

It can sometimes help match the shadow with a textured image or create a special visual effect.

For normal clean designs, very little or no noise is usually required.

A Drop Shadow Layer Style automatically follows the visible shape of the layer.

Text Layer
   ↓
Drop Shadow
   ↓
Shadow Follows Text

Shape Layer
   ↓
Drop Shadow
   ↓
Shadow Follows Shape

This makes it convenient for text, shapes and other graphic objects.

Drop Shadow can improve the readability of text placed over a busy background.

1. Select the text layer.
2. Open Layer Style.
3. Choose Drop Shadow.
4. Adjust opacity.
5. Set a suitable distance.
6. Adjust size.
7. Click OK.

Shapes such as rectangles, circles and buttons can use Drop Shadow to create depth.

Shape
  +
Drop Shadow
  ↓
Raised Appearance

This is commonly used in cards, buttons and interface designs.

Drop Shadow can help an image appear separated from its background.

This technique is useful for photographs, product images, thumbnails and presentation graphics.

Image
 ↓
Drop Shadow
 ↓
Separated from Background

A subtle Drop Shadow can help a logo stand out from a background.

When designing a professional logo, the shadow should be used carefully so that it does not reduce the clarity of the logo.

Drop Shadow can make a button appear raised from the background.

Button
  ↓
Small Distance
  +
Soft Shadow
  ↓
Raised Button

Subtle shadows are usually better than extremely dark shadows for modern interface designs.

A soft shadow can be created using a suitable combination of opacity, distance, spread and size.

1. Choose a dark shadow color.
2. Use moderate or low opacity.
3. Keep distance relatively small.
4. Use a larger size for softness.
5. Preview the result.

A long shadow can be created using a larger distance and carefully adjusted settings, although complex long-shadow designs may also require additional techniques.

Object
  ↓
Long Shadow Direction
  ↓
Extended Graphic Effect

Long shadows are often used in posters and modern graphic illustrations.

Create readable poster text using a subtle Drop Shadow.

1. Create a poster background.
2. Add a large text layer.
3. Open Layer Style.
4. Select Drop Shadow.
5. Use a dark color.
6. Reduce opacity.
7. Set a small distance.
8. Increase size slightly.
9. Check readability.

Drop Shadow can make a product image appear above a card background.

Card Background
       ↓
Product Image
       ↓
Drop Shadow
       ↓
Floating Product Effect

Keep the shadow soft and consistent with the direction of the light.

Layer opacity and Drop Shadow opacity are different controls.

Layer Opacity
     ↓
Controls Entire Layer

Drop Shadow Opacity
     ↓
Controls Shadow Effect

Understanding this difference gives you better control over your design.

• Using a completely black shadow at high opacity
• Making the shadow too large
• Using excessive distance
• Using too much spread
• Ignoring the direction of the light
• Using different shadow directions in one design
• Adding shadows to every element unnecessarily
• Making the shadow more noticeable than the main object

Practice Drop Shadow using text and shapes.

1. Create a new Photoshop document.
2. Create a rectangle shape.
3. Add Drop Shadow.
4. Change the angle.
5. Change distance.
6. Change spread.
7. Change size.
8. Change opacity.
9. Apply Drop Shadow to text.
10. Compare different shadow styles.

Create a simple social media graphic using text, shapes and subtle Drop Shadows.

Background
    ↓
Shape
    ↓
Drop Shadow
    ↓
Text
    ↓
Drop Shadow
    ↓
Final Social Media Graphic

Keep all shadows consistent with the same light direction.

1. Select the required layer.
2. Open Layer Style.
3. Enable Drop Shadow.
4. Choose a suitable shadow color.
5. Set the light direction.
6. Adjust distance.
7. Adjust spread.
8. Adjust size.
9. Reduce opacity if necessary.
10. Compare the design with and without the shadow.

Drop Shadow is a useful Photoshop Layer Style for creating depth, separation and visual emphasis.

Important Drop Shadow controls include Blend Mode, Color, Opacity, Angle, Distance, Spread and Size.

Drop Shadows can be applied to text, shapes, images, logos and buttons. For professional designs, shadows should normally be subtle, consistent and related to the direction of the light.