In this tutorial I will take you through the process of creating the 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, and it is really popular in 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 in the comment section below.
If you liked this article, then please subscribe to our YouTube Channel for more free Photoshop video tutorials. You can also find us on Facebook and Instagram.
Su Hall says
January 25, 2015 at 8:39 amI 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!
Su
Photoshop Training Channel says
January 27, 2015 at 1:02 pmYou’re welcome!
Claire says
January 29, 2015 at 7:11 amHey,
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?
Thanks!
Photoshop Training Channel says
January 29, 2015 at 8:04 amClaire,
Are you in Photoshop CC?
I don’t think that feature was available in older versions.
Claire says
January 29, 2015 at 8:06 amHey, yes – Photoshop CC 2014
Photoshop Training Channel says
January 29, 2015 at 8:14 amOn the options panel, when you created the rectangle, was it set to “Shape”? Not Pixels or path.
Also, where you see the mask options, in the Properties panel, there should be two icons on the top left. One for the mask, which is a square with a circle inside of it. Next to that you should see the icon for the Live Shape Options which is a Square with smaller squares on each corner. If you click on that one, then you should be able to make the adjustments.
Make sure that you are working with a shape layer with vectors though. You might want to create a new one just to be sure.
Hope this helps!
Claire says
January 29, 2015 at 8:18 amOoops, 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 🙂
Sam says
July 31, 2015 at 12:03 pmHi 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
Sam
Georgia Brooks says
March 20, 2018 at 4:14 amThanks 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.