Flash tutorials
Home 3D (2) Actionscripting (66) Animation (108) Audio (4) Drawing (7) Full flash sites (4) Getting Started (15) Navigation (25) Special Effects (61) Text Effects (38)

Realistic shadow in flash

5.1.2007, 21:22    Total views: 48319

In this easy tutorial made for Flash 8, you will see how to create realistic shadow in flash with no Action Script, using the Shadow filters and Transform Panel.

Step 1

Open a new Flash document. Take the Rectangle Tool. You will draw a rectangle without the outline colors. To do this, click on Stroke color and choose No color, for Fill color choose black, and draw a "rectangle" 60x150px. See the picture below.



Step 2

While the "rectangle" is still selected, press F8 key (or select Modify > Convert to Symbol ) to convert this "rectangle" into a Movie Clip Symbol. See the picture below.



Step 3

Create a new layer below the original content layer. Click the Insert Layer icon in the Timeline (or choose Insert > Timeline > Layer from the application menu). Drag the new layer to reorder it below the original layer in the layer stack.



Step 4

Click on the first frame of layer 1 and press Ctrl+C key (Copy). After that, click on the first frame of layer 2 and press Ctrl+Shift+V key (Paste in Place).

Step 5

Lock the original content layer.

Step 6

Select the duplicate "rectangle" on the lower layer and use the Transform panel to apply a Horizontal stretch and skew. I set the horizontal scale to 120 percent and the horizontal skew to -45 degrees. See the picture below.



After that, set the duplicate "rectangle" which will represent a realistic shadow on the position like it is shown on the picture below.



Step 7


While the duplicate "rectangle" is still selected, select the Filters tab on the left side. Then, click on plus icon, choose Drop Shadow and set the options like it is shown on the picture below.



Now you have this:



We're done!

Bye!

Have questions about this tutorial?
Visit our friendly Community Forums!
Digg it! Add this tutorial to del.icio.us! Furl it! Add this tutorial to reddit! Spurl it! Add this tutorial to technorati!

Top tutorials

1. Advanced full flash site - Part 1
Total views: 296266

2. High-tech city animation
Total views: 246960

3. Water effect
Total views: 226773

4. Photo slide show
Total views: 209138

5. Special Picture Effect
Total views: 184711



Related links