How to add a drop shadow to text in Photoshop

Follow these easy steps to learn how to add a drop shadow to text in Photoshop. This can be applied to any raster or vector object in Photoshop as well as type.

Step 1.
Create a new document and select the type tool from the toolbar. Also choose a colour to use by clicking on the colour swatch at the bottom of the toolbar.

Select Type Tool

Select Type Tool

Step 2.
Draw a rectangle on the canvas with the type tool from top left to bottom right, and type the word or phrase you wish to add the drop shadow to.

Type text

Type text

Step 3.
Use the Character panel, to change the font and size of the type.

Step 4.
There are 3 different ways of acessing the drop shadow panel, this is just personal preference for which you find easiest to use..
A)Double click the layer with the type on it in the layer palette, a panel will appear where you can choose drop shadow from the left hand menu.
B) Select the type layer then click on the fx icon at the bottom of the palette and choose drop shadow from the menu.
C) Go to Layer > Layer Style > Drop Shadow.

Step 5.
If you move the panel to the side so that it’s not covering the canvas (just click, hold and drag the panel by the top bar) you will see that you already have a preview of what the drop shadow will look like on your lettering.

Step 6.
Move the sliders and opacity to get a different shadow depth. Below are 4 examples of the settings on the panel and the effect it will create:

A.

Overlay Drop Shadow 1

Overlay Drop Shadow 1

Overlay Drop Shadow 1 Text

Overlay Drop Shadow 1 Text

B.

Overlay Drop Shadow 2

Overlay Drop Shadow 2

Overlay Drop Shadow 2 text

Overlay Drop Shadow 2 text

C.

Overlay Drop Shadow 3

Overlay Drop Shadow 3

Overlay Drop Shadow 3 text

Overlay Drop Shadow 3 text

D.

Overlay Drop Shadow 4

Overlay Drop Shadow 4

Overlay Drop Shadow 4 text

Overlay Drop Shadow 4 text

Step 7.

Click ok to close the panel once you are happy with the drop shadow settings. The text is still editable so you can amend the text and apply other effects after you have applied the drop shadow.

The example below shows the last drop shadow example from above but with the text the same colour as the background.

drop shadow text example

drop shadow text example

hannah

Author: hannah

Hannah works as a website designer for a digital agency based in the UK. She has over 15 years experience using Photoshop and has been using it daily since 2005. Google+

Share This Post On

2 Comments

  1. thank you so much it helped a lot!!

  2. Thank You!

Trackbacks/Pingbacks

  1. how to add a drop shadow to text in photoshop? | Askjis - [...] Follow these easy steps to learn how to add a drop shadow to text in Photoshop. This can be …

Submit a Comment

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

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>