flash秒表动画的设计与制作

1、百度文库-让每个人平等地提升自我Fl ash秒表动画的设计与制作平山县回舍中学部兵山秒表功能单击秒表上端按钮，秒表开始计时；再次单击秒表按钮，秒表停 止计时；第三次单击秒表按钮，秒表回零。上述过程可以重复执行。制作环境 Macromedia Flash8 , Windows XP运行环境W i ndows XP功能实现：1、创建用户界面新建Fl ash文档执行"开始"一'所有程序""Macromedia" - "Macromedia Flash8"命 令，打开Macromedia Flash8程序窗口，同时弹出如下图

2、所示的对话框。A FLASH,Professional $33083“心分mar力 jtiff. FlXiiXlS旬ggw工件 a必Firth JmS 文片n彳人筮质重J M«tt CtWlTAtt口广口 B4*a3 0a M.现r* *Mnr«Kto，Mreo9w e才it t# >u«i14在该对话框中，选择创建新项目中的"Flash文档”一项,新建一个Flash 文档。保存文档执行"文件"-"保存（s y命令，打开"另存为"对话框，如下图所示。在"另存为"对话框中，选择文件

3、保存的位置，如"秒表"文件夹，输入要 保存的文件名，如"Flash秒表.面后，单击"保存"按钮，保存文件。设置文档属性在Flash程序窗口中,查看属性面板是否打开，若打开的话,可以直接进行 文档属性设置的操作；若属性面板没有打开的话，则执行"窗口" 一 "属性"命 令，打开属性面板。属性面板如下图所示。在属性面板中，单击"大小"后面的"文档属性"按钮，打开文档属忸寸话 框,如下图所示。在“文档属性"对话框中，对文档的标题，描述，尺寸按下面表格要求进行设置，

4、设置完成之后，单击“确定"按钮。属性属性值文档标FLASH秒表题描述利用FLASH秒表，可以用来计时， 使用方法如下：第一次单击秒表按钮， 计时开始；第二次单击秒表按钮，计时 停止；第二次单击秒表按钮，秒表指针 回零。上述过程可以重复执行。尺寸宽：300px、局：300px背景白色 #FFFFFF帧频12fps标尺单位像素2、创建元件创建“时针”元件2.1.1 确定元件名称及类型插入 一 新建元件命令，打开创建新元件对话框，如下图所示。在创建新元件对话框中，将元件名称改为时针，在类型选项中 选中"影片剪辑"选项，单击“确定"按钮，进入“时针”元件的编辑界

5、面。2.1.2 制作“时针”元件分别选择“矩形工具"和"椭圆工具"，在属性面板中,设置矩形和椭圆的填充色均为黑色，笔触颜色均为无色；在时针元件的编辑界面，拖动鼠标画出两 个矩形和一个椭圆；用选择工具调整矩形和椭圆的形状和大小及位置，调整 后的效果如下图所示。选中做好的图形，选择任意变形工具，图形出现控点，如下图所示。将鼠标指针指向注册点位置，按下鼠标左键，拖动鼠标，将注册点拖动到图 形下边框中间的控点位置。按键盘上的方向键，移动图形至使图形注册点与编辑 界面的中心重合，完成后的效果如下图所示。2、2创建“分针”、“秒针”元件创建分针、秒针元件与创建时针元件的方法大

6、致相同，所不同之处,只是图 形的高度、宽度与颜色有所不同。分针、秒针元件做好后的效果如下图所示。、创建“表面”元件2. 3.1确定元件名称和类型执行"插入"一"新建元件"命令，弹出"创建新元件”对话框如下图所示。在”创建新元件“对话框中，将元件名称改为“表面"，在行为选项中，选 中"图形"选项，最后，单击“确定"按钮，进入元件的编辑界面。2. 3. 2制作“表面”元件的表面选中"椭圆工具，并设置其属性如下：笔触颜色为黑色，填充颜色：放射 状。按下Shift键的同时,按下鼠标左键，在"表

7、面"元件的编辑界面给制出一个圆。如下图所示。选中"任意变形"工具，然后，用鼠标左键单击绘制作的圆，这时圆中出现 控点。利用键盘方向键，移动圆，使它的注册点与编辑界面的中心点重合。2. 3. 3制作“表面”元件的刻度2. 3. 3.1新建刻度图层新插入一个图层，并将该图层重新命名为：刻度2. 3. 3. 2设置直线工具属性选中“直线工具"，在属性面板中设置直线的属性为：笔触高度为、笔触颜 色为红色。2. 3. 3. 3制作刻度按下SHIFT键的同时，在舞台上的位置开始，沿垂直方向画一条直线 段；选中"任意变形"工具，然后，用鼠标左键单击

8、该直线段，使该直线段四周 出现控点；用鼠标左键移动注册点至直线段的下端；用键盘上的方向键,移动直 线段，使它的注册点刚好与界面中心点重合。选中直线段，执行"窗口" 一 "变形"命令，弹出"变形"对话框。在“变形"对话框中，选中"约束"和"旋转”选项,并设置旋转角度为6 度，然后单击对话框中的"复制并应用变形"按钮60次得到下图所示效果。在工具箱中选中“橡皮”工具,在拷贝出的每条直线段上，将多余的部分擦 除，得到表面上的时间刻度，如下图所示。新插入数字图层。选中工具箱中的文本工

9、具，在"表面”的编辑场景中，依次建立 T、"2"、"3"、"4、" "5"、"6"、"7"、"8"、"9"、"10"、Tl"、T2"静态文本。调整十二个静态文本位置、方向，调整后的效果如下图所示。创建“按钮图形”元件2.4.1确定元件名称和类型执行"插入"一"新建元件"命令，弹出"新建元件"对话框，在此对话框 中的“类型&quo

10、t;选项中，选择"图形"选项,名称后面文本框中,输入“按钮图形" 最后，单击“确定"按钮，进入"按钮"元件的编辑界面。2.4. 2制作“按钮图形”在工具箱中选中矩形工具，打开属性面板，设置矩形的笔触颜色为无色，填 充颜色为黑色，在场景中拖动鼠标，画出下图所示的矩形。在工具箱中选中直线工具，设置笔触高度为5 ,笔触颜色为白色，在矩形上, 沿竖直方向拖动鼠标，在矩形上画出一些白线条。如下图所示。新插入一个图层，在工具箱中选中椭圆工具,设置椭圆工具的属性为填充色 为无色，笔触颜色为黑色；然后在场景中拖动出一个椭圆。选中新插入的图层, 按下鼠

11、标左键，将其拖动至最一层。拖动该图层后的效果如下图所示。创建按钮元件2. 5.1确定按钮元件类型及名称执行"插入"一"新建元件"命令，打开"创建新元件”对话框，在此对话 框的“类型"选项中选择“按钮"，名称后面的文本框中输入"按钮"，单击"确 定"按钮，进入按钮的编辑场景。2. 5. 2编辑按钮元件2. 5. 2.1打开库面板执行"窗口" 一 "库"命令，打开库面板。2. 5. 2. 2编辑按钮元件将库面板中的按钮图形元件拖放到舞台，并保证它被选

12、中。单击"任意变形" 工具，按钮图形四周出现控点；移动注册点至下边框中间控点的位置；移动图形, 使控点与编辑界面的中心重合；选中"按下帧"，向下拖动按钮图形上边框的控 点，使图形的高度变小。用鼠标按下按钮时的效果如下图所示。3、创建主动画编辑“表面”图层返回场景1,将库面板中的“表面"元件拖放到舞台并调整好位置及大小，选中时间轴面板的图层1,并将其重命名为"表面编辑时针图层新插入一个图层，并将该图层重新命名为“时针"。将"时针"元件由库面 板拖放到舞台，调整时针位置，使其注册点分别正好对准表面的中心；选中

13、时针, 在属性面板中，设置时针实例名为ho编辑“分针”、“秒针”图层用同样的方法，分别新建"分针"、"秒针"图层，分针、秒针实例的名称分 别设置为m、So编辑“按钮”图层新建按钮图层，将库面板中的“按钮"元件拖放到舞台，调整其大小和位置。将表面、时针、分针、秒针、按钮元件拖放到舞台上，适当调整其大小和位 置后的效果如下图所示。、编辑脚本图层新建一个图层，并将其重命名为"脚本"，选中该图层的第一帧，打开动作面板，添加如下动作脚本：var x = 0;y = 0；2 = 0；n=0;=0；二0；二0；stop。；在该图层的第2帧

14、插入空白关键帧。在该图层的第13帧插入关键帧,打开 动作面板，在动作面板中添加如下动作脚本：X = x+1;If(x=60) x = 0;尸 y+l;If (y = 60) y = 0;2 = Z+1；=z*30+y*+x*l/120;=y*6+x*;=x*6;Gotc)andply(2)o编辑“按钮”脚本选中按钮，打开动作面板，添加如下动作脚本：On (release) If (n = 0) play。；n= 1; else If (n 二二 1) stop。；n = 2; eke G()toandply(l);分别将主场景中的"表面"、"时针"、&q

15、uot;分针"、"秒针"、"按钮"图层延长到 第13帧。至此，这个Flash秒表动画就完成了。4、动画测试按下"CH+Entcr"键或执行"控制"一"测试影甲命令，测试影片，测 试效果如下图所示执行“测试影片”命令后的 效果。用鼠标左键第一次单击按钮，表针开始走动，效果如下图所示。第二次用鼠标左键单击按钮，秒表的时针、分针、秒针停止走动。第三次用鼠标左键单击按钮，秒表的时针、分针、秒针归零，效果如下图所上面所做的Flash文件,只有在Flash环境下，才能运行，为使该文件在脱 离Flash环境时，也能够运行，可采用发布设置的方法，将其发布为可执行文件。 具体方法如下：1、执行"文件"一"发布设置"命令，打开发布设置对话框，如下图所示。UTH lu + m。芟大Flesh (八。9»OWL llttl) QJ)口m师？ U响JKG ©0 C”d(D口所也很，小依“文件C t.j (R)的黑工停电JIQuIcJcTsb* (“1 RXff：丰mf 米G右l MU 素电刍T 61f 未由古t j?e 东除gi r 耒ag-i % 女小