Flash CC动画设计与制作课件：FlashCC动画脚本

FlashCC动画设计与制作FlashCC动画脚本教学目标1.掌握ActionScript的运用。2.掌握函数的运用。教学内容：

前面章节学习了FlashCC声音与视频，本章主要学习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脚本制作一个鼠标在空白处擦出来的图像效果，熟练使用ActionScript制作动画。8.2.1能力扩展

通过使用ActionScript制作擦出来的蓝天白云，效果如图8-24所示。8.3制作五彩的星星8.3.1案例描述

8.3.2制作步骤8.3.3案例小结8.3.4能力扩展8.3.1案例描述

本案例通过创建ActionScript文件与添加ActionScript代码来制作。

8.3.1制作步骤1、新建一个Flash空白文档，选择【修改】>【文档】命令，打开“文档设置”对话框，在对话框中将舞台大小设置为“600*450像素”，设置舞台颜色为“黑色”，选择“插入>新建元件”命令，打开“创建新元件”对话框。在“名称”文本框中输入Star，在“类型”下拉列表中选择“影片剪辑”选项，如图所示。2、选择“多角星形工具”在影片剪辑元件编辑区中，绘制一个无边框，填充色为任意色，宽和高随意的星形，打开“库”面板，在影片剪辑元件Star上单击鼠标右键，在弹出的快捷菜单中选择【属性】命令，如图所示。

8.3.1制作步骤3、打开“元件属性”对话框，单击“高级”按钮，单击“为ActionScript导出”选项，完成后单击“确定”按钮，如图所示。4、按[Ctrl+N]组合键打开“新建文档”对话框，选择“ActionScript文件”选项，单击确定“确定”按钮，如图

8.3.1制作步骤5、按[Ctrl+S]组合键将ActionScript文件保存为Star.as，然后在Star.as中输入如下代码，如图所示。6、回到主场景，在时间轴的第1帧中添加如下代码，如图所示。

8.3.1制作步骤7、新建“图层2”，将其拖曳到“图层1”的下方，然后导入“素材\\8.3制作五彩的星星\星空.jpg”到舞台中，如图6所示。保存动画文件，然后按Ctrl+Enter组合键测试效果。8.3.1案例小结——熟练使用ActionScript制作动画

本案例主要是利用ActionScript脚本制作一个满天闪烁的星星图像效果，熟练使用ActionScript制作动画。8.3.1能力扩展

通过使用ActionScript制作如上图所示的缤纷多彩的圆点效果。8.4制作鱼群8.4.1案例描述

8.4.2制作步骤8.4.3案例小结8.4.4能力扩展8.4.1案例描述

本案例通过创建ActionScript文件与添加ActionScript代码来制作海底鱼群的动画效果。

8.4.1制作步骤1、新建一个Flash空白文档，选择【修改】>【文档】命令，打开“文档设置”对话框，在对话框中将舞台大小设置为“500*300像素”，设置帧频为“30fps”，选择“文件>导入>导入到舞台”命令，将一幅背景图像导入舞台中，如图所示。2、选择【插入】>【新建元件】命令，打开“创建新元件”对话框。在“名称”文本框中输入MoveBall，在“类型”下拉列表中选择“影片剪辑”选项，完成后单击“确定”按钮，如图所示。

8.4.1制作步骤3、选择【文件】>【导入】>【导入到舞台】命令，将一幅小鱼图像导入到工作区中，如图所示。4、打开“库”面板，在影片剪辑元件MoveBall上单击鼠标右键，在弹出的快捷菜单中选择【属性】命令，如图所示。

8.4.1制作步骤5、打开“元件属性”对话框，单击“高级”按钮，选中“为ActionScript导出”选项，完成后单击“确定”按钮，如图所示。6、按Ctrl+N组合键打开“新建文档”对话框，选择“ActionScript文件”选项，单击“确定”按钮，如图所示。

8.4.1制作步骤7、按Ctrl+S组合键将ActionScript文件保持为MoveBall.as，然后在MoveBall.as中输入如下代码，如图所示。8、返回到主场景中，新建“图层2”，选择该层的第1帧，按下F9键打开“动作”面板，输入如下代码，如图所示。保存动画文件，然后按Ctrl+En