第八章 FlashCC动画脚本(课件）-《FlashCC动画设计与制作》同步教学（劳动版）

Flash CC 动画设计与制作 第八章 FlashCC动画脚本 LOGO 教学目标 1.掌握ActionScript的运用。 2.掌握函数的运用。 LOGO 教学内容： 前面章节学习了Flash CC声音与视频，本章主要学习FlashCC脚本语言。在FlashCC中，学会利用“动作”面板在时间轴上书写代码，及在外部类文件中书写代码，利用脚本语言制作具有交互性的动画，创作各种不同的应用特效，实现丰富多彩的动画效果。 LOGO 目录 8.1制作雨天效果 8.2制作变出来的花儿 8.3制作五彩的星星 8.4制作鱼群 本章小结 LOGO 8.1 制作篮球 8.1.1 案例描述 8.1.2 制作步骤 8.1.3 案例小结 8.1.4 能力扩展 LOGO 8.1.1 案例描述 本案例使用导入功能，将背景图片导入舞台中；再使用线条工具，绘制出雨点的外形；最后使用ActionScript技术，编辑出雨点不断下落的效果。 LOGO 8.1.1 制作步骤 1、新建一个Flash空白文档，选择【修改】>【文档】命令，打开“文档设置”对话框，在对话框中将舞台大小设置为“580*450像素”，设置舞台颜色为“黑色”，选择“文件>导入>导入到舞台”命令，将“素材\第八章\8.1 雨天效果\下雨.jpg”导入到舞台中，如图所示。 2、选择“插入>新建元件”命令，打开“创建新元件”对话框。在对话框中的“名称”文本框中输入名称为yd，在“类型”下拉列表中选择“影片剪辑”选项，完成后单击“确定”按钮进入按钮元件编辑区, 如图所示。 LOGO 8.1.1 制作步骤 3、使用“线条工具”在工作区中绘制一条线段，在实践轴的第24帧处插入关键帧，然后选中该帧处的线条，将其向左下方移动一段距离。这里移动的距离就是雨点从天空落向地面的距离。最后在第1帧和第24帧之间创建补间动画，如图所示。 4、新建“图层2”，并把它拖到“图层1”的下方。然后在“图层2”的第24帧处插入空白关键帧，并使用“椭圆工具”在舞台中线条的下方绘制一个边框为白色，填充色为无，宽和高分别为57像素与7像素的椭圆，如图所示。 LOGO 8.1.1 制作步骤 5、选择“图层2”的第24帧，按住不放，将它向右移动一个帧的距离。也就是将“图层2”的第24帧移动到第25帧处。然后选中第25帧处的椭圆，按F8键，将其转换为图形元件，在“名称”文本框中输入“水纹”，如图所示。 6、选中“图层2”的第40帧，按F6键插入关键帧。然后选中该帧处的椭圆。使用“任意变形工具”将其宽和高分别放大至“118像素”与“13”像素。接着“属性”面板中将它的Alpha值设置为“0%”，再在“图层2”的第25帧与第24帧之间创建传统补间动画，如所示。 LOGO 8.1.1 制作步骤 7、打开“库”面板，在影片剪辑元件yd上单击鼠标右键，在弹出的快捷菜单中选择“属性”命令。打开“元件属性”对话框，单击“高级”按钮，单击为“ActionScript导出”选项，完成后单击“确定”按钮，如图所示。 8、返回主场，新建一个“图层2”，选中该层的第1帧，在“动作”面板中添加如下代码，保存动画文件，然后按Ctrl+Enter组合键测试效果，如图所示。 LOGO 8.1.1 案例小结——线条、椭圆形工具、补间动画的运用 本案例主要是学会使用导入功能，使用线条工具绘制雨点的外形，并使用ActionScript技术编辑出雨点不断下落的效果。 LOGO 8.1.1 能力扩展 通过使用ActionScript技术与创建制作ActionScript文件制作如上图所示的物体3D旋转特效。 LOGO 8.2 制作变出来的花儿 8.2.1 案例描述 8.2.2 制作步骤 8.2.3 案例小结 8.2.4 能力扩展 LOGO 8.1.1 案例描述 本案例利用ActionScript脚本制作一个使用鼠标在空白处擦出来的图像效果。 LOGO 8.1.1 制作步骤 1.新建一个Flash空白文档，选择【修改】>【文档】命令，并打开“文档设置”对话框，并在对话框中将“舞台大小”设置为620X530像素，如图8-13所示。 2. 选择【文件】>【导入】>【导入到舞台】命令，将“素材文件\第八章\背景.jpg”导入到舞台中，如图8-14所示。 LOGO 8.1.1 制作步骤 3、选择导入的图片，按F8健，打开“转换为元件”对