| 1 |
In Fireworks, open the clock_wings.png file from the Lessons folder. This file contains a bitmap object and two vector objects, all with a drop shadow effect. |
| 2 |
Click the Preview tab to check the file size and see the transparency of the objects. |
| 3 |
Choose Window > Optimize and change the export file format to PNG 8 with Alpha Transparency. Notice the images are still transparent, but the file size is much smaller: 16k as compared to 49k.
 |
| 4 |
Choose File > Export. |
| 5 |
Select Images Only from the Save As Type (Windows) or Save As (Macintosh) pop-up menu. Name the file clock_wings_8.png, and then click Save. |
| 6 |
In Flash, open the time_start.fla file from the Lessons folder. |
| 7 |
Select the first frame of the wings layer and then choose File > Import. |
| 8 |
Locate the PNG file you just created (clock_wings_8.png), click Add, and then click Import. |
| 9 |
In the PNG Import settings dialog box, select Flatten Image to maintain the bitmap appearance of the image, and click OK.
 |
| 10 |
Choose Insert > Convert to Symbol. |
| 11 |
In the Symbol Properties dialog box, type clock for the name of the symbol and select Graphic for the Behavior. Click OK. |
| 12 |
Move the clock to the lower right of the stage for the start of the animation. |
| 13 |
Select frame 50 in the wings layer and then choose Insert > Keyframe. |
| 14 |
Click in the timeline between the two keyframes and then choose Insert > Create Motion Tween. |
| 15 |
Select the keyframe in frame 50 and move the clock to the top left of the stage.
|
| 16 |
Choose Control > Play to watch the animation. Notice the drop shadow on the clock as it passes over the text. |
 |
|
