Web Design   Web Hosting   Photoshop Tutorials   Free Fonts   Drawing Basics  
 
Photoshop Tutorials - Free Fonts
[Home]
[Sitemap]
[Blog]
[Read Me First!]
[Photoshop Tutorials]
[Canvas Tutorials]
[Corel Tutorials]
[Quark Tutorials]
[Illustrator Tutorials]
[FreeHand Tutorials]
[Drawing Basics]
[Porting Files]
[Free Fonts]
[Font Tutorials]
[Misc Tutorials]
[Animation]
[About Mike]
[Gallery]
[Related Sites]

 
    Intermediate  
 
  Photoshop® 4Transparent Drop Shadow
Part Two

Please see this page for full explanation on transparent drop shadows.

9. In the layers palette click the eye icon on the type layer to make it visible. Then press "V" to activate the Move Tool. With the shadow layer still active click the down arrow 3 times and the right arrow 3 times.

shadow09.gif

10. Open the background image. In this case, it is the background image of this web site (paper.gif). Press Ctrl-A (Windows®) or Cmd-A (Mac®) or click Select > All. Next click Edit > Define Pattern.

shadow10.gif

11. Add a new layer underneath the existing two layers and make this new layer the active layer. Then click Edit > Fill and choose Use "Pattern" with an Opacity of 100%, Normal mode. Save the file.

At this point you can export it as a JPEG image. The remaining steps are to setup the image for export as a GIF.

shadow11.gif

12. In the Layers palette Alt-Click (Windows) or Option-Click (Mac) the eye icon next to the shadow layer. This will make only the shadow layer visible. Then click the mouse on the layer to make it the active editing layer.

shadow17.gif

13. Using the Magic Wand Tool, with a tolerance setting of 0 and no anti-aliasing, click anywhere in the transparent area where there are no pixels. This will select everything on the layer that doesn't have any pixels.

shadow12.gif

14. In the Layers palette click the other two eye icons to make all the layers visible, then click the bottom layer to make it the active layer.

shadow14.gif

15. Make sure the selection surrounds all the visible pixels of the type layer and its shadow (click here for why this is done).

shadow13.gif

16. Press the Delete key to clear the excess background pixels.

shadow15.gif

17. Click Select > Deselect. This is what the image looks like with the excess background pixels trimmed away.

At this point you can export it as a GIF image.

shadow16.gif

 
 

Previous   Home    Contact Mike   Related Sites    Next

Copyright © 1998-2016 Mike Doughty, All Rights Reserved Legal Notices
Page Last Revised: October 26, 2016
Privacy Policy