Design Bundles Net Logo
Menu
Cart
Search
  1. Home
  2. Design School
  3. Long shadow effect on text in Photoshop

Long shadow effect on text in Photoshop

Posted on 8th May 2017
1- Open Photoshop


 

2- Create a new document.


 

3- Select your text tool and type your text. Select the font you would like.


 

4- Select the shape tool and draw a rectangle around your text.  This effect is a good way to create icons.


 

5- Click and drag the rectangle layer below the text layer.


 

6-  select your text and double click to adjust the text colour.


 

7- Ctrl + click on your text. This will make the selection of your text with marching ants.


 

8- Click on the rectangle layer and add a new layer. IKt will appear above the rectangle layer.

Fill with black by selecting the black on the colour picker in the left toolbar and select Alt + backspace on your keyboard at the same time. You will see in the new layer the text appears in black. Name the layer shadow.


 

9- Select the move tool (ensure the shadow layer is selected) Hold the Atl + Ctrl keys at the same time. While holding them down use the down and right arrows on your keyboard to create your shadow. repeat the right and down arrow movement while still holding the Ctrl + Alt keys until you get the long shadow you require.


 

10- Select Ctrl + D to unselect the text. Select the polygonal tool and draw around the areas that the black has gone over and fill with the colour you need it to be.


 

11- with the shadow layer selected still adjust the opacity. This will give your long shadow a deeper colour effect than the original background colour.


 

12- You can also change the long shadow by double clicking on the shadow layer to bring up the layer style panel.


 

13-  you can adjust the fill opacity which will remove the colour of the long shadow so you can refill it with a gradient.


 

14- Select gradient overlay.


 

15- select the gradient editor option and selct the left stop. Next change the opacity to 0%


 

16- You can now add a gradient fill and click ok.


 

Fonts are from fontbundles.net and the font is called Captain Jack

Share this Tutorial

Have a question? Contact our Support for assistance.
ca image