I've recently got into that "hipster" trend of long shadowing. I have seen this example quite a lot, and have tried replicating it myself. No efforts have been successful though. And even the close ones seemed like to much work for that effect.

enter image description here

Main issue i'm having are the middle green triangles, and their shadows down. If you notice they fold over the background circle, which is another issue of mine.

How can I replicate this technique as accurately as the image?

  • 1
    What exactly are you having trouble with? Are you looking for an automatic way to do this instead of drawing the shadow with a shape?
    – Yisela
    Aug 20, 2013 at 23:37
  • It's a physics issue. The shadow wouldn't 'fold down' over the edge like that. Just remove that part. Also, it appears your shadow angles aren't consistent.
    – DA01
    Aug 21, 2013 at 2:10
  • No, no. The two green triangles. I don't understand how they got that folded effect where they meet. And then the popup effect it has, on the bottom right; I'm guessing that part you just duplicate the layer and move it down a few pixels though. Aug 21, 2013 at 5:48

1 Answer 1


Every single shape in that image is a simple shape with a gradient overlay. The only differences are fill color and direction of the gradient, that's all.



Not the answer you're looking for? Browse other questions tagged or ask your own question.