How To Make Realistic Shadows in Photoshop
451K views 11.5K likes 296 comments
Your choices stick across every tutorial on this device.
By having realistic shadows in Photoshop, your subject fits better within the scene, and the entire image looks more cohesive.
In this tutorial, you’ll learn a super simple way to create highly-realistic shadows in Photoshop!
When it comes to creating natural-looking shadows, three of the most difficult things to get right are color, perspective, and shape.
Key Takeaways
- Shadows are never pure black. Even the darkest shadow in a photo carries a hint of color from the scene around it.
- The Eyedropper tool reveals a shadow’s real color, which you sample and paint back onto your own shadow layer.
- Multiply blending mode keeps a shadow believable, letting the ground’s texture and color show through underneath it.
- Puppet Warp bends the shadow shape itself, so it can finally touch the subject’s foot the way a real shadow would.
- A shadow gets softer the farther it stretches from its source, so Gaussian Blur and a gradient fade recreate that falloff.
- A separate contact shadow, painted right where the subject touches the ground, sells the illusion before you blur anything else.
Table of contents
- What You Will Learn
- Requirements
- Realistic Shadows in Photoshop: Keyboard Shortcuts
- Tutorial Images
- How Others Create a Shadow
- The Problem with Common Techniques
- Color the Shadow
- Match Shadow Perspective
- Use Puppet Warp to Distort the Shadow
- Blur the Shadow
- Add a Contact Shadow
- Use the Gradient Tool to Fade the Shadow
- Frequently Asked Questions
- Conclusion
- Related Links
What You Will Learn
- How to color a shadow instead of leaving it pure black.
- How to match a shadow’s perspective to the rest of the scene.
- How to use Puppet Warp to bend a shadow so it touches its subject.
- How to blur a shadow and paint a separate contact shadow.
- How to fade a shadow with the Gradient tool and a layer mask.
Requirements
Before you start
- Photoshop 2020 (version 21.1 or later) or the current version
Realistic Shadows in Photoshop: Keyboard Shortcuts
| Action | Windows | macOS |
|---|---|---|
| Create a layer below the selected layer | Ctrl click New Layer Mask icon | Command click New Layer Mask icon |
| Fill with the foreground color | Alt Backspace | Option Delete |
| Deselect | Ctrl D | Command D |
| Free Transform | Ctrl T | Command T |
| Fill foreground color, opaque pixels only | Alt Shift Backspace | Option Shift Delete |
| Get the Puppet Warp rotate cursor on a pin | Alt | Option |
| Constrain the Gradient tool to a straight line | Shift drag | Shift drag |
| Reduce brush size | [ | [ |
| Erase with the current brush (Photoshop 2020 and newer) | ` | ` |
Let PTC show you how to get all these right to create realistic shadows in Photoshop!
Tutorial Images
How Others Create a Shadow
Before showing the correct way to create realistic shadows, here’s how others would create their shadow:
Select the subject layer and hold Ctrl (Windows) or Command (macOS) as you click on the New Layer Mask icon to create one directly below it.
Rename the layer to “Shadow.”
With the Shadow layer selected, set the Foreground color to black(#000000) and press AltBackspace (Windows) or OptionDelete (macOS) to fill the selection with the color.
Deselect the selection by pressing CtrlD (Windows) or CommandD (macOS).
Transform the shadow > right-click > Flip Vertical and bring it down to emulate the shadow’s position.
The Problem with Common Techniques
Starting from the color itself, shadows aren’t solid black as there’s always a hint of color to it. Try using the Eyedropper tool and pick up the darkest shadow in the image, and you’ll see that hint of hue that shows it’s not pure black.
Two other issues are the alignment and the perspective of the shadow. The human shadow should start from the base or the foot, and in the image below, it skips that.
Color the Shadow
To fill the current shadow with the correct color, pick up the darkest shadow in the image and set it as the Foreground color. Then press AltShiftBackspace (Windows) or OptionShiftDelete (macOS).
Change the Blending Mode to Multiply and reduce the Opacity so it blends perfectly on the ground’s texture and actual colors.
Tip: See Blending Modes Explained for how Multiply uses the layer underneath to darken a shadow.
Match Shadow Perspective
Select the Move tool and press CtrlT (Windows) or CommandT (macOS) to transform the layer.
Right-click > Perspective.
Click the lower handle and drag it away from the subject to resemble the scene’s perspective.
When you’re done, click on the checkmark to save the changes.
Use Puppet Warp to Distort the Shadow
The shadow should be touching its primary source.
Choose Edit > Puppet Warp. This puts a mesh over the layer, and you can disable the mesh display on the Options bar.
Tip: See the full Puppet Warp guide for more on how the pins and mesh work.
Click on areas of the body that you want to transform and areas that you want to anchor in place. An excellent guide to start with is to add these in the joints of the body.
Add a pin to the foot’s shadow and drag it towards the actual foot.
In this example, the heels aren’t touching, and you can warp the shadow by holding Alt (Windows) or Option (macOS) to bring out the rotation tool. Then, rotate the foot’s shadow until it touches the heel.
Then, click on the checkmark to save the changes.
Want a different kind of shadow effect? See how to make beautiful, customizable drop shadows in Photoshop.
Blur the Shadow
Shadows aren’t 100% sharp unless they are very close to their source. In this case, the shadow stretches across the ground, and it becomes blurry the further it expands.
Choose Filter > Blur > Gaussian Blur and adjust the Radius value depending on the blurring needed by the composite.
Add a Contact Shadow
Create another shadow below the current shadow and start by creating a new layer underneath the Shadow layer.
Use the same shadow color used earlier and set it as the Foreground color.
Select the Brush tool and set the Hardness to 0. Start painting in the contact shadow, the part of the shadow that directly touches its source and the surface it lies on.
You can add Gaussian blur to the layer to create a smooth transition between the shadow and the contact shadow.
Use the Gradient Tool to Fade the Shadow
On the Toolbar, select the Gradient tool.
On the Options bar, set it to Black to White gradient and uncheck the box for Reverse.
Starting from the bottom of the canvas, hold Shift key, then click-and-drag to create a straight line.
Upon release, it will reveal a fade applied onto the shadow.
You can also unlink the Layer Mask from the layer, and use the Move tool to click-and-drag on the mask and adjust the fade effect.
Rather than just creating a solid black silhouette, that is how to make realistic shadows in Photoshop that can improve your total composite!
Another great way to improve your eye is to look at images and study the characteristics such as how the shadow behaves under different directions of light.
Frequently Asked Questions
Most fake-looking shadows are pure black, which never happens in real photos. A real shadow carries a hint of color from the scene, and it needs the right perspective and a point where it touches its subject.
Sample the darkest shadow already in your photo with the Eyedropper tool and use that color instead of black. Real shadows always carry a hint of the surrounding color.
Select the shadow layer, press Free Transform, right-click, and choose Perspective. Drag the handles so the shadow follows the same vanishing point as the rest of the photo.
Use Puppet Warp to add pins to the shadow layer, then drag and rotate the pins until the shadow lines up with the subject’s foot. Add extra pins at the joints to anchor the parts of the shadow you don’t want to move.
A contact shadow is a small, dark, sharp shadow painted right where an object touches the ground. It sells the illusion before you blur the rest of the shadow.
A shadow gets softer the farther it stretches from its source. Gaussian Blur recreates that natural falloff so the shadow doesn’t look pasted on.
Add a layer mask to the shadow layer and select the Gradient tool set to black to white. Hold Shift and drag a straight line from the bottom of the canvas to create the fade.
This technique works in Photoshop 2020 (version 21.1) or the current version. Layer masks, Free Transform, Puppet Warp, and Gaussian Blur have not changed in any way that breaks this workflow.
Conclusion
You now know why most Photoshop shadows look fake, and how to fix each cause: color, perspective, and shape.
Layer masks, Puppet Warp, and a simple gradient fade turn a flat black shape into a shadow that finally belongs in the scene.
Watch the full video above, and comment on the video if you have a question.
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
Next, put your shadow into full context by matching a subject into any background in Photoshop.
Related Links
Final Image
Drag the slider to see before and after
