Photoshop Tips & Tricks answers reader's questions about getting the most from Photoshop. In the Design & Publishing Center, and the Photoshop Tips & Tricks Department

Creating Shadows in Photoshop for Type

Stephen writes in to say:
  > I need to create a shadow of type as if it 
  > were projected onto the floor by a 
  > strong light behind it. Can you help
  > Photoshop 6, Mac OS 9
Transform, Blur, Blur Again...
Yes, the idea is not just a shadow, but a shadow that gets lighter and more blurred as it moves away from it's creator. This is called "fall-off" and it's a familiar term to photographers.
Getting started
In Photoshop select the type tool. In the options bar above select the font, size and other specifications for the type you want to use. (This could also be illustrator or other type imported, or a layer with rastered type on it.) Make sure the type is exactly like you want it.
      This diagram may be helpful.
Flip it into position
  1. Now, tap the letter "V" to get the Move Tool, and let's make a copy of our type by hitting Cmd/J (cntrl/j) which is the "float" command. This will duplicate the type layer for our shadow operations.
  2. Now, select the layer behind (the original) and then hit Cmd/t (cntrl/t) to put the type in Free Transform mode.
  3. Hold down Control and click inside the selected area to pull out the Free Transform menu pop-up, and slide down to "Flip Vertical" (Windows: Right Click/hold) Don't press return or enter yet, you've got more to do.
  4. Once flipped, drag within the active selection and drag it down until you can see it.
Now, apply Perspective
make perspective
  1. Use menu: Layer > Rasterize > Type to rasterize the type. (Note: perspective won't work unless the type has been rasterized.)
  2. Re-enter Free Transform mode with a Cmd/t (cntrl/t)
  3. Cntrl/click again to pull out the Free Transform menu pop-up, (Windows: Right Click/hold) and this time select "Perspective."
  4. Now drag either of the lower handles out to achieve the amount of perspective you want. Hit enter
  5. Move the image up or down to get the distance for the cast shadow. While still in Free Transform mode, use the center selection handles to compress the shadow or expand it. Remember the closer the object is to the ground, the closer and shorter the shadow will be.
  6. Option/Shift/Delete to fill the object with the color you want for the shadow. (Here we used black.)
Now make the shadow soft
Apply a Gaussian Blure to "fog" the shadow, (depending on taste and the size of the graphic... here our example graphic is only 144 x 144 so we couldn't stand much and gave it a 1.5 blur.) and set opacity of the layer to around 80%. Now it's shadow like.
Now make the shadow "fall off"feather
Since shadows get hazier as they move away from the subject, you want the foremost part of the shadow to be more blurry. Make a selection of the foremost third, and set a Selection > Feather of about 2 to 6 pixels. (This depends on the size of the graphic. Larger graphics will take more feathering.) then apply the Gaussian Blure again
How did you do?
Done. Note that you can also give a graduated shadow fall-off by using a graduated mast from solid to transparent. Experiment with this technique using an adjustment layer so it's non-destructive to your art. See if the effect enhances your original idea.

Post your questions and tips to the Photoshop 911 hot line
If we don't have the answer, we turn to the Photoshop Bibliography in the Designers' Bookshelf and select books until we find the answers for you. Sometimes answers are the composite of information from several of the books --- always edited and written to give you the fastest possible answer in the shortest possible number of words.
 
If you have a Photoshop related web site, or you know of a good Photoshop tutorial based web site, why not list it in the Photoshop 911 Search Engine soon to appear at Photoshop911.com
Back to the index
visit our sponsors

make them pay

Win Prizes
Link to Photoshop Tips & Tricks and you can win prizes. Click and let us tell you all about it!
Sharon Steuer's Famous "Zen of the Pen" Seminar
... Master the "Zen" of using the pen tool in Photoshop, Illustrator, Quark XPress, and other software programs with this Certified Training session in downloadable PDF format!
http://www.design-u.org/~zen/index.html
Get Published
If you'd like to publish in the pages of DT&G then read the Readers Guidelines or just contact us
Got a tip? Get a treat!
Send your tips... if they're published, you'll get a chance to select goodies from the Designers' Bookshelf!
Thank you for visiting
. . . the Photoshop Tips & Tricks department of the Design & Publishing Center   Don't forget: this is a reader-driven web site. We need your input and participation to continue bringing great content to Photoshop users everywhere at no charge.

High content, low noise since 1990

DT&G ezine has been bringing quality design, typography and graphics help to desktop publishers, graphic designers, graphic artists and visual communications practitioners since it's debut on CompuServe and the Mug News Service (MNS) in 1989. The Design & Publishing Center was launched in 1994 and continues to be one of the few remaining web sites to deliver a 90% content to noise ratio -- featuring graphic design, photography, typography, illustration and imformation for designers, graphic artists, creative directors and anyone involved in desktop publishing, design, art, illustration or other visual communications fields.
      Copyright 1993 through 2003, ALL RIGHTS RESERVED. Although DT&G's Photoshop Tips & Tricks department was the first "tips & tricks" publication for Photoshop, it is not officially associated with Adobe Systems, Inc. Photoshop is a Registered Trademark for Adobe Systems, Inc., All Rights Reserved.
      Contact the design team for web page critique, makeover clinics, or website design, production and hosting. If you would like your web site reviewed by peers in the web publishing industry, just go to the Web Design & Review wing and visit the Web Site Reviews department where you'll find reader's web sites posted for review. There you'll also find our Web Site Review Submission form for submitting your site for review.
      The Design & Publishing Center is an affiliate of the Graphic Design Network, a wholly owned subsidiary of Showker Inc., trading as Graphic Arts & Design, a Virginia State Corporation since 1972. Affiliates of The Graphic Design Network also include . . . 60-Second Window (tm), the editorial column published online since 1989 with editorials covering computer and online related issues; The Publishers' Warehouse(tm), the freeware, shareware, and tryware department first launched in 1987 publishing a printed catalog of more than 200 disks of clip art, fonts and programs for designers; the News Serve Network(tm), where you can post your own news stories, press releases and information about your products or services -- syndicated across dozens of websites; the User Group Network and the User Group Academy. The Design Center is a proud sponsor of the Association of Apple Computer Users & Groups at www.aacug.org
Please come back again!