Check out bidbear.io Amazon Advertising for Humans. Now publicly available 🚀

Photoshop: Realistic Drop Shadow Tutorial

hero image, drop shadow sample

Video Tutorial

I ended up making a video tutorial about this subject and it’s currently the #3 tutorial on Youtube for drop shadows. Nice.

Good vs Bad Example

Let’s start with an example of what a good drop shadow looks like compared to a standard one.

good vs bad sample

A typical drop shadow as shown on the right will have hard edges and won’t have a natural looking blur fade. Let’s go over the process of first making a drop shadow, and then adjusting it to have a realistic feel.

First, start by cutting out your object so it’s on a transparent background. Instructions on that are outside the scope of this post, but there are a lot of tutorials for that already and lots of ways to accomplish it. Once you have your object cutout, I recommend placing a white background behind it so you can easily see what you’re doing.

Making the Drop Shadow

Select your cut-out object layer and double click to bring up the “Layer Style” menu. Note: Don’t double-click the title, double click the layer icon. Double clicking title will change layer name.

layer style menu

Click on the drop shadow selection at the bottom of the menu and adjust your settings. You’ll want to increase the size a little bit to give it a blur so it doesn’t look so unnatural. Click ok when you’re done.

drop shadow tab

Next you’ll right-click on the drop shadow effect you’ve created and select “Create Layer”. This will put the drop shadow effect on its own layer. This is a key step for manipulating the look of the drop shadow.

Create new layer with drop shadow effect.

Transform Drop-Shadow

To make the drop-shadow appear that it is laying on the floor, you’ll select the shadow and apply a transformation by pressing ctrl+t (or mac equivalent). Squash the shadow down and rotate it so it appears to be laying on the floor and falling naturally.

shadow looks like it it on floor

You’ll want to make sure the drop shadow layer is underneath the cutout object or it will appear as a shadow falling on your object. If you have a complex object with multiple points touching the ground, and you can’t get the shadow to align properly just by rotating, you can apply a Puppet Warp to bend the shadow into the shape you need it.

At this point you have what I would consider to be a standard (bad) drop-shadow. Most people stop here. These next few steps will help you take your drop shadows to the next level and appear to be much more natural.

Make the Drop-Shadow Look Natural

Time to take the drop-shadow to the next level. Select your drop-shadow layer, and then go to Filter>Blur>Surface Blur

surface blur

Adjust the surface blur settings to your liking.

surface blur settings

Then you’ll want to apply the Tilt-Shift blur effect, which is found under Filter>Blur>Tilt-Shift or Filter>Blur Gallery>Tilt-Shift depending on your version of Photoshop. The tilt-shift effect is what really brings it all together.

tilt shift blur

This tool can be a little tricky to get used to, but play around with it and you’ll get the hang of it. Adjust the angle, spread and intensity to get the desired look. If your object is complex and you can’t get the proper effect in one go (multiple objects in foreground and background), it’s best to go back to the beginning, cut your original object into multiple layers and create drop-shadows for them separately. For example in this photo, for my final version I put the bike and the trailer on separate layers, created two drop shadows and adjusted them independently. That’s really the only way to get the look right on complex objects. Odds are you won’t be dealing with something this complicated though.

Turn the Opacity Down

Lastly, turn the opacity down on this layer to lighten the shadow.

decrease opacity

One of the most common mistakes on drop-shadows is that they are way too dark. You never want to draw attention to the drop-shadow itself. You just want to make it less obvious that the object is cut out. Lastly it’s worth stating that you’ll want to use the natural shadow whenever possible. Usually if you are shooting in a studio with a white floor the natural shadow will pretty much always be preferable.

Amazon Ad Analytics For Humans

Advertising reports automatically saved and displayed beautifully for powerful insights.

bidbear.io
portfolios page sunburst chart