项目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语句，一定要注意固定的格式，建议初学者使用“脚本助手”显示模式。鼠标的事件有多种，针对不同的操作，建议初学者进行实际操作尝试后仔细体会其不同的特点，以加深印象。,教学过程,扩展尝试如果引导层动画放在影片剪辑中偶不敢，场景中的按钮如何控制呢？先给影片剪辑实例起名，然后在想要函数前添加实例名。,课后练习,Are you ready?,课后目标评价,通过本章节的学习，学生应基本掌握AS2的基本语法与格式要求，能应用AS2的函数制作一些基本交互功能的动画，有能力的同学能深入学习AS2，制作一些特效动画。,谢谢大家,
