Long Shadow Icon Design

In this tutorial, I will take you through creating a long shadow effect. This could be done on a logo or text.

The long shadow effect is usually seen in “Flat Design,” which is a style that removes any effect that gives three dimensions to an illustration, such as gradients, textures, and bevels.

Flat design focuses on a minimalist use of flat colors, which is popular on websites and mobile apps.

I will also show you how Smart Objects can help you in the creation of assets for mobile applications. The template that I used in the video can be downloaded below.

If you have any questions or comments, leave them in the comment section below.

Similar Posts

Notify of

Inline Feedbacks
View all comments
Su Hall

I LOVE Smart Objects! I don’t know how I did thing before I learned about SO’s, but, they are by far the easiest to work with! Thank you for this great tut!




I think I’m being silly here, but only at 3.37 and when I create a square shape and go to the properties panel, all I can see are mask type options – nothing for changing corner options like yours does in the video. What am I missing?



Hey, yes – Photoshop CC 2014


Ooops, just realised that while I had PSD CC open, for some reason it was defaulting to CS6 and I was using the older version. Sorry! Thanks for all your help, I can see the right options now 🙂


Hi there 🙂

So my second comment in this amazing website .

First of all thanks for all the efforts that You out here to create these very helpful tutorials .
I was reviewing this one and a question or better to say a request came to my mind .

Could you please explain a little bit about Glass Contour and it’s usage in layer style ?
Maybe there are couples of tricks that we can apply and it enhance our designing skills.

Thanks in advance


Georgia Brooks

Thanks so much for sharing this tutorial. I really appreciate it. I will certainly dig it and personally suggest to my friends. I’m sure they’ll be benefited from this website.