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
tutorials thumbnails

Technorati Tags: , , ,

del.icio.us Perspective Shadow - Photoshop Tutorial digg this reddit this Furl this +Spurl this

7 Responses to “Perspective Shadow - Photoshop Tutorial”

  1. Ant Says:

    Hm, that’s pretty cool. I never knew about that create layer command. The only improvement I can think of is having the shadow blur a bit the further away from the object it gets… not sure off hand how I’d do that though, going smoothly from not blurred to blurred without creating a line. Any ideas?

  2. Dimitris Says:

    It probably can be done with the Lens Blur filter.
    Another thechnique is:
    Duplicate the shadow layer and apply a gaussian blur to it. Then create a mask and draw a gradient (black to white) starting from the point that you want to have the least blurriness. Then go back to the original shadow layer, add a mask as well and draw a (black to white gradient) in the oposite direction.
    I hope this makes sense.

  3. Scott Says:

    Amazing tut, thanks

  4. Rasmus Says:

    How to make the shape? ^^ Nice tut btw.. ;)

  5. Dimitris Says:

    The shapw was created usind DAZ Studio, I created the render on a transparent background and then traced it to create the shape.

  6. Rasmus Says:

    Cheers bud! ;) .. Looks cool :)

  7. LevySoft » Blog Archive » Template Open Source, Ajax e Tutorial Photoshop Says:

    […] - Ecco 14 tutorial per Photoshop segnalati qui e qui: 1. Ombra in prospettiva per forme a silhouette, testo o oggetti isolati 2. Effetto underwater 3. Cornici fotografiche realistiche 4. Menu in stile vagamente Aqua 5. Tabs colorate 6. Effetto ‘tazzina fumante’ 7. Aggiungere un tatuaggio ad una foto 8. Creare una copertina di magazine, se volete farvi il vostro Vogue; 9. Creare un codice a barre; 10. Icone per messenger stile XP; 11. Ciuffi d’erba realistici; 12. Scontornare figure umane; 13. Un globo… a cubi (idea per un logo); 14. Sbiancare denti e occhi. […]

Leave a Reply

Related Posts from the Past: