How To Make Realistic Shadows in Photoshop [Trick You Probably Don’t Know] (2024)

In this tutorial, you will learn to make realistic shadows in Photoshop.

Getting shadows right is vital in compositing!

When you get shadows right, your whole composite looks more cohesive, and your subject fits better within the scene.

The tricky part about making a realistic shadow in Photoshop is getting the right shape and perspective of the shadows so that it matches your scene.

Most of the techniques that I’ve seen for creating shadows in Photoshop involve layer transformation.

In other words, you’re distorting pixels to get the right shape and the proper perspective. Distorting layers could be a difficult task, especially with complex objects and awkward angles.

The goal of this tutorial is to teach you how to create realistic shadows while keeping the right shape and the proper perspective.

This tutorial will use advanced techniques using Photoshop 3D. But don’t let that scare you. I’m going to divide up this tutorial into small digestible chunks so that you can follow along, even if you are new to Photoshop or 3D.

I’ll be using Photoshop CC 2018for this tutorial, but every step is fully compatible with Photoshop CS6 Extended.

Steps to Make Realistic Shadows in Photoshop:

  1. Duplicate The Main Subject of Your Composite
  2. Convert the Duplicate Layer into a 3D Extrusion
  3. Match the 3D Scenes Perspective To The Background’s Perspective
  4. Adjust The Extrusion Depth
  5. Match The 3D Model to The Pixel Layer
  6. Adjust the Infinite Light
  7. Adjust the Shadow’s Softness
  8. Render The Shadow
  9. Rasterize Your 3D Layer
  10. Reposition the Shadow to Match Your Scene
  11. Mask The Shadow
  12. Paint The Shadow Back In

Contents

  • 1 Make Realistic Shadows with Photoshop’s 3D Features
  • 2 Step 01 – Duplicate The Main Subject of Your Composite
  • 3 Step 02 – Convert the Duplicate Layer into a 3D Extrusion
  • 4 The Ground Plane and Its Importance forMaking Realistic Shadows in Photoshop
  • 5 Step 03 – Match the 3D Scenes Perspective To The Background’s Perspective
  • 6 Step 04 – Adjust The Extrusion Depth
  • 7 Step 05 – Match The 3D Model to The Pixel Layer
  • 8 Step 06 – Adjust the Infinite Light
  • 9 Step 07 – Adjust the Shadow’s Softness
  • 10 Step 08 – Render The Shadow
  • 11 Step 09 – Rasterize Your 3D Layer
  • 12 Step 10 – Reposition the Shadow to Match Your Scene
  • 13 Step 11 – Mask The Shadow
  • 14 Step 12 – Paint The Shadow Back In
  • 15 Could complete the New 3D Extrusion Warning
  • 16 Your Turn!
  • 17 Final Image

Make Realistic Shadows with Photoshop’s 3D Features

To follow along, you can open any composite in Photoshop. The images themselves are not essential to the tutorial.

I will use a composite of a horse on a street.

How To Make Realistic Shadows in Photoshop [Trick You Probably Don’t Know] (1)

Step 01 – Duplicate The Main Subject of Your Composite

Start by duplicating your subject. In my example, I am using a horse, so I will duplicate that layer.

You can duplicate a layer by pressing Ctrl J (Mac: Command J).

How To Make Realistic Shadows in Photoshop [Trick You Probably Don’t Know] (2)

Step 02 – Convert the Duplicate Layer into a 3D Extrusion

Then we will use 3D features to make realistic shadows in Photoshop.

Start by converting this duplicate layer into a 3D Object by going into 3D > New 3D Extrusion from Selected Layer.

How To Make Realistic Shadows in Photoshop [Trick You Probably Don’t Know] (3)

Note: If your 3D menu is grayed out, it is probably because your computer does not meet the minimum system requirement for Photoshop 3D.

In Photoshop, 3D objects are created by extruding a 2D shape into the Z axis. Much like pushing Play-doh through a dough cutter.

How To Make Realistic Shadows in Photoshop [Trick You Probably Don’t Know] (4)

In this case, we extruded the shape of the horse.

How To Make Realistic Shadows in Photoshop [Trick You Probably Don’t Know] (5)

The Ground Plane and Its Importance forMaking Realistic Shadows in Photoshop

The Ground Plane is the grid that you see below the 3D object, and it catches the shadows of the scene.

Tomake realistic shadows in Photoshop it is important to match the 3D model’s ground plane, to the ground in the photo.

If you want to learn more about 3D, then check out all my Photoshop 3D Tutorials!

Step 03 – Match the 3D Scenes Perspective To The Background’s Perspective

When you composite images together, you have to make sure that their perspective matches if you want realistic results.

The best way of matching perspectives is to match the horizon lines of both the background and your foreground element.

As you saw in my Perspective Compositing Tutorial, you can find the horizon line of a photo by following all the parallel converging lines to see where they meet. The meeting point is known as the vanishing point which lays on the horizon line.

How To Make Realistic Shadows in Photoshop [Trick You Probably Don’t Know] (6)

If you match the 3D scene’s horizon line with the photo’s horizon line, then you should have a composite that matches in perspective.

The horizon line in the 3D scene is shown as a gray line going across the canvas.

How To Make Realistic Shadows in Photoshop [Trick You Probably Don’t Know] (7)

On the bottom left, you will see three icons that control the camera.

When youclick-and-drag on the far-left icon, the Orbit 3D Camera icon, you can orbit around the 3D layer.

How To Make Realistic Shadows in Photoshop [Trick You Probably Don’t Know] (8)

Rotate your 3D scene until it matches your background’s horizon line.

You don’t have to get it 100%. As long as they are near each other this technique should work.

Step 04 – Adjust The Extrusion Depth

The default extrusion depth of your 3D model may be too thick. Reduce it if you need to.

From the Properties Panel, adjust the Extrusion Depth slider accordingly.

How To Make Realistic Shadows in Photoshop [Trick You Probably Don’t Know] (9)

Step 05 – Match The 3D Model to The Pixel Layer

Once the perspective matches the scene, reposition the 3D model so that it matches the pixel layer.

Click on the 3D object, and use the Move handles to move the 3D model.

How To Make Realistic Shadows in Photoshop [Trick You Probably Don’t Know] (10)

The only areas that are important are where the shadow touches your main subject in the ground plane.

Step 06 – Adjust the Infinite Light

This is where the magic happens!

In Photoshop 3D, you can control where the light is coming from, and the shadows on the ground plane will react to any changes made to the light.

From the 3D Panel, click on Infinite Light.

How To Make Realistic Shadows in Photoshop [Trick You Probably Don’t Know] (11)

Use the overlay to adjust the direction of the light source. As you click-and-drag on the overlay you will see the shadow move.

Try to match the shadows already found on your photo to get more realistic results.

In my example, I AM NOT MATCHING THE LIGHTING OF THE SCENE ON PURPOSE.Because I want to make the shadow noticeable for the tutorial and to give you a better representation of how this technique works.

Step 07 – Adjust the Shadow’s Softness

If you want to adjust the softens (sharpness) of your shadow adjust the Softness slider in the Properties Panel.

How To Make Realistic Shadows in Photoshop [Trick You Probably Don’t Know] (12)

Step 08 – Render The Shadow

When you work with 3D, you need to render your scene to calculate the shape, perspective and look of the shadow.

The noisy low-quality shadow that you see on screen is merely a representation of the outcome, and not the final image itself.

To render your shadow, and see the final image, use the Marquee Tool to select your shadow.

How To Make Realistic Shadows in Photoshop [Trick You Probably Don’t Know] (13)

Then click on theRender button in the Properties Panel.

Rendering a 3D scene may take some time. The duration depends on the complexity of the scene and the speed of your computer.

Note: You can stop or cancel the render by pressing the Esc key on the keyboard.

Step 09 – Rasterize Your 3D Layer

Once your shadow finishes rendering, you can rasterize it (convert it into a normal pixel layer).

Right-click on the layer and select Rasterize 3D.

Step 10 – Reposition the Shadow to Match Your Scene

From the Layers Panel, move the shadow layer below the horse layer and rename the layer “Shadow.”

How To Make Realistic Shadows in Photoshop [Trick You Probably Don’t Know] (14)

If you need to reposition the shadow so that it fits the composite better, Press V on the keyboard to select the Move Tool. Then click-and-drag the shadow and place it accordingly.

Step 11 – Mask The Shadow

Once your shadow is in position, hold Alt (Mac: Option) and click on the Layer Mask icon to create a mask that is completely black instead of white.

How To Make Realistic Shadows in Photoshop [Trick You Probably Don’t Know] (15)

A black Layer Mask hides every pixel in this layer.

Step 12 – Paint The Shadow Back In

The select the Brush Tool, and paint with white on the Layer Mask to reveal the shadow.

How To Make Realistic Shadows in Photoshop [Trick You Probably Don’t Know] (16)

Could complete the New 3D Extrusion Warning

If you get this notice:

“Could complete the New 3D Extrusion from Selected Layer command because the path is too complex.”

It might because you have a mask that has too many semi-transparent pixels (not completely visible or completely hidden).

Photoshop CS6 is a little less forgiving than Photoshop CC. I tried the same shape on both versions and CC can convert more complex shapes.

No matter what version of Photoshop you are working in, if you get this warning, you should create a mask with straight sharp edges that represent the main shape of your object. Don’t worry about small details like flyaway hairs.

You could also try making a Vector Mask instead, and use the Pen Tool to create a simple shape.

Your Turn!

And there you have it! That’s how you can make realistic shadows in Photoshop!

Give it a try! If you create something using this tutorial you can share your results on Instagram with the hashtag #ptcvids!

Check out our Photoshop Techniques section for more tutorials like this!

If you liked this article, then please subscribe to our YouTube Channel for more free Photoshop video tutorials.
You can also find us on Facebook and Instagram.

Final Image

Drag The Slider To See Before & After

How To Make Realistic Shadows in Photoshop [Trick You Probably Don’t Know] (2024)

FAQs

How do you make realistic shadows in Photoshop that you probably don't know? ›

How To Make Realistic Shadows in Photoshop [Technique ... - YouTube

How do I make fake shadows in Photoshop? ›

Add Fake Shadows to Your Photos in Photoshop - YouTube

How do you make shadows more realistic? ›

How To Make Realistic Shadows in Photoshop - YouTube

How do you make a 3D shadow in Photoshop? ›

In Photoshop 3D, you can control where the light is coming from, and the shadows on the ground plane will react to any changes made to the light. From the 3D Panel, click on Infinite Light. Use the overlay to adjust the direction of the light source. As you click-and-drag on the overlay you will see the shadow move.

How do you make a drop shadow 3D in Photoshop? ›

How to Create a 3D Drop Shadow Effect Using Photoshop 2022 ...

How do you make a quick shadow in Photoshop? ›

Quick & easy cast shadow in Photoshop for digital artists drop ...

How do I turn a picture into a shadow? ›

Add Shadow to Image
  1. Upload a photo or drag-n-drop it to the editor in JPG or PNG format.
  2. Select an element and click on the “Shadows” button located in the menu bar above your image.
  3. Select the shadow color and use the “X”, “Y”, and “Blur” sliders to create a shadow effect.

How do you make a simple shadow puppet? ›

How To Make Shadow Puppets With Your Hand - YouTube

How do I add a shadow to an image in Photoshop? ›

In the layer with your object, click the Layer Effects. Find this in the at the bottom of your layers window. It says”fx”. Select the option to create a drop shadow.

How do I add a shadow in Photoshop 2021? ›

To create drop shadows with Photoshop, right-click on the layer you'd like to apply the shadow to and select Blending Options. In the Blending Options menu, enable the Drop Shadow option located towards the bottom of the list. Adjust the properties of your drop shadow as needed and press OK to finalize your changes.

Top Articles
Latest Posts
Article information

Author: Msgr. Refugio Daniel

Last Updated:

Views: 5456

Rating: 4.3 / 5 (54 voted)

Reviews: 93% of readers found this page helpful

Author information

Name: Msgr. Refugio Daniel

Birthday: 1999-09-15

Address: 8416 Beatty Center, Derekfort, VA 72092-0500

Phone: +6838967160603

Job: Mining Executive

Hobby: Woodworking, Knitting, Fishing, Coffee roasting, Kayaking, Horseback riding, Kite flying

Introduction: My name is Msgr. Refugio Daniel, I am a fine, precious, encouraging, calm, glamorous, vivacious, friendly person who loves writing and wants to share my knowledge and understanding with you.