What do you do when a drop shadow isn’t realistic enough? Create a cast shadow. When you see an object in a spotlight or a setting sun, you will notice the long shadows that are created behind them, this technique will teach you how to add realism to your images and anchor them to their backgrounds.

Cast Shadow in Photoshop Tutorial

When you combine photos together, realistic cast shadows are the trick to making it look real. In this Photoshop tutorial, Colin Smith shows you different ways to make shadows to blend people with the background environment. Scroll down to see the written tutorial and more tips and watch the 14 minute video right here.

Step 1

Here we have the background plate and the extracted subject that we need to apply a shadow to. Without the shadow, there is no visual clue as to the scale and position of the object. The shadow also serves to anchor the object to its surface.

Step 2

The first thing that we are going to do, is to create a standard drop shadow.

Choose The Layer style button at the bottom of the Layers panel (looks like a little “f”) Select Drop Shadow.

At the moment, it looks more like a person standing in front of a billboard, rather than being integrated into the scene. That’s the difference between a drop shadow and a cast shadow.

For some realism, let’s first choose the correct color for the shadow. Click the black rectangle to the right of the blend mode in the Drop Shadow dialog box. You will see a color picker. I changed it to a blue color to match the color of the shadow on the car.

Also change the “size” to match the softness of the other shadows in the scene.

Click Ok to apply.

Step 3

We now have a pretty good drop shadow, but we want a cast shadow.

We are going to separate the layer style from the layer, so that we have the shadow by itself on its own layer.

In the Layers panel, right click on the little “f” on the right of the layer name. You will see a drop down menu.

Choose the option called Create Layer

The layer will now be spilt into 2 layers. The shadow will be moved to its own layer directly underneath the original as shown in the screen grab. (I moved our guitar girl to the left of her shadow, just do you can see the separation in the image here).

Step 4

Now to distort the shape. (If you are going to do this to text, you must render the type first)

Press Ctrl/Cmd+T, this will bring up the free transform tool. Right click on the selected object, (Mac:Cmd click). Select “Distort” from the pop-up menu.

You will see a bounding box with 8 little squares. Drag in the middle of the box to reposition it. Click and drag the top right square (called handles) until it looks similar to the picture.

Step 5

Click and drag on the left top handle to match the angle on the road behind our model.

Reposition any of the handles if you need to.

Press Enter/Return to apply the transformation.

You now have a basic cast shadow. However its missing some realism that we are going to add now.

Step 6

If you look at a shadow in the real world, you will notice, as the subject that’s casting the shadow gets further away from the surface that receives the shadow, 2 things happen. The shadow will soften with distance and lose intensity (or darkness).

We now want to make the shadow softer as it gets further away.

Duplicate the shadow layer by dragging the layer into the “new layer icon” in the layers panel, of press Cmd/Ctrl+J.

Turn off the visibility of the bottom shadow layer and select the top shadow layer, This is the one we are going to soften.

Step 7

Let’s set this second shadow to the softer end of things. (We are going to blend 2 shadows together)

Choose Filter>Blur>Gaussian Blur. Add enough blur to make the shadow softer, the setting will vary according to the size of the image that you’re working on. Press ok when done.

Step 8

Time to blend the 2 shadows together.

Add a layer mask to the top shadow layer by clicking the Layer mask button in the Layers panel.

Grab the gradient tool and set the colors to black and white (D key). Choose linear, foreground to background.

Make sure the mask is selected and using the gradient tool drag it from about 1/4 way to the the bottom of the shadow to about 3/4 of the way up to blend the 2 shadow layers. (The red in this image shows where I dragged the mask)

Step 9

Finally Set the shadow to multiply mode and the opacity of the top shadow layer to about 50%-75% and the bottom shadow to about 30%

Experiment and see what looks best for your image.

You now have a basic, realistic cast shadow, but read on.

Xtra credit

One of the things I’m often accused of, is being a perfectionist. I believe its the extra little things that really make a difference between a good effect, and one that is believably realistic.

There are two little issues in this particular image. #1. The shadow at the tip of her head wouldn’t stay the same over the lip of the road, as there is distance there in the background plate. #2 The color of our girl doesn’t quite match the colorizing of the plate. (The background plate was adjusted with a slight color cast for effect.)

Let’s deal with these 2 using some quick-fix techniques that I have developed.

fix #1

Let’s fix the shadow where its going over the edge of the road (This is very important for skies, as a subject doesn’t usually cast a shadow into the sky (unless its foggy or cloudy).

On the top shadow layer, create a layer mask. Paint away the portion of the shadow that you want to hide with a black brush on the mask. If you want to still have some shadow showing, but reduced; double click on the layer mask to open the properties panel (Mask panel in Photoshop CS6 or earlier).

Slide the density slider to adjust the opacity of the masked area. (Apply a levels adjustment to earlier versions of Photoshop that don’r have a mask panel).

Fix #2

Here is a little trick that I often do to composites. To pull all the layers together visually, I apply a color cast to the entire image.

Create a new Solid Layer by clicking on the Adjustment layer button at the bottom of the Layers panel and choose Color Fill.

Set the color for the mood that you want.

Change the Layer blend mode to Color and drop the opacity to a low amount.

Tips For Shadows

Take some time to observe the world around you and see how shadows work in the real world.

Notice how they change as the distance to the light source increases or decreases.

Notice the direction of the shadow.

See how shadows change as the object is closer to a surface further away.

Notice how a shadows appears under a reflective surface vs a matte surface.

If you want your artwork to look realistic, then you have to spend time and become a student of observation. Your ability as an artist is linked in how closely you observe the world around you.

So, there you have it. The steps to creating a realistic Cast Shadow in Photoshop. If this kind of training interests you, check out my Route CS6 training video that includes a section on “Layers and Channels, Deep Dive” where you will learn a ton more. (This training is fundamentals of Photoshop and most of it applies to any version of Photoshop).

CS6 Superguide

All the CS6 information and more is available as a PDF magazine called the CS6 Superguide. If you’re on our list, you will receive it free by email as soon as it’s available. If not, sign up now and get the CS6 Superguide for free by clicking on the image below.

Colin Smith is founder of the #1 PhotoshopCAFE online community which has received over 30 million visitors.
Colin has Authored/Coauthored 18 books. He has won numerous awards including 3 Guru awards. He’s been nominated for the Photoshop Hall of Fame twice. Colin is a regular columnist for Photoshop User Magazine. He’s been featured in almost every major imaging magazine, and is in high demand as a speaker at major industry events including Flash Forward and WPPI . He consults such companies as ABC Disney, Apple and Adobe

About Colin Smith

Colin Smith is founder of the #1 PhotoshopCAFE online community which has received over 30 million visitors.
Colin has Authored/Coauthored 18 books. He has won numerous awards including 3 Guru awards. He’s been nominated for the Photoshop Hall of Fame twice. Colin is a regular columnist for Photoshop User Magazine. He’s been featured in almost every major imaging magazine, and is in high demand as a speaker at major industry events including Flash Forward and WPPI . He consults such companies as ABC Disney, Apple and Adobe
View all posts by Colin Smith →

Post navigation

Great explanation. Although, the final edit looks fake because of:
1. the girl is sized too big in the picture.
2. the shadow of the girl does not align properly with that of the car.

I believe this tutorial would look better using a plain white background.

http://lois-bryan.artistwebsites.com/ Lois Bryan

thanks!!!! Tweeted!!

Dlyngard

Thanks for the technical help, but someone should really edits these posts for typos!

http://www.photoshopcafe.com/ Colin Smith

Thanks for brining it up. I have fixed the typos.

PhotoshopCAFE LIST

Adobe Photoshop Tips, tricks, discounts and announcement from photoshop CAFE. Its fast and free! Get the CS6 Superguide free. No Spam.

Popular Posts

Blending photos together Photoshop Layer Masks Tutorial-Collaging - Merging 2 images with a layer mask. This is a very requested technique and will be the first in our series on creating collages and montages. You will learn how to seamlessly blend 2 images together, using the layer masks.

Wrapping objects with Displacement Maps Photoshop Tutorial-Displacement maps see like such strange and difficult animals until you learn to tame them. In this long overdue tutorial, I will teach you what you need to know about displacement maps in plain English, so that you can take advantage of the stunning effects that can only be created by using these maps.

How to Fly a DJI Phantom quadcopter drone, getting started-On-location video that shows how to shoot video and photos of paddle boarders with the DJI Phantom 2 Vision+ quadcopter. It covers preflight, calibration, flying and shooting. Learn how to fly to shoot the best drone photos and aerial video

Cutting out a photo from background & refine edge tutorial-Things have changed when it comes to removing objects from their backgrounds, extracting, masking or whatever you would like to call it. It's time to get new school. This tutorial shows you how to use the quick select, refine Edge tools.

Lightroom crash course in 15 minutes-Have you ever wondered what is the correct workflow for Lightroom? Discover how to build a catalog, tag and sort images. Filter through and find the best photos quickly. Make them look amazing and then duplicate those settings to a whole bunch of photos in a couple of clicks. All this in 15 minutes, from a real photo shoot in RAW, not staged stock images.

Drawing Paths with the Pen tool in Photoshop Tutorial-It seems that one of the most requested and under-explained things is using the pen tool in Photoshop. The pen tool is very powerful and accurate. With a little know-how and practice, it will be your ally for the rest of your career. The pen tool creates vector curves and paths. This tutorial shows you how to create paths with the pen tool and provides examples of types of paths you need to know.