How to Add Textures & Overlays to a Photo in Photoshop

How to Add Textures & Overlays to a Photo in Photoshop

Adding depth to a photo doesn’t require reshooting it through an actual rain-streaked window — a stock texture, a Screen blend mode, and a color match back to the original image can convincingly fake that same look, making it seem like the light in the photo is genuinely interacting with glass or water in front of the lens.

Getting Started: Choosing the Right Texture

Not every texture blends well — the ones that work best share a specific quality that makes the rest of this technique straightforward.

1. Pick a Texture with Light on a Dark Background

   Look for a texture — raindrops, bokeh, dust — where the interesting detail sits as bright highlights against an otherwise dark background. That dark-background quality is what makes the next step, blending the texture in, work cleanly.

Placing and Blending the Texture with Screen Mode

With the right kind of texture chosen, blending it into the photo takes just one blend mode change.

2. Drag the Texture into the Document

   Move the texture image into the same document as the base photo, then scale it to cover the frame using Ctrl/Cmd + T, holding Alt/Option while dragging a corner to scale from the center.

3. Switch to Screen Blend Mode

   Change the texture layer’s blend mode from Normal to Screen. Because a dark background reads as black, Screen mode makes it disappear entirely, leaving only the bright highlight detail — the raindrops or bokeh — visible over the photo underneath.

Converting to a Smart Object Before Blurring

Before applying any blur, converting the texture layer into a Smart Object keeps every future adjustment fully reversible.

4. Set the Layer Back to Normal First

   Change the blend mode back to Normal before converting — Smart Objects should generally be created while a layer is in its default blend mode.

5. Convert to a Smart Object

   Right-click the layer and choose Convert to Smart Object, then switch the blend mode back to Screen. The layer will look identical, but any filter applied to it from this point on stays fully editable.

Applying a Realistic Blur to the Texture

A texture that’s perfectly sharp reads as obviously artificial, since anything actually seen through glass or water would naturally be out of focus while the subject behind it stays sharp.

6. Apply a Box Blur

   Go to Filter > Blur > Box Blur. A Box Blur tends to mimic a realistic lens blur more convincingly than a Gaussian Blur for this kind of foreground texture. Because the layer is a Smart Object, this blur amount can be reopened and adjusted at any time.

Why Blurring the Texture Instead of the Subject

There are two ways to reconcile a sharp subject with a texture that should logically be out of focus — blur the subject, or blur the texture. Blurring the texture usually makes more sense, since it preserves the subject’s sharp detail while still creating the illusion that the texture is physically closer to the camera than the subject is.

Darkening and Color-Matching the Texture

Two more adjustments make the texture feel like it belongs to the same photo rather than an obviously separate layer dropped on top.

7. Darken with a Levels Adjustment

   Apply Levels and darken the shadow input slider. Because the layer is in Screen mode, darker values on this layer become less visible overall, giving finer control over how strong the texture reads.

8. Colorize to Match the Photo’s Tones

   Apply Hue/Saturation, check Colorize, and adjust the hue to match a dominant color already present in the photo. This is what sells the illusion that light from the actual scene is what’s illuminating the texture.

Duplicating the Texture for Multiple Colors

A single color of textured light rarely matches every light source in a photo, so duplicating the layer with a different color mix adds more realism.

9. Duplicate and Recolor

   Duplicate the texture layer with Ctrl/Cmd + J, reposition it to a different part of the frame, and open its Hue/Saturation adjustment to shift it toward a second color present in the photo — a warm red to complement an existing cool blue, for instance.

10. Mask Each Color to Its Own Area

    Add a layer mask to each duplicated texture layer and paint black with a soft brush to control exactly where each color shows up, keeping the reds and blues from overlapping in a way that looks unintentional.

Matching Colors to Real Light Sources in the Photo

The goal with each duplicated color isn’t variety for its own sake — it’s mimicking specific light sources that are actually present somewhere in the frame. A texture colorized to match a light that doesn’t otherwise exist in the photo tends to look arbitrary, while one that echoes an existing highlight reads as if it’s genuinely reacting to the scene’s own lighting.

Adding an Accent Flare Near the Bottom of the Frame

An existing lens flare already present in the base photo is a natural cue for where to add an extra bit of texture for visual interest.

11. Duplicate a Texture Layer for an Accent Area

    Duplicate one of the existing colored texture layers and reposition it near a natural focal point in the photo, like an existing lens flare, so the added texture feels like it’s reacting to light that’s already in the scene.

12. Flip for Variation

    Use Ctrl/Cmd + T, right-click, and choose Flip Vertical to give a duplicated texture layer a different pattern than the one it was copied from, avoiding an obviously repeated look.

Cleaning Up Hard Edges with a Layer Mask

A visible straight edge where a texture layer ends is one of the clearest giveaways that an effect was added digitally, so this last pass removes any that remain.

13. Mask Out Any Visible Texture Edges

    Paint black on the layer mask of any texture layer with a visible hard boundary, softening it away so the texture appears to fade naturally rather than stopping abruptly at a rectangular edge.

Checking the Effect at Full Size

A hard edge that’s easy to miss while zoomed out can become obvious the moment the image is viewed at full resolution, so it’s worth zooming in and scanning every texture layer’s boundary before considering the effect finished.

More Free Photoshop Tutorials

To build out more compositing and blending skills, check out these free tutorials:

• How to Create a Lens Flare Effect in Photoshop
• Compositing Highlights, Shadows & Reflections in Photoshop
• How to Use Lens Blur in Photoshop

Why This Approach Works

The realism in this effect comes almost entirely from two decisions: using Screen mode so only the texture’s highlights ever interact with the photo, and matching those highlights’ color and focus to the scene they’re being added to. A texture applied at full sharpness, in an unrelated color, at 100% opacity with no masking would read as an obvious overlay rather than something that belongs in the frame. This same blend-mode-driven thinking is worth understanding more broadly, and this course on blending modes goes much deeper into how they interact with an image’s tones.

Final Thoughts

The technique scales well beyond rain and bokeh — any texture with bright detail on a dark background can be blended, blurred, darkened, and colorized using the exact same steps. Once the Screen-mode-plus-color-match workflow feels familiar, it’s a natural technique to pair with other layered compositing work, including double exposure effects, which rely on a similar blend-mode approach to combine two images into one cohesive result.

Related Tutorials

• Add Textures in Photoshop: 4 Easy Steps, No Flattening
• Film Border in Photoshop: 4 Easy Steps, 3 Styles
• Gradient in Photoshop: 3 Easy Ways to Shape Light