flash秒表动画的设计与制作.pdf

flash 秒表动画的设计与制作 2 Flash 秒表动画的设计与制作 平山县回舍中学 郜兵山 秒表功能 单击秒表上端按钮，秒表开始计时；再次单击秒表按钮，秒表停止计时；第三次单击秒表按钮，秒表回零。上述过程可以重复执行。制作环境 Macromedia Flash8，Windows XP 运行环境 Windows XP 功能实现：1、创建用户界面 1.1 新建 Flash 文档 执行“开始”“所有程序”“Macromedia”“Macromedia Flash8”命令，打开 Macromedia Flash8 程序窗口，同时弹出如下图所示的对话框。在该对话框中，选择“创建新项目”中的“Flash 文档”一项，新建一个 Flash文档。1.2 保存文档 执行“文件”“保存（S）”命令，打开“另存为”对话框，如下图所示。在“另存为”对话框中，选择文件保存的位置，如“秒表”文件夹，输入 3 4 5 将鼠标指针指向注册点位置，按下鼠标左键，拖动鼠标，将注册点拖动到图形下边框中间的控点位置。按键盘上的方向键，移动图形至使图形注册点与编辑界面的中心重合，完成后的效果如下图所示。2、2 创建“分针”、“秒针”元件 创建分针、秒针元件与创建时针元件的方法大致相同，所不同之处，只是图形的高度、宽度与颜色有所不同。分针、秒针元件做好后的效果如下图所示。2.3、创建“表面”元件 分 针秒 针1、字形状 的 标记“+”为 编 辑2、中间的小白点，为该3、四个边上的八个小方块，为图形 6 2.3.1 确定元件名称和类型 执行“插入”“新建元件”命令，弹出“创建新元件”对话框如下图所示。在“创建新元件”对话框中，将元件名称改为“表面”，在行为选项中，选中“图形”选项，最后，单击“确定”按钮，进入元件的编辑界面。2.3.2 制作“表面”元件的表面 选中“椭圆工具”，并设置其属性如下：笔触颜色为黑色，填充颜色：放射状。按下 Shift 键的同时,按下鼠标左键,在“表面”元件的编辑界面给制出一个圆。如下图所示。选中“任意变形”工具，然后，用鼠标左键单击绘制作的圆，这时圆中出现控点。利用键盘方向键，移动圆，使它的注册点与编辑界面的中心点“+”重合。2.3.3 制作“表面”元件的刻度 2.3.3.1 新建刻度图层 新插入一个图层，并将该图层重新命名为：刻度 2.3.3.2 设置直线工具属性 7 选中“直线工具”，在属性面板中设置直线的属性为：笔触高度为 1.5、笔触颜色为红色。2.3.3.3 制作刻度 按下 SHIFT 键的同时，在舞台上的“+”位置开始，沿垂直方向画一条直线段；选中“任意变形”工具，然后，用鼠标左键单击该直线段，使该直线段四周出现控点；用鼠标左键移动注册点至直线段的下端；用键盘上的方向键，移动直线段，使它的注册点刚好与界面中心点“+”重合。选中直线段，执行“窗口”“变形”命令，弹出“变形”对话框。在“变形”对话框中，选中“约束”和“旋转”选项，并设置旋转角度为 6度，然后单击对话框中的“复制并应用变形”按钮 60 次得到下图所示效果。在工具箱中选中“橡皮”工具，在拷贝出的每条直线段上，将多余的部分擦除，得到表面上的时间刻度，如下图所示。这 个 按 钮为“复制并 8 新插入数字图层。选中工具箱中的文本工具，在“表面”的编辑场景中，依次建立“1”、“2”、“3”、“4、”“5”、“6”、“7”、“8”、“9”、“10”、“11”、“12”静态文本。调整十二个静态文本位置、方向，调整后的效果如下图所示。2.4 创建“按钮图形”元件 2.4.1 确定元件名称和类型 执行“插入”“新建元件”命令，弹出“新建元件”对话框，在此对话框中的“类型”选项中，选择“图形”选项，名称后面文本框中，输入“按钮图形”最后，单击“确定”按钮，进入“按钮”元件的编辑界面。2.4.2 制作“按钮图形”在工具箱中选中矩形工具，打开属性面板，设置矩形的笔触颜色为无色，填充颜色为黑色，在场景中拖动鼠标，画出下图所示的矩形。9 在工具箱中选中直线工具，设置笔触高度为 5，笔触颜色为白色，在矩形上，沿竖直方向拖动鼠标，在矩形上画出一些白线条。如下图所示。新插入一个图层，在工具箱中选中椭圆工具，设置椭圆工具的属性为填充色为无色，笔触颜色为黑色；然后在场景中拖动出一个椭圆。选中新插入的图层，按下鼠标左键，将其拖动至最一层。拖动该图层后的效果如下图所示。2.5 创建按钮元件 2.5.1 确定按钮元件类型及名称 执行“插入”“新建元件”命令，打开“创建新元件”对话框，在此对话框的“类型”选项中选择“按钮”，名称后面的文本框中输入“按钮”，单击“确定”按钮，进入按钮的编辑场景。2.5.2 编辑按钮元件 2.5.2.1 打开库面板 执行“窗口”“库”命令，打开库面板。2.5.2.2 编辑按钮元件 将库面板中的按钮图形元件拖放到舞台，并保证它被选中。单击“任意变形”工具，按钮图形四周出现控点；移动注册点至下边框中间控点的位置；移动图形，使控点与编辑界面的中心重合；选中“按下帧”，向下拖动按钮图形上边框的控点，使图形的高度变小。用鼠标按下按钮时的效果如下图所示。10 3、创建主动画 3.1 编辑“表面”图层 返回场景 1，将库面板中的“表面”元件拖放到舞台并调整好位置及大小，选中时间轴面板的图层 1，并将其重命名为“表面”。3.2 编辑时针图层 新插入一个图层，并将该图层重新命名为“时针”。将“时针”元件由库面板拖放到舞台，调整时针位置，使其注册点分别正好对准表面的中心；选中时针，在属性面板中，设置时针实例名为 h。3.3 编辑“分针”、“秒针”图层 用同样的方法，分别新建“分针”、“秒针”图层，分针、秒针实例的名称分别设置为 m、s。3.4 编辑“按钮”图层 新建按钮图层，将库面板中的“按钮”元件拖放到舞台，调整其大小和位置。将表面、时针、分针、秒针、按钮元件拖放到舞台上，适当调整其大小和位置后的效果如下图所示。3.5、编辑脚本图层 11 新建一个图层，并将其重命名为“脚本”，选中该图层的第一帧，打开动作面板，添加如下动作脚本：var x=0;y=0;z=0;n=0;h._rotation=0;m._rotation=0;s._rotation=0;stop();在该图层的第 2 帧插入空白关键帧。在该图层的第 13 帧插入关键帧，打开动作面板，在动作面板中添加如下动作脚本：x=x+1;If(x=60)x=0;y=y+1;If(y=60)y=0;z=z+1;h._rotation=z*30+y*0.5+x*1/120;m._rotation=y*6+x*0.1;12 s._rotation=x*6;Gotoandply(2)。3.6 编辑“按钮”脚本 选中按钮，打开动作面板，添加如下动作脚本：On(release)If(n=0)play();n=1;else If(n=1)stop();n=2;else Gotoandply(1);分别将主场景中的“表面”、“时针”、“分针”、“秒针”、“按钮”图层延长到第 13 帧。至此，这个 Flash 秒表动画就完成了。4、动画测试 按下“Ctrl+Enter”键或执行“控制”“测试影片”命令，测试影片，测试效果如下图所示 13 用鼠标左键第一次单击按钮，表针开始走动，效果如下图所示。第二次用鼠标左键单击按钮，秒表的时针、分针、秒针停止走动。第三次用鼠标左键单击按钮，秒表的时针、分针、秒针归零，效果如下图所示。上面所做的 Flash 文件，只有在 Flash 环境下，才能运行，为使该文件在脱执行“测试影片”命令后的 14 离 Flash 环境时，也能够运行，可采用发布设置的方法，将其发布为可执行文件。具体方法如下：1、执行“文件”“发布设置”命令，打开发布设置对话框，如下图所示。2、在发布设置对话框中，选择发布类型为“Windows 放映文件（.exe）”，单击该项后面的“选择发布目标”按钮，打开“选择发布目标”对话框，如下图所示。3、在“选择发布目标”对话框中，选择文件的保存位置，如“桌面”，输入文件名，如“Flash 秒表”后，单击“保存”按钮，便开始执行发布命令，在指定位置生成可执行文件：Flash 秒表.exe