Replace White Backgrounds in Photoshop [Complete Process]
38.3K views 1,766 likes 69 comments
Jump to a step in the video (7)
Click a time to play the video from there.
Your choices stick across every tutorial on this device.
If you cut products out of white backdrops, do not paint the shadows back in by hand. The professional way to replace white backgrounds in Photoshop keeps the photo’s original shadow on its own layer, fully editable, so you can fine-tune it against any new background.
We are working with two layers: headphones shot on white, and a blue countertop as the new background. By the end, the headphones will sit on that counter with their real shadow, and every part of the result will still be adjustable.
Key Takeaways
- Never paint product shadows by hand. Duplicate the layer and let the Multiply blending mode carry the real shadow onto the new background.
- An inverted (black) layer mask hides the whole shadow layer, and a soft white brush reveals only the shadow itself, so the leftover edges never cause problems.
- A clipped Levels adjustment turns the shadow’s intensity into one Gamma slider.
- Shadows carry a color cast from the original shot. A clipped Solid Color fill set to the Hue blending mode retints the shadow to match the new background.
- Everything stays on layers, so nothing about the shadow is ever final.
Table of contents
- What You’ll Learn
- What You Need
- Keyboard Shortcuts for This Technique
- Replace White Backgrounds in Photoshop, Step by Step
- Step 1: Remove the Background
- Step 2: Refine the Mask
- Step 3: Duplicate the Layer and Name the Shadow
- Step 4: Set the Shadow Layer to Multiply
- Step 5: Hide the Shadow Layer with an Inverted Mask
- Step 6: Paint the Shadow Back In
- Step 7: Control the Intensity with a Clipped Levels Layer
- Step 8: Fix the Shadow’s Color Cast
- Step 9: Set the Fill Layer to the Hue Blending Mode
- Frequently Asked Questions
- Replace White Backgrounds in Photoshop Without Losing the Light
- Tutorial Download
- Related Links
What You’ll Learn
- How to separate a product from its white backdrop while keeping the shadow
- Why the Multiply blending mode is the right tool for shadows, and when Color Burn is worth a try
- How an inverted layer mask keeps the shadow layer from causing edge problems
- How to dial the shadow’s strength with one slider
- How to retint the shadow so it belongs to the new background
What You Need
Before you start
- Any recent version of Photoshop
- A product shot on a white or light background with a visible shadow, plus a new background image
- Or the practice files from the download at the end of this tutorial
Keyboard Shortcuts for This Technique
| Action | Windows | macOS |
|---|---|---|
| Duplicate the layer | Ctrl J | Command J |
| Create an inverted (black) layer mask | Hold Alt and click the Add Layer Mask icon | Hold Option and click the Add Layer Mask icon |
| Create a clipping mask | Ctrl Alt G | Command Option G |
| Swap foreground and background colors | X | X |
| Make the brush smaller or bigger | Left and right bracket keys | Left and right bracket keys |
| Temporarily disable a layer mask | Hold Shift and click the mask thumbnail | Hold Shift and click the mask thumbnail |
Replace White Backgrounds in Photoshop, Step by Step
Step 1: Remove the Background
Select the headphones layer and click the Remove Background button in the Taskbar. Photoshop uses AI to hide the white backdrop behind a layer mask.
Any background-removal method works here, so use whichever you prefer. The point is to end up with the product masked and the white gone.
Step 2: Refine the Mask
Remove Background usually does an excellent job, but it is not perfect. Zoom in and fix any rough edges before moving on.
If mask cleanup is new to you, my guide on how to remove a background in Photoshop covers it in depth.
Step 3: Duplicate the Layer and Name the Shadow
Duplicate the headphones layer by pressing Ctrl J on Windows or Command J on macOS. The bottom copy will become the shadow, so name it “Shadow.” Naming layers costs two seconds and saves you from guessing later.
On the shadow copy, right-click the layer mask and delete it. This layer needs its full contents, white background and all, because the shadow lives in that white.
Step 4: Set the Shadow Layer to Multiply
Select the shadow layer, sitting just above the new background.
Open the Blending Mode drop-down. Every mode in the darkening group hides bright pixels and keeps darker ones, and for shadows, Multiply is the one you want in most cases. Color Burn can work when you need a punchier shadow, but start with Multiply.
The white disappears, and the real shadow lands on the countertop.
Step 5: Hide the Shadow Layer with an Inverted Mask
The shadow layer still contains the headphones themselves, and that duplicate can create issues along the product’s edges.
Hold Alt (macOS: Option) and click the Add Layer Mask icon. That creates an inverted, black mask that hides the entire layer at once.
Step 6: Paint the Shadow Back In
Select the Brush Tool with white as the foreground color, a large size, and the Hardness at 0 so the edges stay soft. Tap the left bracket key if the brush is too big.
Paint over the area where the shadow falls. Only the shadow comes back; everything else on the layer stays hidden. If you accidentally reveal a hard edge, press X to swap to black and paint it away.
Step 7: Control the Intensity with a Clipped Levels Layer
Click the New Adjustment Layer icon and choose Levels. Clip it to the shadow layer with Ctrl Alt G (macOS: Command Option G), or click the Clipping Mask icon in the Properties panel. The down-pointing arrow confirms the adjustment touches only the shadow.
Drag the center Gamma slider to strengthen or soften the shadow against the counter. In most cases the Gamma slider is all you need, though pulling the white point slightly left can clean up any faint leftover edges.
Step 8: Fix the Shadow’s Color Cast
Even a shadow photographed on white carries some color from the original set, and that cast can clash with the new background. To see it, hold Shift and click the shadow layer’s mask thumbnail to disable it for a moment; a red X marks the mask as off.
Select the Eyedropper Tool, set the sample size to 5 by 5 Average with All Layers enabled, and click the countertop right next to the shadow. That color becomes your foreground color.
Click the Levels layer so the new layer lands above it, then go to the New Adjustment Layer icon and choose Solid Color. Photoshop offers the sampled color; press OK. Clip this fill to the stack below with Ctrl Alt G (macOS: Command Option G).
Step 9: Set the Fill Layer to the Hue Blending Mode
You want the fill to lend the shadow its color and nothing else. The component group at the bottom of the blending mode list splits a color into its parts: Hue is the color itself, Saturation is its intensity, Luminosity is its brightness, and Color carries both hue and saturation.
Choose Hue. Choose Color instead and you drag the fill’s saturation along with it, which shows up as a brighter blue haze over the counter. Hue alone retints the shadow while the background keeps its own saturation and brightness. The difference is subtle, and it is exactly what makes the shadow belong.
Frequently Asked Questions
Remove the background from the product layer, then duplicate the layer, delete the duplicate’s mask, and set it to Multiply. The white disappears and the original shadow lands on the new background, ready to be masked and fine-tuned.
A painted shadow rarely matches the real light. The photo already contains a perfect shadow with the right direction, softness, and falloff, and the Multiply trick carries it over for free.
The duplicated layer still contains the product itself, which can double up along the edges. A black mask hides everything, and painting with white reveals only the shadow.
Clip a Levels adjustment to the shadow layer and drag the center Gamma slider. Right strengthens the shadow, left softens it. The white point slider can clean up faint leftover edges.
Shadows carry a color cast from the original set. Sample the new background with the Eyedropper Tool, clip a Solid Color fill in that color over the shadow, and set the fill to the Hue blending mode.
Color carries both hue and saturation, which shows up as a visible haze over the background. Hue lends only the color itself, so the shadow retints while the background keeps its own saturation and brightness.
It works on any light, even background where the shadow reads as darker values. The brighter and cleaner the backdrop, the better Multiply isolates the shadow.
Replace White Backgrounds in Photoshop Without Losing the Light
The real shadow was in the photo all along. Duplicate the layer, let Multiply carry it over, mask it down to just the shadow, and give yourself two controls: a Gamma slider for intensity and a Hue-mode fill for color. Every one of those decisions stays editable.
Watch the video above to see every step in real time, and try it on your own product shots.
Selections and Masking Mastery
Complete course includes 2.5 hours of step-by-step lessons, 6 structured modules, downloadable practice files, and custom Photoshop brushes. Everything you need to master selections and masks in one place.
Keep going
The cleaner your masks, the better this technique holds up. My Selections and Masking Mastery course builds that foundation.
And if you are new here, subscribe on YouTube for a new Photoshop tutorial every week.
Tutorial Download
Practice Files
Download the files used in this tutorial and follow along step by step.
Related Links
Final Image
Drag the slider to see before and after
![After: Replace White Backgrounds in Photoshop [Complete Process]](https://photoshoptrainingchannel.com/wp-content/uploads/2024/02/replace-white-background-in-photoshop-after.jpg)
![Before: Replace White Backgrounds in Photoshop [Complete Process]](https://photoshoptrainingchannel.com/wp-content/uploads/2024/02/replace-white-background-in-photoshop-before.jpg)
![How To Remove a Background In Photoshop [For Beginners!]](https://photoshoptrainingchannel.com/wp-content/uploads/2025/03/How-To-Remove-a-Background-In-Photoshop-For-Beginners-768x432.jpg)
