《二维动画基础(flash)》实验指导书32.doc

二维动画基础（Flash）实验指导书实验1 Flash基础实验序号：1 实验名称：Flash基础适用专业：计算机科学与技术 学 时 数：4学时一、实验目的通过本课程的训练，熟悉flash界面，掌握Flash界面中各组成元素和功能。二、实验要求在d盘建立自己的文件，进行立体图形的绘制。要求：1.独立设计完成。2. 绘制美观。三、实验设备、环境586以上计算机、装有IE6、flash软件。四、实验步骤及内容1、绘制圆角矩形。2、复制矩形。通过“复制到网络”对话框，设置相关参数。3、改变各矩形的颜色。4、创建立体效果。 六、讨论、思考题1、FLASH是什么?FLASH电影是专为网页服务的画像或动画(当然，也可用于其它用途)。主要含有矢量图形，但是也可以包含导入的位图和音效，还可以把浏览者输入的信息同交互性联系起来，从而产生交互效果，也可以生成非线性电影动画。该动画可以同其它的WEB程序产生交互作用。网页设计师可以利用FLASH来创建导航控制器、动态LOGOS、含有同步音效的长篇动画、甚至可以产生完整的、富于敏感性的网页。实验2 简单动画的创建实验序号：2 实验名称：简单动画的创建适用专业：计算机科学与技术 学 时 数：4学时一、实验目的通过本课程的训练，集中基本类型动画的创建；创建元件的基本操作；库的基本操作；声音的基本操作；图片的基本操作。二、实验要求在d盘建立自己的文件，进行动画的创建。三、实验设备、环境586以上计算机、装有IE6、flash软件。四、实验步骤及内容1、启动Flash程序，打开工作环境的窗口，可以使用下列方法之一。方法一：单击“开始”按钮 打开“程序”项 打开“Macromedia”程序组项 单击“Macromedia Flash MX”命令，即可启动程序。方法二：鼠标直接双击计算机桌面上的“Macromedia Flash MX”的程序快捷图标（如果有的话），即可打开程序窗口。2、设置动画影片的舞台大小，可以使用下列方法之一。方法一：使用“修改|文档”菜单命令（快捷键为Ctrl+J），打开“文档属性”对话框，如下图所示： 在FlashMX文档中默认的舞台大小为宽度550px（像素），高度400px（像素），背景色为“白色”，帧频为“12fps”（每秒钟播放12帧,每1帧即为一个动画画面）。在我们制作的第一个几何图形渐变的简单动画中，将舞台的大小设置为宽 “400px”，高 “100px”，背景色为“黄色”，帧频 “12fps”,设置完毕后如下图所示：方法二：单击展开“属性面板”，再单击面板中的“550 x 400像素”按钮，即可打开“文档属性”对话框。接着就可以设置文档舞台的宽度、高度、背景颜色以及帧频了。如果只是想简单的修改舞台的背景色和影片的帧频，则可以在属性面板中直接设置。3、在舞台的左侧使用“椭圆工具”绘制出一个正圆。单击“工具箱”中的“椭圆工具”按钮，在“颜色”区域中，将“笔触颜色”禁用，然后将“填充色”设置为“红色球形”，最后按住Shift键，在舞台的左侧绘制出一个正圆，如下图所示：4、在舞台的右侧使用“矩形工具”绘制出一个正方形。此时，我们可以看到在时间轴面板的图层1的时间线的第1帧变成了一个小黑点（关键帧图标）。下面，我们再选中图层1时间线上的第40帧，使用“插入|空白关键帧”菜单命令（或者鼠标右击时间线第40帧，在快捷菜单中选用“插入空白关键帧”命令，也可以使用快捷键F7，直接在时间线上插入空白关键帧），空白关键帧的图标在时间线上显示为一个空心小圆点，如下图所示：这时，我么可以发现原先在舞台左侧绘制的红色圆“消失”了，舞台上什么对象都没有。这是因为，我们现在看到的是影片第40帧（即第40个画面）暂时还是一个空白关键帧，所以我们可以选用工具箱中的“矩形工具”，在“颜色”区域中，将“笔触颜色”禁用，将“填充色”设置为“蓝色球形”，最后按住Shift键，拖曳鼠标，在舞台的右侧绘制出一个正方形，如下图所示：如果细心的同学可以发现，图层1时间线的第40帧处的空白关键帧已经转变成了一个关键帧。5、为影片创建补间动画。单击选中图层1时间线上的第1帧，打开“属性面板”，选用“补间”下拉列表中的“形状”命令即可，如下图所示：所谓的补间就是让FlashMX程序为用户自动地在两个关键帧之间创建动画效果，补间动画有两种类型：（1）动作，一般用于关键帧含有元件对象，使用动作类型的补间，在创建完成后关键帧之间用淡紫色填充；（2）形状，一般用于关键帧含有的是形状对象，使用形状补间，在创建完成后关键帧之间用淡绿色自动填充，如下如所示：此时，如果我们想预览动画效果，只要按键盘上的“Enter”就可以了。6、保存并导出我们的第一个动画作品。使用“文件|保存”菜单命令（快捷键为Ctrl+S），打开“另存为”的对话框，设置文档的存储路径，文档的文件名后，单击“保存”按钮即可，如下图所示。请同学们注意，此时我们存储的是作品的.fla格式的文档。下面，我们接着学习如何导出动画作品。使用“文件|导出影片”菜单命令，在弹出的“导出影片”对话框中，设置影片的导出路径和影片的文件名，最后单击“保存”按钮即可。六、讨论、思考题1、制作一个舞台大小为400 x 100像素，背景色、帧频自定的红色短线条渐变为蓝色长线条的作品。 2、制作一个舞台大小400x100像素，背景色、帧频自定，动画内容为红色三角渐变为绿色圆，再渐变为蓝色正方形的作品。实验3 ActionScript语句基础实验序号：3 实验名称：ActionScript语句基础适用专业：计算机科学与技术 学 时 数：4学时一、实验目的通过本课程的训练，掌握ActionScript的基本语法；熟悉常用的ActionScript语句二、实验要求在d盘建立自己的文件，制作能够跳转到网页的按钮。三、实验设备、环境586以上计算机、装有IE6、flash软件。四、实验步骤及内容1、设置作品舞台属性新建一个Flash文档，将舞台大小定义为200x300像素，背景色为“黑色”，默认帧频12fps，并保存为“能够跳转到网页的按钮.fla”，完成后如下图所示：2、创建一个“搜狐”的按钮元件（1）使用“插入新建元件”命令，在“创建新元件”对话框中，将元件名称命名为“搜狐”，行为类型中选用“按钮”，然后单击“确定”按钮，如下图所示，进入元件舞台。（2）选用“矩形工具”，在选项区域中将“笔触颜色”禁用，设置填充色为“球红”，然后在元件舞台的中心位置画出一个矩形（可用对齐面板调整矩形的舞台位置），如下图所示：（3）将“搜狐”按钮元件的图层重命名为“图形”，然后分别在“指针经过”帧和“按下”正中插入关键帧。再把“指针经过”帧和“按下”帧中的矩形填充颜色设置为“球绿”和“球蓝”，完成后的时间轴如下图所示：（4）先将“图形”图层锁定，接着在该图层的上方插入一个新的图层，并重命名为“搜狐文字”，然后使用“文本工具”在舞台中心位置输入字体为“隶书”，字号为“20”，字体颜色为“黄色”的字符“搜狐网站”，完成后如下图所示：3、参照“搜狐”按钮元件的制作过程，再创建“新浪”和“上海热线”2个图形按钮，如下图所示：4、在场景舞台中使用按钮元件，创建按钮实例返回到场景舞台中，按F11键打开作品素材库，将3个不同的图形按钮拖曳到场景舞台上，并对创建出的按钮实例合理布局，调整大小，完成后如下图所示：5、为按钮实例设置正确的action动作命令（1）选中舞台上的“上海热线”按钮实例，单击展开“动作按钮”面板，双击“动作工具箱”中的“动作|浏览器/网络|getURL”命令，在URL输入框中输入需要跳转到的URL地址，此处由于我们试图在单击“上海热线”按钮之后，能够跳转到上海热线的首页，所以输入“”，注意统一资源定位器的地址一定要完整的输入，否则会出错。然后在窗口下拉列表中选用“_blank”，作用是在一个新的窗口中打开网页，完成action动作设置后如下图所示：（2）对于“搜狐”和“新浪”按钮的action动作设置参照“上海热线”按钮的设置过程，只要修改其要跳转到的URL地址即可，此处不再赘述。至于action动作中不同的窗口选项（_self，_blank，_parent，_top）的不同效果，请同学们自己去尝试一下。六、讨论、思考题1、action动作中不同的窗口选项（_self，_blank，_parent，_top）有何区别。实验4 动画制作综合实例实验序号：1 实验名称：动画制作综合实例适用专业：计算机科学与技术 学 时 数：4学时一、实验目的通过本课程的训练，通过站点综合实例的练习，全面了解动画创建的全过程。二、实验要求在d盘建立自己的文件，制作一个复杂动画。三、实验设备、环境586以上计算机、装有IE6、flash软件。四、实验步骤及内容1、设置影片舞台属性创建一个新的Flash文档，将其舞台大小设置为200x300像素，背景色和帧频为默认值，然后将作品保存为“吹萨克斯的老狼.fla”。2、设计一个“背景色”元件（1）使用“插入|新建元件”命令，在“创建新元件”对话框中，命名元件名称为“背景色”，行为类型中选用“图形”，然后单击“确定”按钮，进入元件舞台。选用“矩形工具”，将“笔触颜色”禁用，“填充色”设置为“黑色”，然后在元件舞台中心位置画出一个垂直矩形（可以使用对齐面板设置矩形位置），如下图所示：（2）单击选中舞台中的黑色矩形，使用“窗口混色器”命令，打开混色器面板，将填充类型由默认的“纯色”改为“线性”，单击选中渐变定义栏左侧的渐变指针，将RGB三原色的值均设置为0，完成后如下图（左）所示；再选中渐变定义栏右侧的渐变指针，将其RGB三原色的之分别设置为“36”、“84”“223”完成后如下图（右）所示：（3）选中舞台中的矩形渐变色块，使用“修改变形逆时针旋转90度”命令，将矩形逆时针方向旋转90度，完成后如下图所示：3、设计一个“星星”图形元件（1）使用“插入|新建元件”命令，在弹出的“创建新元件”对话框中，命名元件名称为“星星”，行为类型中选用“图形”，如下图所示。然后单击“确定”按钮，进入创建元件的舞台。（2）选用工具箱中的“矩形工具”，将“笔触颜色”禁用，“填充色”设置为黄色，然后在舞台中央按住shift键拖曳鼠标，画出一个正方形；选中黄色正方形，使用“Ctrl+Alt+S”快捷键，打开“缩放和旋转”对话框，“缩放”值不变，“旋转”值设置为“45”度，然后单击“确定”按钮，可以看到正方形变成了一个菱形；选用工具箱中的“任意变形工具”，选中黄色菱形，然后将其形状拉高拉瘦后，重新置于舞台中央，如下图所示：（3）选中黄色菱形，使用“窗口|变形”命令，打开“变形”面板，将旋转度设置为“45.0”度，然后单击面板右下角的“拷贝并应用变形”按钮3次后，完成“星星”的造型，如下图所示：4、设计一个“闪烁的星星”影片剪辑元件（1）使用“插入|新建元件”命令，将元件名称命名为“闪烁的星星”，行为类型选用“影片剪辑”，如下图所示。单级“确定”按钮，进入创建元件的舞台。（2）按F11键，打开作品素材库，将“星星”图形元件从库中拖入到元件舞台上，创建出一个实例，并且使用“缩放和旋转”面板上的功能，将实例缩放到原先的“20%”，然后置于舞台中央，完成后如下图所示：（3）选中舞台中的“星星”实例，打开属性面板，在颜色下拉列表中选用“Alpha”命令（实例透明度处理），并将其右侧的Alpha值设置为“20%”。经过Alpha图像透明处理后的“星星”实例透明度会改变，如下图所示：（4）在“闪烁的星星”影片剪辑元件的图层1时间线的第10帧处插入1个关键帧，并将该帧中的“星星”实例缩放到“125%”，Alpha值设置为“40%”；在第20帧处插入1个关键帧，将“星星”实例缩放“125%”，Alpha值设置为“60”，在第30帧处插入1个关键帧，将“星星”实例缩放“125%”，Alpha值设置为“80%”，在第40帧处插入1个关键帧，将“星星”实例缩放“125%”，Alpha值设置为“100%”，完成设置后的时间轴如下图所示：（5）单击选中“闪烁的星星”元件的图层1，打开属性面板，将补间动画类型设置为“动作”，完成图层1补间动画设置后的时间轴如下图所示：5、设计一个“月亮”图形元件（1）使用“插入|新建元件”命令，创建一个名称为“月亮”，行为类型为“图形”的元件，在元件舞台上使用“椭圆工具”画出一个没有笔触颜色，填充色为橘黄色的正圆，如下图所示： （2）再次选用“椭圆工具”，在橘黄色圆的左下方画出一个没有笔触颜色的红色圆，如下图所示。然后单击舞台取消选中后，再次单击选中红色圆，接着将其删除后，即可得到需要的橘黄色月亮图形。第六步：设计一个“老狼”影片剪辑元件（1）使用“插入|新建元件”命令，将元件命名为“老狼”，行为类型中选用“影片剪辑”，如下图所示。然后单击“确定”按钮，进入创建元件的舞台。（2）使用“文件|导入”命令，打开“导入”对话框，如下图所示。选定需要导入的图片文件“wolf.gif”后，单击“打开”按钮。（3）在将“wolf.gif”图像导入到“老狼”影片剪辑元件舞台上后，我们会发现在图层1的时间线上自动插入了4个关键帧，如下图所示。这是由于.gif格式的图像文档是一种动态图像文档，图像本身由多张不同的图片组成，因此才会出现图像的动态效果。所以，当我们导入“wolf.gif”图像后，组成图像的不同图片会被以关键帧的形式插入到时间线上。7、在场景舞台上使用元件创建实例（1）返回到场景1舞台，将图层1重命名为“背景色”，然后打开素材库，将“背景色”图形元件从库中拖曳到舞台上，创建出一个“背景色”实例，接着选中“背景色”实例，打开属性面板，将其宽和高设