Add A Drop Shadow To Your Flash Website

Add A Drop Shadow To Your Flash Website
One of my favorite readers asked me how to add a drop shadow along the exterior edge of his FlashR website. Because we just completed the Building A Website With Flash series, I will discuss a simple method to add a drop shadow to your finished Flash website. Thanks to Jason for the inspiration.

An easy way to add a drop shadow to the Flash document is to use a background image that has a pseudo drop shadow.

Step 1. Image Dimensions. The dimensions of the Flash website that we created in the series was 550 height and 450 width. We need to create the new background image for the website with these dimensions. Open your favorite graphics software and start a new image. The new image should have the same colored background as the webpage that will contain your Flash document.

Step 2. Draw Rectangle. Use the Rectangle Tool to draw a rectangle starting from the upper left corner and stop before you reach the right and bottom sides to allow a space for the drop shadow. The rectangle should be the color that you want for the background color of your Flash website. If you are using an image for the background of your site, it should be slightly smaller than the dimensions in Step 1.

Step 3. Drop Shadow. While the rectangle is still selected, use the Drop Shadow filter of your graphics software to add a drop shadow to the rectangle.

View Example Image

Step 4. Save Your Image. Your new background is finished and ready to import into your Flash movie. Save it in PNG format.

Step 5. Import Into Flash. Open your .fla file into Flash. Click on Frame 1 in the Recurrent layer in the Timeline. Click File > Import > Import to Stage. The new background image should fit snugly in place on the stage but it is on top of the other objects in this layer. So let's move it underneath. Click on the new background image to select it and then click Modify > Arrange > Send to Back.


Related Articles
Editor's Picks Articles
Top Ten Articles
Previous Features
Site Map

Content copyright © 2022 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact Diane Cipollo for details.