图1

1． 在file菜单中点击new命令，打开composition settings对话框，设置如图2所示。

图2

2． 按ok（确定）按钮，此时得到一个宽度为400，高度为400的新文档。

3． 在工具箱中选择圆角矩形工具 ，拖出如图3所示的一个长条。

图3

4． 保持对长条的选择。执行“window | styles”命令，以显示styles（样式）调色板。在styles（样式）调色板中，选择图4所示的样式，双击鼠标左键以应用该样式。

图4

5． 在工具箱中选择多边形工具 ，设置前景色为绿色，然后执行“window | properties”命令，以显示properties（属性）调色板。在properties（属性）调色板中，设置“sides”的值为3，用多边形工具在图中画出如图5所示的三角型。

图5

6． 将三角型顺时针方向旋转90度角，并将其放置在长条按钮上，结果如图6所示。

图6

7． 在工具箱中选择矩形工具 ，画出如图7所示的矩形。

图7

8．在工具箱中选择圆角矩形工具 ，并设前景色为灰色，在刚才绘制的矩形上方画一个圆角矩形，如图8所示。

图8

9．保持选择上一步所绘制的圆角矩形，然后执行“window | rollovers”命令，以打开rollovers（轮替）调色板。在rollovers（轮替）调色板中，按下方的新建图标，建立状态：over，如图9所示。

图9

10．保持在“over”状态，然后执行“window | color”命令，并设置颜色为rgb（255，199，0）。这时，可以从图10中看到圆角矩形在over状态下的变化。

图10

11．按住shift+alt组合键，并用鼠标拖动圆角矩形，以复制出四个副本，用来充当菜单选项的按钮，如图11所示。

图11

12．接下来为这些按钮加上文字。在工具箱中选择文字工具 ，在第一个按钮中间单击鼠标左键，这时会打开type tool对话框，文字的各项设置如图12所示。

图12

13．重复上一步的操作，依次为五个按钮加上文字：news、game、finance、bbs、chat，结图13所示。

图13

14．选择绿色矩形、按钮、文字，然后按ctrl+g组合键将它们群组起来。如图14所示。

图14

15．按ctrl+t组合键打开timeline（时间线）窗口。为了便于日后修改，可以将对象的名称由英文改成中文，方法是：在timeline（时间线）窗口中选中要修改的对象名称，然后按回车键，这时会打开name（名称）对话框，在输入框中输入有意义的中文即可。本例中，将几个对象改成如图15所 示的中文名称。

图15

16．拖动时间轴下面的滑块到02s处，设置动画的总长度为2秒。

图16

17．将名称为“菜单下拉选项”的对象的起始时间拖到第二帧，如图17所示。目的就是使其在播放动画第一帧时不出现在画面。

图17

18．拖动当前时间滑块到00s处，也就是动画开始的第一帧处，接下来将会为这一帧添加标识和行为。单击行为按钮 建立行为，在打开的edit behaviors（编辑行为）对话框中，设置“label”为“开始”，然后在行为列表中选择“stop”行为，目标选择“composition”，如图18所示。

图18

19．单击“ok”按钮后，此时timeline（时间线）窗口的显示如图19所示。这样，当画播放在第一帧的时候，执行了“stop”行为，就不再往下播放。

图19

20．回到按钮中，选择第一步所建立的矩形长条，然后执行“window | rollovers”命令，使rollovers（轮替）调色板显示。选择down状态，如图20所示。

图20

21．单击rollovers（轮替）调色板下方的行为按钮，在打开的edit behaviors（编辑行为）对话框中，在行为列表中选择“go to label”行为，目标选择“composition”。接下来再添加“play”行为，目标选择“composition”。如图21所示。至此，本例已完成，可以执行“file | preview in | internet explorer”命令，在浏览器中预览动画效果。

图21

源文件下载