Create an Overlap Image Effect Using Layer Styles in Photoshop

Last month, I posted some asphalt textures to download. The main image (seen below) featured a very simple layer style effect to make it appear as if the asphalt images had some depth to them. Today, I want to share how I created this simple effect.

01
 

Step 1

First, we need to open our image files. However, rather than going to File > Open, we’ll use another method that will automatically open up our images in the same document. To do this, go to File > Scripts > Load Files into Stack.

01
 

Step 2

A new panel will open asking to load the layers. Click on the Browse button to find your images. Make sure to select all of the images you want to use.

02
 

Once you’ve selected all of your images, you should now see them listed in the panel. Click OK to continue.

02
 

Step 3

Photoshop will run a script to open each image in the same document as a separate layer.

03
 

Step 4

Next, use the Move Tool to manually adjust each layer until all layers are visible. No need to make sure they are equally spaced—we will fix that in the next step.

04
 

Step 5

In order to make the layers appear more uniform, select all layers and go up to the Top Menu and click the Distribute Horizontal Centers icon.

05
 

Step 6

Next, add the following Layer Styles:

Note: Your settings may vary depending on the size of your images.
06
 

06
 

06
 

Step 7

Lastly, we need to apply the Layer Styles to all the other layers. To do this, Right-click the layer we just added the effect to and select Copy Layer Style.

07
 

Next, select all other layers (you can do this by Shift-clicking the layers) then Right-click and choose Paste Layer Style. This will apply the copied effect to the selected layers.

07
 

You’re Done!

The final image should look like this:

08
 

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>