项目9ActionScript任务2飞落的水泡.ppt

项目9：ActionScript 2.0 任务2：飞落的水泡,Flash动画设计与制作,教学目标,知识目标： 了解AS2的基本语法。 了解AS2的常用函数与格式要求。 了解不同对象使用AS2的区别。 能力目标： 能熟练应用AS2制作简单交互功能的动画。 能熟练应用AS2制作一些常见的特效动画。 能应用AS2制作一些特殊效果的动画。 素质目标： 培养学生的交流合作能力。 培养学生解决问题、自我学习、信息处理的能力。 挖掘学生潜在创造力。,知识点,AS2的基本语法格式与要求。 不同对象应用AS2的格式与区别。,重点技能,能制作简单的具有交互功能的动画。 能熟练应用AS2制作一些特效动画。,课堂练习,任务2：飞落的水泡 拓展练习： 练习2：幸福测试,教学过程,效果描述 用鼠标点击下方的两个按钮，分别控制各色水泡的飞落和停止，动画效果如图所示。,教学过程,设计思路 制作影片剪辑元件“水泡”。 制作按钮元件“控制”。 在场景舞台中制作水泡飞落的一道线效果。 在场精舞台中利用按钮控制影片的播放与停止。,教学过程,1.1制作步骤1.1新建空白文档，修改舞台的“大小”为“500360像素”，其余采用默认设置。 1.2在时间轴面板，将默认的图层1改为“背景“。 1.3执行菜单栏上的“文件导入导入到舞台“命令，打开”导入“对话框，将需要的图片素材导入到当前场景舞台中。 1.4选中舞台中的图片实例，在下方的“属性“面板中修改实例的尺寸，如图9-20 制作影片剪辑元件“水泡”。,教学过程,2.1执行菜单栏上的“插入新建元件”命令，或使用快捷键“ctrl+f8”打开“创建新元件”对话框。 2.2输入元件名称为“水泡”，然后选择元件内行为“影片剪辑”，最后单击“确定”按钮，进入元件编辑界面。 2.3单击工具箱中的“随缘工具”，然后在“颜色”面板中调制填充颜色，如图9-21所示 2.4在舞台中央，绘制一个如图9-22所示的水泡形状，注意表面高光效果。 2.5单击左上角的“场景1”按钮，返回场景。,教学过程,Step3制作按钮元件“控制” 3.1执行菜单上的“插入新建元件”命令，或使用快捷键“ctrl+f8”，打开“创建新元件”对话框。 3.2输入元件名称为“控制”，然后选择元件类型为“按钮”，最后单击“确定”按钮，进入元件编辑界面。 3.3按下快捷键“ctel+l”打开“库”面板，将影片剪辑元件“水泡“拖入到舞台中。 3.4在“指南经过“帧按下”f6“，插入关键帧，并给舞台中的实例对象添加滤镜效果，如图9-23所示 3.5在“按下”帧出按下“f6”，插入关键帧，并给舞台中的实例对象添加滤镜效果，如图9-24所示 3.6在“点击”帧处按下“f5“键，插入帧。 3.7单击左上角“场景1“按钮”返回场景。 3.8此时，“库”面板如图9-25所示。,教学过程,Step4 创建引导层动画 4.1在时间轴面板，单击“插入图层”按钮，增加一个新图层，改名为“水泡”。 4.2单击“添加运动引导层”按钮，在“水泡”图层上方添加一个运动引导层“引导层：水泡”。 43选中“水泡”图层，然后单击“插入图层”按钮两次，增加两个图层，都命名为“水泡”，如图9-26所示。 4.4单击运动引导层的第1帧，利用“工具箱”中的“铅笔工具，分别绘制三条从上往下的不同曲线。 4.5从“库”面板将影片剪辑元件“水泡”分别拖入到三个“水泡”图层的第1帧，并分别给三个实例对象添加滤镜效果，变成不同的颜色。 4.6依次将三个“水泡”图层的对象分别于引导层中的三条曲线一一对应，如图9-27所示 4.7分别在“引导层”“背景”图层的第40帧除按下“f5”键，插入帧。 4.8分别在三个“水泡”图层的第40帧处按下“f6”键，插入关键桢。 4.9在舞台中分别选中“水泡”图层的第410帧的对象实例，将其与对应的引导线的终点重合，并在下方“属性”面板中设置其“alpha”值为 “0%”，如图9-28所示。 4.10依次选“水泡”图层的第1帧，在下方的“属性”面板中设置“补间”为“动画”，时间轴面板如图9-29所示。 4.11执行菜单栏上的“控制测试影片”命令，测试引导线动画效果。,教学过程,Step5应用按钮元件 5.1在时间轴面板，单击鼠标选中引导层，然后单击“插入图层”按钮，增加一个新图层，改名为“控制”。 5.2从“库”面板中将按钮元件“控制”拖入到该图层两次，并分别添加滤镜效果，修改颜色。 5.3使用工具箱中的“文本工具”，在按钮上方给两个按钮添加说明效果文字，如图9-30所示。 5.4在舞台中单击选中绿色的按钮元件实例，按下“F9”键，打开“动作-按钮”面板。 5.5在“动作-按钮”面板，依次单击“全局函数时间轴控制”，在双击“PLAY”，效果如图9-31所示。 5.6在舞台中选中粉红色的按钮元件实例，按下“F9”键，打开“动作-按钮”面板。 5.7在“动作-按钮”面板中，依次单击“全局函数时间轴控制”，在双击“STOP”，效果如图9-32所示。,教学过程,Step6保存文件 6.1执行菜单栏上的“文件保存”命令，或使用快捷键“Ctrl+S”，保存文件。 6.2执行菜单栏上的“控制测试影片”命令，或使用快捷键“Ctrl+Enter”，可以导出并观看动画效果。,教学过程,注意事项 本例主要讲解按钮的简单交互功能，利用按钮来控制影片的播放与停止。 给按钮添加ActionScript语句，一定要注意固定的格式，建议初学者使用“脚本助手”显示模式。 鼠标的事件有多种，针对不同的操作，建议初学者进行实际操作尝试后仔细体会其不同的特点，以加深印象。,教学过程,扩展尝试 如果引导层动画放在影片剪辑中偶不敢，场景中的按钮如何控制呢？先给影片剪辑实例起名，然