交互动画入门.docVIP

交互动画入门 1、掌握按钮制作技巧（基础） 2、了解动作脚本入门及控制影片方法（提高） 3、学会几个常用动作函数（基础） 教学重点：掌握按钮制作技巧和几个常用动作函数 教学难点：几个常用动作函数 教学方法：讲解、演示 教学手段：多媒体辅助教学 教学课时：3课时 教学过程： 一、交互动画的概念 能够产生画面跳转变化或者执行相应的程序，来控制这个对象的移动、变色、变形等一些特等任务的动画。 二、交互动画的组成 事件、动作 事件是触发动作的信号，动作是事件的结果。 三、按钮的制作（重点） 自制按钮 [插入]/[新建元件]/[按钮] ②公用库中的按钮 [窗口]/[其他面板]/[公用库]/[相应按钮] 四、常用动作函数 （1）Stop():用来控制动画的与帧停止 （2）Play():用来控制动画的播放 （3）GotoAndPlay():用来控制动画中场景和帧的跳转 小结： （1）按钮的制作 （2）常用动作函数 上机实习： 一、自制播放与暂停按钮 二、用公用库中的按钮制作播放与暂停 三、制作一简单的文字移动动画，并使用上面的按钮及stop()和Play()代码控制动画的播放与停止。 四、制作多个场景（大余2个），并用按钮及GotoAndPlay命令实现场景之间的跳转。 小记 实践训练一 探照灯效果 1）选择菜单File－New，创建一个新电影。2）选择工具栏中的矩形工具，将矩形工具栏中的填充颜色设置成灰色直线渐变色，其中浅蓝色的RGB值为：（40，52，140），深蓝色的RGB值为：（15，15，60）。 3）选择工具栏中的油漆桶工具，同时按下参数栏中的按钮，移动鼠标并点击工作区中的矩形图片，这时矩形的左边，右边将出现两条竖线。 4）选择工具栏中的文字工具，将文字工具参数栏中字体类型设置成“Arial Black”，字体大小设置为42。 5）用鼠标右键点击等时线窗口中Layer1图层的第30帧，在弹出的菜单中选择Insert Frame， 6）点击等时线窗口左下角的增加图层按钮，这时在Layer1的上方增加了一个新图层Layer2。 7）选择工具栏中的矩形工具，将矩形工具参数栏中的填充颜色设置成由白色到浅紫色的直线渐变，在工作区中绘制一个与工作区一样大小的矩形。 8）象第三步一样，使矩形区域中的填充颜色变成从上到下的渐变。 9）点击Layer2上位于图层名称栏中“眼睛”图标下方的小圆点 10）选中工作区Layer1图层中的蓝灰色文字 11）用鼠标单击工具栏中的箭头工具，双击刚复制的文字并将它全部选中，然后将文字工具参数栏中的蓝灰色改为桔黄色。选择箭头工具，按住键盘上的Shift+Alt键，稍向右拖动桔黄色文字，复制出新的文字。12）用箭头工具双击刚复制的文字，并将它全部选中，然后将文字工具参数栏中的桔黄色改为黑色。 实践训练二 一个简单的计时器 1）选择菜单File－New，创建一个新电影。 2）选择工具栏中的文字工具，在文字工具参数栏中选择字体大小为48，颜色为黑色，并点击“Text Field”按钮。3）在工作区中点击鼠标，出现一文本输入框。点击工具栏中的箭头按钮，选中并用鼠标右键单击文本输入框，在弹出的菜单中选择Properties项， 4）在第12帧处插入一个关键帧，并用鼠标双击该帧，弹出该帧属性对话框，切换到Action选项卡，点击“+”按钮，弹出一下拉菜单，点击“If”项，在“If”语句的“Condition”域中输入“x=19”。再次点击“+”按钮，弹出一下拉菜单，点击“Set Variable”项，分别在“Variable”域和“Value”域中输入变量“X”及表达式“X+1”。 重新选择“If”语句，点击“Add Else/Else If clause”按钮，这时您将看到左边程序栏中增加了一条“Else”语句。选择“Else”语句，点击“+”按钮，在弹出的菜单中选择“Set Variable”项，再在“Variable”域和“Value”域中输入变量“X”及表达式“1”。 5）选择菜单Contrl－Test Movie，即可看到计时器的效果。 实践训练三 文字在运动中改变颜色以及淡入淡出 （１）文字在运动中改变颜色 一、新建一Ｆlash文档，背景色为白色。 二、［文件］／［导入］／从外界导入一张图片作为背景层。 三、再新建一图层，在图层二上做一个文字移动的动画，文字从舞台工作区的左边移动到右边。 四、将图层二设置为遮罩层 （２）文字的淡入淡出 新建一Ｆlash文档，背景色为黑色。 二、用矩形工具拖动出一个和舞台工作区一样大小的图形，并用混色器使其产生从黑到白再到黑的渐变。 三、新建图层二，在图层二上做一个文字移动动画，文字从舞台工作区的下面移动到舞台工作区的上面。 四、将图层二设置为遮罩层。 1 第