How To Design Shadow Text Effect On Photoshop

In this Photoshop post series we are going to show how to create shadow text effect on Photoshop.

If you missed the Sliced Text Effect tutorial, click the link and visit.

Now let’s create shadow effects step by step.

Step 1

Select “horizontal Type tool” and type every letter in different layers of your word.(I used Bold font and the font size is 113 pt.).

Shadow Text Effect On Photoshop
Shadow Text Effect On Photoshop

Step 2

Align your letters using a moving tool and set the positions of the letters to make them overlap each other.(after adding shadows you can’t rearrange the letter positions)

Shadow Text Effect On Photoshop

Step 3

CTRL+Click on the layer thumbnail to make selection which will cast the shadow (layer thumbnail which have second letter of the word)

Shadow Text Effect On Photoshop

Step 4

CTRL+SHIFT+Click on the layer thumbnail which will receive the shadow.( layer before the  layer which is selection did in step 3)

Shadow Text Effect On Photoshop

 

Step 5

With the selection around the two letters, Click on the “add layer mask” icon in the letter layer that’s going to cast the shadow.

Shadow Text Effect On Photoshop

Repeat the process Step 3, 4 and 5 to next letters

Shadow Text Effect On Photoshop

Step 6

Double click one of the letter layers that will cast a shadow and layer style menu will be opened.

Shadow Text Effect On Photoshop

Step 7

Click on drop shadow and make adjustments of shadow settings.

Shadow Text Effect On Photoshop
 

Step 8

Click Blending options on the layer style menu and click in the checkbox that says “Layer Mask Hides Effect” and click ok.

Shadow Text Effect On Photoshop

 

Step 9

Right click on the effects and select “Copy layer Style”. After selecting all other layers which make layer masks, Right click and click “Paste layer Style”.

Shadow Text Effect On Photoshop

 

Final Result

Shadow Text Effect On Photoshop

1 thought on “How To Design Shadow Text Effect On Photoshop”

  1. Pingback: 8 Graphic Design trends of 2021 [Infographic] -Letroot

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top