How to add text to a photo (with a drop shadow)

Add text to a photo online — set the font, size and color with the Type tool, then make the words readable on any background with a classic drop shadow.

Text sitting straight on a photo often disappears into the background. The fix is the classic combination: white (or solid-colored) type plus a soft drop shadow that separates the letters from whatever is behind them. Here's the whole workflow in PhotoFresco, free and in your browser.

White headline text over a photo, kept readable by a soft drop shadow
White headline text over a photo, kept readable by a soft drop shadow

Add text with a drop shadow in four steps

  1. Open your photo (File ▸ Open…), then pick the Type tool (T).
  2. Set the font, style, size and color in the options bar, then click on the canvas and type. A click gives you a free-standing line; dragging first draws a text box that wraps lines to its width.
  3. Commit the text by clicking away from it (or ⌘Enter / Ctrl+Enter). To reposition, switch to the Move tool (V) and drag.
  4. Open Layer ▸ Layer Style ▸ Layer Style… (or double-click the empty part of the text layer's row in the Layers panel), tick Drop Shadow in the effects list, and tune it with the live preview on. Click OK — the whole styling session lands as a single undo step.

Layer styles apply directly to the live text layer — no rasterizing, no compromises. The text stays fully editable: retype it, resize it, change the font, and the shadow follows.

The Type tool options bar: orientation, font family, style, size, anti-aliasing and alignment
The Type tool options bar: orientation, font family, style, size, anti-aliasing and alignment

Dialing in the shadow

The Layer Style dialog on the Drop Shadow page, with the settings used for the image above
The Layer Style dialog on the Drop Shadow page, with the settings used for the image above

The hero image above uses Opacity 85%, Angle 120°, Distance 22 px, Spread 20%, Size 26 px on a black shadow — a good starting point for headline-size text. What each control does:

  • Opacity — how dark the shadow is. Busy, high-contrast backgrounds need more than calm ones.
  • Angle — the light direction; the shadow falls opposite it. 120° (light from the upper left) is the Photoshop-classic default.
  • Distance — how far the shadow is offset from the letters. More distance reads as text floating higher.
  • Spread — how much the shadow expands before blurring. A little spread makes a bolder halo, which helps small text.
  • Size — the blur. Small = crisp and graphic; large = soft and subtle.

The shadow is a live layer style on a live text layer: reopen the dialog any time to change it, keep editing the words underneath it, and it survives PSD export intact. You can stack more than one Drop Shadow with the + button, and add a Stroke from the same dialog for an outlined-sticker look.

Tips

  • White text + black shadow works on almost any photo. For dark, moody images, try the inverse: black text with a soft white Outer Glow.
  • Legibility comes from contrast, not size — a modest headline with the right shadow beats giant unshadowed type.
  • Type ▸ Rasterize Type Layer still exists for pixel-level work (painting into the letters, filters); the layer style survives rasterizing, but the text stops being editable — style first, rasterize only when you need pixels.

Last updated