Creating realistic shadows in Photoshop

We’ve had a couple of people ask us how to create some realistic shadows in photoshop, so I decided to write a quick little tutorial. For this example, we’re just going to be creating a shadow on a basic rectangle that gives the impression that a corner is being lifted up from the background. Quick note : I’m not going to be giving exact settings, as the best way to learn how to do this stuff is to experiment.

1. Start off by creating a rectangle

2. Now, draw another rectangle roughly the same width as the box created in the previous step, and fill it with black.

3. Move the new black box below the blue one in the layer palette.

4. Apply the gaussian blur filter (filter -> blur -> gaussian blur)

5. Select the warp tool (edit -> transform -> warp) and move around the points to give you something similar to below

6. Now you should have something looking like this :

7. The shadow looks a little bit too spread out, so we’re going to open the warp tool again and tuck in some of the edges.

8. The shadow looks a little bit too spread out, so we’re going to open the warp tool again and tuck in some of the edges. At this point I’ve also taken a small black brush with about 75% hardness, and painted in a thin black line under the blue rectangle to give it more of a base.

9. The final step is to warp the shape one last time to give it the curve on the bottom right. Once that’s done, take a soft brush at a really low opacity, fire up a layer mask, and brush out some of the shadow to give it a more realistic look. Voila!

This is just one of many ways to create shadows in photoshop, but I usually fall back on this when I want to create something a little more organic.

Comments

  1. Daniel    November 5th, 2010 at 06:27pm

    I’ve been searching for a way to do realistic shadow for Years, thank You!

    Although, since a few years have passed…there must be a way to do this via vector smart objects somehow…

  2. Pingback: Realistic Shadows In Photoshop | Brennan Creative Blog

  3. Greg Babula    November 7th, 2010 at 05:13pm

    Great tutorial, thanks!

  4. SeeL    December 1st, 2010 at 01:28pm

    Thanks you. It’s a great great tutorial and it’s very rare. I have search for this kind of tutorial for a long time. Thanks again.

  5. Matthew Harpin    February 24th, 2011 at 01:01pm

    Really good outcome, great work Bryan.

  6. Roy Kung    February 6th, 2012 at 03:04pm

    Great Tutorial, I really appreciate it. thanks.

  7. Hardik    October 23rd, 2012 at 12:50am

    oh ! Man its Great So simple Yet Powerful Thanks.

  8. vikas kumar nischal    November 30th, 2012 at 09:32pm

    Thankyou. Thankyou. Thankyou. :)