1 / 18

项目 9 ： ActionScript 2.0 任务 2 ：飞落的水泡

Flash 动画设计与制作. 项目 9 ： ActionScript 2.0 任务 2 ：飞落的水泡. 教学目标. 知识目标 ： 了解 AS2 的基本语法。 了解 AS2 的常用函数与格式要求。 了解不同对象使用 AS2 的区别。 能力目标 ： 能熟练应用 AS2 制作简单交互功能的动画。 能熟练应用 AS2 制作一些常见的特效动画。 能应用 AS2 制作一些特殊效果的动画。 素质目标： 培养学生的交流合作能力。 培养学生解决问题、自我学习、信息处理的能力。 挖掘学生潜在创造力。. 知识点. AS2 的基本语法格式与要求。

taji
Download Presentation

项目 9 ： ActionScript 2.0 任务 2 ：飞落的水泡

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Flash动画设计与制作 项目9：ActionScript 2.0任务2：飞落的水泡

  2. 教学目标 • 知识目标： • 了解AS2的基本语法。 • 了解AS2的常用函数与格式要求。 • 了解不同对象使用AS2的区别。 • 能力目标： • 能熟练应用AS2制作简单交互功能的动画。 • 能熟练应用AS2制作一些常见的特效动画。 • 能应用AS2制作一些特殊效果的动画。 • 素质目标： • 培养学生的交流合作能力。 • 培养学生解决问题、自我学习、信息处理的能力。 • 挖掘学生潜在创造力。

  3. 知识点 • AS2的基本语法格式与要求。 • 不同对象应用AS2的格式与区别。

  4. 重点技能 • 能制作简单的具有交互功能的动画。 • 能熟练应用AS2制作一些特效动画。

  5. 课堂练习 • 任务2：飞落的水泡 • 拓展练习： 练习2：幸福测试

  6. 教学过程 • 效果描述 • 用鼠标点击下方的两个按钮，分别控制各色水泡的飞落和停止，动画效果如图所示。

  7. 教学过程 • 设计思路 • 制作影片剪辑元件“水泡”。 • 制作按钮元件“控制”。 • 在场景舞台中制作水泡飞落的一道线效果。 • 在场精舞台中利用按钮控制影片的播放与停止。

  8. 教学过程 • 1.1制作步骤1.1新建空白文档，修改舞台的“大小”为“500×360像素”，其余采用默认设置。 • 1.2在时间轴面板，将默认的图层1改为“背景“。 • 1.3执行菜单栏上的“文件→导入→导入到舞台“命令，打开”导入“对话框，将需要的图片素材导入到当前场景舞台中。 • 1.4选中舞台中的图片实例，在下方的“属性“面板中修改实例的尺寸，如图9-20 • 制作影片剪辑元件“水泡”。

  9. 教学过程 • 2.1执行菜单栏上的“插入→新建元件”命令，或使用快捷键“ctrl+f8”打开“创建新元件”对话框。 • 2.2输入元件名称为“水泡”，然后选择元件内行为“影片剪辑”，最后单击“确定”按钮，进入元件编辑界面。 • 2.3单击工具箱中的“随缘工具”，然后在“颜色”面板中调制填充颜色，如图9-21所示 • 2.4在舞台中央，绘制一个如图9-22所示的水泡形状，注意表面高光效果。 • 2.5单击左上角的“场景1”按钮，返回场景。

  10. 教学过程 • 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所示。

  11. 教学过程 • Step4 创建引导层动画 • 4.1在时间轴面板，单击“插入图层”按钮，增加一个新图层，改名为“水泡”。 • 4.2单击“添加运动引导层”按钮，在“水泡”图层上方添加一个运动引导层“引导层：水泡”。 • 4．3选中“水泡”图层，然后单击“插入图层”按钮两次，增加两个图层，都命名为“水泡”，如图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执行菜单栏上的“控制→测试影片”命令，测试引导线动画效果。

  12. 教学过程 • 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所示。

  13. 教学过程 • Step6保存文件 • 6.1执行菜单栏上的“文件→保存”命令，或使用快捷键“Ctrl+S”，保存文件。 • 6.2执行菜单栏上的“控制→测试影片”命令，或使用快捷键“Ctrl+Enter”，可以导出并观看动画效果。

  14. 教学过程 • 注意事项 • 本例主要讲解按钮的简单交互功能，利用按钮来控制影片的播放与停止。 • 给按钮添加ActionScript语句，一定要注意固定的格式，建议初学者使用“脚本助手”显示模式。 • 鼠标的事件有多种，针对不同的操作，建议初学者进行实际操作尝试后仔细体会其不同的特点，以加深印象。

  15. 教学过程 • 扩展尝试 • 如果引导层动画放在影片剪辑中偶不敢，场景中的按钮如何控制呢？先给影片剪辑实例起名，然后在想要函数前添加实例名 。

  16. 课后练习 • Are you ready?

  17. 课后目标评价 •    通过本章节的学习，学生应基本掌握AS2的基本语法与格式要求，能应用AS2的函数制作一些基本交互功能的动画，有能力的同学能深入学习AS2，制作一些特效动画。

  18. 谢谢大家

More Related