Unlimited Downloads 15% off Marketplace Purchases Exclusive Software Access Unlimited Downloads
15% off Marketplace Purchases
Exclusive Software Access
Save 70% on Plus Maybe Later
Long Shadow Effect on Text in Photoshop
  • By Design Bundles
  • 08 May 2017
  • 4 Mins
  • Photoshop Tutorials

Long Shadow Effect on Text in Photoshop

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- In the Layers panel, click and drag the rectangle layer below the text layer.

6-Select your text and double-click to adjust the text color.

7- Ctrl+ click the text layer's thumbnail in the Layers panel. This will make the selection of your text with marching ants.

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

Fill with black by selecting the black on the color picker in the left toolbar and press 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, and hold the Atl+ Ctrl keys at the same time. While holding down the keys, 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- Press 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 color you need it to be.

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

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 color of the long shadow so you can refill it with a gradient.

14- Select Gradient Overlay.

15- Select the Gradient Editor option and select the left stop. Next change the opacity to 0%

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

The font used is called Captain Jack by SmartDesigns.


6 Related Photoshop Tutorials

You can create many great design effects in DesignScape, such as a long shadow effect. You can make some awesome stickers using this effect, or maybe you'd like to create a sublimation design using text that has a long shadow.If you don’t have a Gold Plus membership and ...

1 – In Illustrator create a new document or open an existing one you wish to modify and type your text. For this tutorial we used “The Witch” from Fontbundles.net https://fontbundles.net/paperwitch/1356-the-witch-typeface.2 – Select your text and increase the “Tracking” to 25 in the “Character” menu. This will give you ...

For this tutorial we are using a canvas or paper background and Titin Script from Font Bundles.1 – Create a new “Gradient Layer” under your “Texture” layer. Use a “Transparent to Fill Color” gradient with #d3d1d1 and #918f8f as colors, the Style as Radial and a 250% Scale. Hit ...

For this tutorial, we are using “Bukhari Script” from Fontbundles.net (https://fontbundles.net/mikrojihad/33277-bukhari-script), some cake textures (there are some web pages that have free images that you can useas textures) and a plate and table background images.We are going to divide this tutorial in two sections. ...

In this tutorial, we will learn two methods for creating long shadows in Illustrator.1 – In Illustrator, create a New Document and then using your “Rectangle Tool” (M) give your document a nice background color (you can use a gradient if you prefer).2 – Go to the “Layers” Panel and lock it ...

1 – In Photoshop create a New Document or Open an existing one.2 – Choose the “Paint Bucket Tool” (G) from your Toolbox and fill your background with black.3 – Choose the “Type Tool” (T) and type your text. We chose the font Zipper from Fontbundles.net for ours. Make its color Cyan or ...

You may also like

Help Center
ol image