Adobe Photoshop Tutorials - Telling Stories With Shadows In Photoshop

Photoshop Effects: Telling Stories With Shadows

Learn Photoshop with Photoshop Effects at Photoshop Essentials.com

Written By Steve Patterson

In this Adobe Photoshop tutorial, we're going to learn how to truly make a picture worth a thousand words by adding a different shadow behind someone in a photo, as if to imply that the person in the photo is one day going to become the image in the shadow. Or maybe they really are the image in the shadow but they manage to keep it hidden from everyone, sort of a "Dr. Jekyll and Mr. Hyde" scenario. Or, as in the case with the image I'll be using in this tutorial, perhaps the person is imagining themselves as the image in the shadow.

This is a really fun and popular effect to create in Photoshop, and you may remember seeing it used heavily a few years back in the promotional posters for "Star Wars, Episode I - The Phantom Menace", where a very young and innocent looking Anakin Skywalkwer was casting the shadow of Darth Vader behind him. Fortunately, you don't need to be a special effects wizard to create the same effect with your own images. All you need is a copy of Photoshop and a little imagination.

Here's the image I'll be using for this Photoshop tutorial:

Adobe Photoshop tutorial Photoshop effects image
Photoshop Effects: The original image.

Obviously, this little guy sees himself as a mighty super hero, so let's help him out by projecting a super hero shadow on the wall behind him:

Adobe Photoshop tutorial Photoshop effects image
Photoshop Effects: The final result.

Let's get started!

Want a better way to learn? Download this tutorial as an easy to read, ready to print PDF eBook!

Step 1: Make A Selection Around The Person

With your image open in Photoshop, use the selection tool of your choice (Lasso Tool, Magnetic Lasso Tool, Pen Tool, etc.) to draw a selection around the person:

Adobe Photoshop tutorial Photoshop effects image.
Photoshop Effects: Use the Lasso Tool, Pen Tool or other Photoshop selection tool of your choice to draw a selection around the person in the photo.

Step 2: Copy The Selection To A New Layer

If we look in our Layers palette, we can see that we currently have just one layer, the Background layer, which contains our image:

Adobe Photoshop tutorial Photoshop effects image.
Photoshop Effects: Photoshop's Layers palette showing the image on the Background layer.

We need to copy the person in the photo onto their own layer above the Background layer so that we can slide a shadow in behind them, which we'll do in a moment. Since we've already drawn a selection around them, all we need to do is use the keyboard shortcut, Ctrl+J (Win) / Command+J (Mac), and Photoshop will copy the selection onto a new layer. Nothing will seem to have happened to the image itself, but if we look again in the Layers palette, we can see that a copy of the boy (in my case) is now on a new layer, which Photoshop has named "Layer 1":

Adobe Photoshop tutorial Photoshop effects image.
Photoshop Effects: Press "Ctrl+J" (Win) / "Command+J" (Mac) to copy the person onto a new layer.

Step 3: Open The Photo Containing The Person Or Object You Want To Use For The Shadow

To create the shadow effect, you'll need a second image containing whatever it is you want to use as a shadow, whether it's a person or an object of some kind. I want to give the boy a super hero shadow, so I'm going to use this image here which should work nicely:

Adobe Photoshop tutorial Photoshop effects image.
Photoshop Effects: Open the image containing the person or object you want to use as the shadow.

Still scrolling through web pages? Download our Photoshop tutorials as printable PDF eBooks!

Go to page: 1 | 2 | 3 | 4