Perspective Shadow – Photoshop Tutorial

With this tutorial I am going to show you how to add shadows with perspective to shapes, text and isolated objects. There are a lot of ways to achieve this, but this is in my opinion the easiest and fastest way (probably one step shorter than the second fastest :) )

For this tutorial I am going to use a shape that I created from a 3d render. You can see the shape below.

original photoshop custom shape

Let’s start by applying a Drop Shadow style to the shape layer. Go to Layer-> Layer Style -> Drop Shadow (or just double click on the layer at the layers palette) and use these settings.

drop shadow settings

Now right click on the little (f) besides the layer at the layer palette. I have circled it in the screenshot below.

layer styles symbol at the layers palette

From the pop-up menu select “Create Layer”

select the create layer option

A new layer will be created from the Shadow effect. Your layer palette should now look like this.

layer palette

Select this new “Shadow” layer and go to Edit-> Transform -> Skew and skew it somewhat like this.

skew layer to the left or to the right

Apply the transformation and to to Edit-> Transform -> Distort this time. Now you should bring the top horizontal line of the rectangle down.

distort the shadow layer

You may need to align a bit the shadow layer with your original layer and you are done. I applied a gradient to the background and here is my final result.

photoshop's tutorial, final result
Comments are closed.

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.