With the release of Photoshop CC 2015, we now have the ability to add multiple instances of the same layer style to a single layer. This opens the door to creating more advanced effects quickly (and more importantly, non-destructively). This works well especially with text effects. In the past, it could be cumbersome to create a simple effect such as a long shadow, which often required several steps, making it difficult to update the text on the fly. In this tutorial, I’m going to show you a quick technique to add long shadows to your text without losing the ability to edit quickly. Let’s get started!

• Long Shadow Photoshop Download
• Long Shadow In Photoshop

Long Shadow Photoshop Effects for CS6+. A few customers have asked for a photoshop version of my Long Shadow Illustrator styles, so here they are! 3 different styles - solid, multiplied and faded; 4 shadow angles for each style. Help file included; Uses smart objects for easy long shadow effects in seconds! Easily change color with layer effects.

Step 1

Create a Long Shadow Text Effect with Photoshop Learn how to create a popular long shadow text effect in Photoshop where the shadow from your letters extends right off the background! Written by Steve Patterson. In this tutorial, I show you how easy it is to add a long shadow to your text with Photoshop, a popular effect often seen in advertising. Long Shadow Generator is a Photoshop extension to which creates long shadow with a single click! It’s the perfect add-on for web designers working on a site with a flat design who want to add a little dimension to the design without using typical drop shadows.

In a new document, use the Type Tool to place text on your canvas. I’ve created my document at 800 px by 600 px. Also, I am using the free font Gobold from datfont.com

Step 2

Add a Drop Shadow layer style to the text layer. Use the settings shown below. Note: I am using a dark blue color for the shadow (#182542).

The result should be a small drop shadow:

Step 3

Now, add a second Drop Shadow by pressing the Plus icon to the right of the Drop Shadow style. This will create a duplicate style directly below the active style. Select the new style and adjust the Distance property. Set the Distance a little farther away than the first Drop Shadow. I used a value of 5 px.

Here are the results. Notice that our drop shadow is getting a little longer.

Step 4

Continue adding new Drop Shadows, only changing the Distance property. Photoshop CC 2015 allows up to 10 instances of the same layer style. Tip: It’s important to get the spacing right. If the spacing is too loose, you’ll get jagged edges on your long shadow.

Step 5

Before we move any further on the long shadow, let’s add a Stroke to our text. In this case, It should be the same color as the drop shadow.

Step 6

Now, let’s add more length to the drop shadow. At this point, we have already added all the drop shadows that Photoshop will allow for a single layer. However, we can use Layer Groups to give us access to additional Drop Shadows. Place the text layer into a new Layer Group.

Step 7

Add a Drop Shadow to the Layer Group. Some of the settings will need to be adjusted to match the color and style of the previous drop shadows. Also, position the drop shadow so it appears as a continuation of the previous layer styles.

The result will double the length of the layer’s drop shadow.

Step 8

Continue to add new drop shadows to this layer group until you are satisfied with the length of the shadow. The final image should appear as follows:

Below are some additional images using this technique.

Long Shadow Photoshop Download

Conclusion

In this tutorial, we learned how to add long shadows to any object using a technique that is only possible in Photoshop CC 2015. We were able to effectively add multiple instances of the same layer style to our object, and then find a way to work around the limitations of Photoshop by adding a new set of layer styles using layer groups. The resulting effect allowed us to build out a long shadow directly on a text layer without losing the ability to quickly edit the text.

Thank you for downloading.

Your download will begin in 3 seconds. If not, please click here

Get new freebies like this

in your inbox every other week. No spam

You probably know that long shadows are new design trend and they look great. Producing that kind of shadow is very time consuming, especially when you have to make them for several elements or text. That’s why I created Long Shadow Generator Photoshop Action (atn) – to save you lots of time and to help you produce very high quality, always perfect shadows!

This action works with rasterized layers, text and vectors. With several provided actions you will be able to produce variety of shadows.

Enjoy!

Long Shadow In Photoshop

INSTALLATION

1. Close Photoshop (if opened)
2. Copy “Long-shadow.atn” to C:Users__USER__AppDataRoamingAdobeAdobe Photoshop CS5PresetsActions
or Copy “Long-shadow.atn” to C:Program FilesAdobeAdobe Photoshop CS5PresetsActions
3. Restart Photoshop
4. Open your Work file and select the layer you want the long shadow
5. Go to Menu => Window -> Actions or you can press Alt + F9
6. You can see Long shadow Folder there (if not, Load Action manually)
7. Click on the Action Layer you need (There are 4 options) and click Play
8. Wait until the action complete. (It may take some time, if larger file. be patient.)
9. Customize as per your needs & Save
10. Yay! You are done.

Please Share this freebie if you like it. If you have any issues or suggestions, Please let me know in the comments.