电子课件-《Flash CC动画设计与制作》-A06-2765第八章 FlashCC动画脚本.pptx

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