Long Shadow seems to be the hottest trend lately, it's everywhere specially if you look through design communities like dribbble, and behance. On this post I will show a few samples of long shadow, will also have some freebies and show you how to create your very own long shadow.

It seems like this effect came around to reinforce the "flat" design that everyone has been seeing, it's the wave of trends and we want you in the loop. It's most common on icon design and small illustrations as you will see on this post.

Long Shadow Samples

Long Shadow Design Trend

Long Shadow Design Trend

Long Shadow Design Trend

Long Shadow Design Trend

Long Shadow Design Trend

Long Shadow Design Trend

Long Shadow Design Trend


Long Shadow Freebies

Download Long Shadow Social Media Icons

Long Shadow Design Trend
Long Shadow Icons by Graphic Burger

Download Long Shadow Icons

Long Shadow Design Trend
Long Shadow Icons by Graphic Burger


Long Shadow Resources

How to create long shadow effect in CSS

How to create long shadow on Photoshop CS6 by Howard Pinsky

Would you like to see an easier tutorial for Long Shadow? If so let us know and we will make one for you.


About the author of this post

My name is Paulo Canabarro, I'm a passionate freelance web designer paulocanabarro.com and enthusiastic blogger here at abduzeedo. Catch me designing Wordpress Themes. Say hello on twitter @paul0v2.