Step 13: Duplicate The Background Image And Move It Above The Second Silhouette

If you're using two silhouettes in your design as I am, we need to make a copy of our background image and move it directly above the second silhouette in the Layers palette. We can actually do both of these things at once. Go to your Layers palette and hold down your Alt (Win) / Option (Mac) key. This will tell Photoshop that we want to make a copy of the layer. Then click on "Layer 1" and, with Alt/Option held down, drag the layer down between the two shape layers. You'll see a thick black line appear between the two layers to let you know when you're in the right spot:

Release your mouse button when the black line appears. A copy of "Layer 1" now appears in the Layers palette directly between the two shape layers:

If we look in the document window, we can see that the background image is now once again blocking part of the design from view:

Step 14: Create A Clipping Mask

We need to clip the copy of our background image to the second silhouette so that it appears inside the silhouette, just as we did a moment ago with the first silhouette. Go up to the Layer menu at the top of the screen and choose Create Clipping Mask:

This clips the copy of the background image to the second silhouette, making it appear as though the background image is inside the silhouette:

Step 15: Resize And Reposition The Background Image With Free Transform

Press Ctrl+T (Win) / Command+T (Mac) to bring up Photoshop's Free Transform box and handles around the background image inside the silhouette, then resize, rotate and/or move it into place as needed:

Press Enter (Win) / Return (Mac) when you're done to exit out of the Free Transform command.

Step 16: Add A Stroke To The Silhouettes

At this point, our basic effect is done, but let's give our silhouettes a little more definition by adding a thin stroke around them. First, select either of the shape layers in the Layers palette. I'll click on the "Boy" layer to select it. Then, click on the Layer Styles icon at the bottom of the Layers palette:

Select Stroke from the bottom of the list:

This brings up the Layer Style dialog box set to the Stroke options in the middle column. I'm going to leave all of the default settings alone, except for the color. The default stroke color is red, and I want to use the orange color from the starburst background I'm filling my silhouettes with. To change the color of the stroke, click on the color swatch in the dialog box:

This brings up Photoshop's Color Picker, but rather than choosing a color with the Color Picker, I'm simply going to move my mouse cursor over an orange area inside the boy's silhouette and click on it to sample the color:

Click OK to exit out of the Color Picker when you're done, then click OK to exit out of the Layer Style dialog box. The boy's silhouette now has an orange stroke applied to it, giving it a bit more definition:

To quickly apply the stroke to the second silhouette, go up to the Layer menu at the top of the screen, choose Layer Style, and then choose Copy Layer Style:

Click on the second silhouette's layer in the Layers palette to select it. In my case, I'll click on the "Girl" layer. Then go back up to the Layer menu, choose Layer Style once again, and this time, choose Paste Layer Style:

And just like that, the stroke is now applied to the second silhouette as well:

I'm going to finish up my design by adding a few scattered stars around the silhouettes. I'll do that next.