Skip to Main Content

Drop Shadow (Layer Effect in Photoshop)

Posted on 8.30.2009

Drop shadows are a useful effect that can be achieved in Photoshop (or GIMP), adding a certain 2.0'ness to your text or images. Let's look at how to create a drop shadow for both images and text now. 

Note that I'm working on a slightly older version of Photoshop (so there might be some slight variations in naming conventions) but the whole process is so simple that it will be easy to figure out.

 


Stay up to date on the latest Internet trends:
Request a professional subscription to Website Magazine,
the most popular print publication on Web success.


 


Drop Shadows on Text

1) Create a new file (the text we are working with will result in an image approximately 400x75 pixels) 
 
2) Once the file is open and the text tool is selected, type some text (and make sure it fits on the canvas) 

2.1) Set the resolution at Web (72 pixels) and the mode to RGB color



Drop Shadow sample

3) Now, select the individual layer (with the text included) and select "Blending Options" 

 

Drop Shadow Layer Effect Photoshop

4) When the "Layer Style" box appear, simply select "Drop Shadow" from the list of available options. (It is also possible within the Layer Style dialog box to add inner shadows, outer and inner glows, beveling, embossing (and contouring and texture) to the text/image. 

Drop Shadow Layer Style

5) Once you select "OK" you'll have successfully added a drop shadow to your text. 

Drop Shadow Effect in Action

6) Should you want to lighten (or darken) the shadow, simple adjust the opacity higher or lower accordingly. 

 

Drop Shadows on Images
Not only can you add a drop shadow to text but also to images. Drop shadows add a nice modern feel to design elements and it's very easy to create - just follow along. 

1) Create a new file (the image we are working with - our Twitter icon - is roughly 73x73 pixels) 
 
1.1) Do provide for additional space around the image you are adding the drop shadow to (in our case for example we'll make the default canvas about 80x80)
 

2) Once the file is open and extra space is available to support the drop shadow, again select Blending Options from the Layers menu.

Drop Shadow for Image

 
3) When the Layer Style box appears, simply select "Drop Shadow" (or any of the other options for alternate effective).

Layer Style for Drop Shadow on Images


4) Once you select "OK" you've got an image with a drop shadow!

Drop Shadow Image

Leave Your Comment

Login to Comment

Become a Member

Not already a part of our community?
Sign up to participate in the discussion. It's free and quick.

Sign Up

 

Leave a comment
    Load more comments
    New code
  • Your Guide to 2017 Sales Tax Changes

    2017 Sales Tax Changes