The Ultimate Photoshop Resource

How to make very realistic shadows in Photoshop


Subscribe on YouTube:

Making cast shadows in photoshop

This photoshop tutorial will show you how to make very realistic shadows in Photoshop.

You will learn how to make the shadow, how to position the angle and length. A realistic shadow fades and softens as it gets further away from the point of contact. I will show you how to do all of this very easily in Photoshop. You will be very happy you watched this tutorial next time you create a composite in photoshop

Note, this is my original method of creating Shadows that I have used for a long time. I say that because a lot of people plagiarize on the web and don’t give proper credit. Notice, I’m not monetizing, I actually want to help.

(BTW My newsletter is unique in that I do the same thing, I share completely free tutorials and don’t try to constantly sell things, join from the form on the right and also get the goodies in the vault).

Part 1 making the Shadow

Lets start with a photo of the Louve, Paris.

Notice there is a cut out person on a layer at the top, that’s currently hidden. I have other tutorials on how to cut out a person and how to combine images.

We will make the shadow in 3 steps.

starting image

I have turned the top layer on.

Now we have a person on a layer above the background. It needs a shadow to look realistic and believable.

layered image to add shadow

Choose the layer with the person from the layers panel. Click fx to open the layer styles, choose drop shadow.

choose layer style

We are going to use the shadow in a different way than you might be used to. (We want a cast shadow, not merely a drop shadow).

Copy these settings;

Black Shadow, Opacity =0, Distance, Spread and Size all to 0.

Click ok

Add a drop shadow effect in photoshop

You will see a Drop Shadow added to the layer.

drop shadow as a layer style

You won’t see much of a difference on the image, maybe a small black outline.

We want to convert the Effect into a layer.

Right Click on the drop Shadow in the Layers panel

Choose Create Layers

separate shadow from layer

Now the FX will be converted to a pixel layer of a black silhouette

Part 2: Positioning the Shadow

Choose the Layer

drop shadow as a separate layer in photoshop

Press Ctrl/Cmd+T for free transform (Ctrl = Windows /Cmd = Mac)

free transform

Right-Click and choose Flip Vertical

cast a shadow in photoshop

Now the shows is flipped upside down, just how we want it.

align the shadow

With the move tool (V) drag the shadow down until its touching the lowest point on the person

position the shadow

Take notice of the direction of the shadow coming off the light source. (The sun setting behind the building and lamppost).

Rotate the shadow to match

match the shadow direction from the photo

Right-Click and choose skew

Skew the shadow so the bottom of the person is touching the shadow

also stretch it to make it longer

I dragged the bottom a bit more to the left to match the existing shadow angles

stretch the shadow

Part 3: Soften the shadow

Look at the existing Shadow. Notice its softer, But not in proportion.

As the shadow gets further away from the subject it gets softer. Notice it also becomes more transparent. We will match that now.

look at the shadow falloff and softness

Choose Filter>Blur Gallery>Field Blur

blur the shadow to soften it

You will now get the Blur Gallery workspace.
Click to add a pin and adjust the amount of blur by dragging the wheel on the pin

use the blur gallery in photoshop

Click closer to our person and add a second pin.

soft shadow

Make this one less blurry. This is how we blend the blur

fade the shadow in photoshop

Click ok and we now have a blended blur. Notice is sharper as we get closer to the person.

almost there

We will fade the transparency in a moment, but first, lets touch up the shadow, because its not touching the dress even though the dress is touching the ground. This step is optional.

Press Ctrl/Cmd+T for free transform.

Right-Click and choose Warp

add a blur to the dhadow

 

Drag on the top of the shadow and warp it into shape if you need to.

Fading transparency on the shadow

Choose the shadow layer and add a Layer Mask by clicking the Layer Mask icon at the bottom of the Layers Panel.

create a layer mask

Choose the Gradient Tool

choose a gradient

Set it to black to white and Linerar

linear black to white gradient

Drag the gradient along the height of the shadow

Adjust the gradient so the shadow fades away towards the bottom

blend and fade the shadow

If you need to, adjust the opacity in the lyaers panel and there you have it, our shadow is done.

the final realistic cast shadow in photoshop

Thanks for checking it out, I hope you found this Photoshop tutorial useful.

Colin

 


PS Don’t forget to follow us on Social Media for more tips.. (I've been posting some fun Instagram and Facebook Stories lately)
You can get my free Layer Blending modes ebook along with dozens of exclusive Photoshop Goodies here photoshop goodies for free


16 responses to “How to make very realistic shadows in Photoshop”

  1. Just checking, are the written steps ready yet? I do not use this skill all that often and the written notes of your lessons are a great refresher.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.


Access The Photoshop Vault

Unlock dozens of valuable Photoshop resources for FREE

The Ultimate

Photoshop Resource