二维动画基础(FLASH)实验报告.pdf

学 生 实 验 报 告（理工类）课程名称：二维动画基础（FLASH）专业班级:xxx 计算机科学与技术 学生学号：1205601xxx 学生姓名：xxx 所属院部：信息技术学院 指导教师：xxx 20 13 20 14 学年 第 2 学期 金陵科技学院教务处制 实验报告书写要求 实验报告原则上要求学生手写，要求书写工整。若因课程特点需打印的，要遵照以下字体、字号、间距等的具体要求。纸张一律采用A4 的纸张。实验报告书写说明 实验报告中一至四项内容为必填项，包括实验目的和要求；实验仪器和设备；实验内容与过程；实验结果与分析。各院部可根据学科特点和实验具体要求增加项目。填写注意事项（1）细致观察，及时、准确、如实记录。（2）准确说明，层次清晰。（3）尽量采用专用术语来说明事物。（4）外文、符号、公式要准确，应使用统一规定的名词和符号。（5）应独立完成实验报告的书写，严禁抄袭、复印，一经发现，以零分论处。实验报告批改说明 实验报告的批改要及时、认真、仔细，一律用红色笔批改。实验报告的批改成绩采用百分制，具体评分标准由各院部自行制定。实验报告装订要求 实验批改完毕后，任课老师将每门课程的每个实验项目的实验报告以自然班为单位、按学号升序排列，装订成册，并附上一份该门课程的实验大纲。实验项目名称：Flash 基础 实验学时：4 同组学生姓名：/实验地点：工科楼A210 实验日期：2014.3.6 实验成绩：批改教师：批改时间：一、实验目的 通过本课程的训练，熟悉flash 界面，掌握Flash 界面中各组成元素和功能。二、实验要求 在 d 盘建立自己的文件，进行立体图形的绘制。要求：1.独立设计完成。2.绘制美观。三、实验仪器和设备 586 以上计算机、装有IE6、flash 软件。四、实验步骤及内容 1、单击“矩形工具”，然后显示设置属性。2、绘制圆角矩形。3、单击“圆角矩形”点击“插入”“时间抽特效”“帮助”“复制到网格”。通过“复制到网络”对话框，设置相关参数。4、改变各矩形的颜色。、5、创建立体效果。五、讨论、思考题 FLASH 是什么?FLASH 电影是专为网页服务的画像或动画(当然，也可用于其它用途)。主要含有矢量图形，但是也可以包含导入的位图和音效，还可以把浏览者输入的信息同交互性联系起来，从而产生交互效果，也可以生成非线性电影动画。该动画可以同其它的WEB 程序产生交互作用。网页设计师可以利用FLASH 来创建导航控制器、动态LOGOS、含有同步音效的长篇动画、甚至可以产生完整的、富于敏感性的网页。使用 Flash 创建功能强大的互动式营销、演示文稿、丰富的媒体广告、电子教学、娱乐、商业应用、互动视频体验等内容。六、实验结果与分析 在学习绘制和编辑图形的制作之前，用户应该先对Flash3 和 Flash 8 中的图形要有所认知，主要包括位图和矢量图概念和区别，以及图形色彩的相关知识。用 Flash 的绘图功能能够绘制出艺术绘画相媲美的作品，严谨的造型和协调的色彩综合运用，加上光影效果的点缀，将画画变得更加生动，富有情趣。Flash的独特绘图功能，使它在图像王国里能够独占鳌头，用Flash 进行的商业绘画，正运用于越来越多的领域。实验项目名称：简单动画的创建 实验学时：4 同组学生姓名：/实验地点：工科楼A210 实验日期：2014.3.20 实验成绩：批改教师：批改时间：一、实验目的 通过本课程的训练，集中基本类型动画的创建；创建元件的基本操作；库的基本操作；声音的基本操作；图片的基本操作。二、实验要求 在 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、制作一个舞台大小400 x100 像素，背景色、帧频自定，动画内容为红色三角渐变为绿色圆，再渐变为蓝色正方形的作品。3、补间动画有两种类型：（1）动作，一般用于关键帧含有元件对象，使用动作类型的补间，在创建完成后关键帧之间用淡紫色填充；（2）形状，一般用于关键帧含有的是形状对象，使用形状补间，在创建完成后关键帧之间用淡绿色自动填充。4、使用“文件|导出影片”菜单命令，在弹出的“导出影片”对话框中，设置影片的导出路径和影片的文件名，最后单击“保存”按钮即可。六、实验结果与分析 在 Flash 中的效果有两种方法：1、一种方法可以创建形状效果，一种是“补间形状”。在补间形状中，用户只要创建好开始帧和结束帧，中间的过度帧，将由Flash 自动生成。用户可以通过连续改变帧的内容来实现形状效果，例如使对象在舞台上穿梭行动、变形等等，这些形状可以单独发生也可以组合发生。2、一种方法可以创建动画效果，一种是“补间动画”。在补间动画中，用户只要创建好开始帧和结束帧，中间的过度帧，将由Flash 自动生成。用户可以通过连续改变帧的内容来实现动画效果，例如使对象在舞台上穿梭行动、放大或缩小、旋转等等，这些动画可以单独发生也可以组合发生。实验项目名称：ActionScript 语句基础 实验学时：4 同组学生姓名：/实验地点：工科楼A210 实验日期：2014.4.2 实验成绩：批改教师：批改时间：一、实验目的 通过本课程的训练，掌握ActionScript 的基本语法；熟悉常用的ActionScript 语句 二、实验要求 在 d 盘建立自己的文件，制作能够跳转到网页的按钮。三、实验设备、环境 586 以上计算机、装有IE6、flash 软件。四、实验步骤及内容 1、设置作品舞台属性 新建一个Flash 文档，将舞台大小定义为200 x300 像素，背景色为“黑色”，默认帧频12fps，并保存为“能够跳转到网页的按钮.fla”，完成后如下图所示：2、创建一个“搜狐”的按钮元件（1）使用“插入新建元件”命令，在“创建新元件”对话框中，将元件名称命名为“搜狐”，行为类型中选用“按钮”，然后单击“确定”按钮，如下图所示，进入元件舞台。（2）选用“矩形工具”，在选项区域中将“笔触颜色”禁用，设置填充色为“球红”，然后在元件舞台的中心位置画出一个矩形（可用对齐面板调整矩形的舞台位置），如图所示：（3）将“搜狐”按钮元件的图层重命名为“图形”，然后分别在“指针经过”帧和“按下”正中插入关键帧。再把“指针经过”帧和“按下”帧中的矩形填充颜色设置为“球绿”和“球蓝”，完成后的时间轴如下图所示：（4）先将“图形”图层锁定，接着在该图层的上方插入一个新的图层，并重命名为“搜狐文字”，然后使用“文本工具”在舞台中心位置输入字体为“隶书”，字号为“20”，字体颜色为“黄色”的字符“搜狐网站”，完成后如下图所示：3、参照“搜狐”按钮元件的制作过程，再创建“新浪”和“上海热线”2 个图形按钮，如下图所示：4、在场景舞台中使用按钮元件，创建按钮实例 返回到场景舞台中，按 F11 键打开作品素材库，将 3 个不同的图形按钮拖曳到场景舞台上，并对创建出的按钮实例合理布局，调整大小，完成后如下图所示：5、为按钮实例设置正确的action 动作命令（1）选中舞台上的“上海热线”按钮实例，单击展开“动作按钮”面板，双击“动作工具箱”中的“动作|浏览器/网络|getURL”命令，在URL 输入框中输入需要跳转到的URL 地址，此处由于我们试图在单击“上海热线”按钮之后，能够跳转到上海热线的首页，所以输入“http:/”，注意统一资源定位器的地址一定要完整的输入，否则会出错。然后在窗口下拉列表中选用“_blank”，作用是在一个新的窗口中打开网页，完成action动作设置后如下图所示：（2）对于“搜狐”和“新浪”按钮的action 动作设置参照“上海热线”按钮的设置过程，只要修改其要跳转到的URL 地址即可，此处不再赘述。至于action 动作中不同的窗口选项（_self，_blank，_parent，_top）的不同效果。（3）选中舞台上的“搜狐网站”按钮实例，在“动作按钮”面板中输入以下代码。（4）选中舞台上的“新浪网站”按钮实例，在“动作按钮”面板中输入以下代码。五、讨论、思考题 1、action 动作中不同的窗口选项（_self，_blank，_parent，_top）有何区别。2、单击“上海热线”按钮之后，能够跳转到上海热线的首页，所以输入“http:/”，否 则 会 出 错。然 后 在 窗 口 下 拉 列 表 中 选 用“_blank”，就能直接打开网站。3、单击“搜狐网站”按钮之后，能够跳转到搜狐网站的首页，所以输入“http:/”，否则会出错。然后在窗口下拉列表中选用“_parent”，就能直接打开网站。六、实验结果与分析 ActionScript 语句就是动作或者命令，动作可以相互独立地运行，也可以在一个运作，还可以在一个动作内使用另一个动作，从而达到嵌套效果，使动作之间可以相互影响。ActionScript 是 Flash 与程序进行通信的方式。用户可以通过它告诉Flash将要执行的任务，并询问在影片运行时发生了什么样的。这种双向的通信方式，使得用户可以创建具有交互功能的影片，能使得Flash 能优于其他动画制作软件。实验项目名称：动画制作综合实例 实验学时：4 同组学生姓名：/实验地点：工科楼A210 实验日期：2014.4.16 实验成绩：批改教师：批改时间：一、实验目的 通过本课程的训练，通过站点综合实例的练习，全面了解动画创建的全过程。二、实验要求 在 d 盘建立自己的文件，制作一个复杂动画。三、实验设备、环境 586 以上计算机、装有IE6、flash 软件。四、实验步骤及内容 1、打开“钻戒广告动画素材。fla”文件，新建影片剪辑元件“饰品一动”，在第 15-50 帧添加“闪光动”实例。新建图层2，在第1 60 帧添加“饰品1”实例，插入相应的关键帧，并创建传统补间动画。依次调整第1、13 帧所对应实例的 Alpha 值和X 值，以及第60 帧所对应实例的Alpha 值，制作出实例从左向右、由无变清晰的出场，然后隐退的动画。2、新建图层3，在第14 50 帧添加“闪光动1”实例，插入相应的关键帧，并创建传统补间动画，制作实例由无变清晰的动画。3、新建“图层4”图层，在第16 50 帧添加“闪光动1”实例，插入相应的关键帧，并创建传统补间动画，制作实例由无变清晰的动画。4、新建“图层5”图层，在第17 50 帧添加“闪光动1”实例，多次复制实例，并分别调整实例的大小和位置，将其分布在饰品上。5、参照“饰品1 动”影片剪辑元件的创建方法，创建“饰品2 动”影片剪辑元件，并制作相应的饰品和闪光动画。6、用同样的方法，创建影片剪辑元件“饰品3 动”“饰品4 动”，并制作相应的饰品动画。新建“广告语”影片剪辑元件，在第1 50 帧添加“合成倒影”实例。在图层1 下方新建图层2，在第8 23 帧添加“合成倒影”实例并创建传统补间动画，修改第23 帧所对应实例的缩放值和Alpha 值。7、返回主场景，将图层1 重命名“背景”，在第240 帧插入帧并添加位图image1，在“属性”面板中调整其位置和大小。8、新建“饰品1”图层,将“饰品1 动”实例并添加至该图层的第1 60 帧,并调整实例的位置。9、新建图层“饰品2”“饰品4”,在各图层第60 120、120 180、180 240帧间添加其他饰品实例。10、新建“广告语”图层，添加“广告语”实例，然后将其放置在舞台的右下角。11、新建“标识”图层,添加“标识”实例,添加阴影颜色为黑色的“投影”滤镜。12、新建“闪光”图层,添加“闪光”实例,在“属性”面板中设置实例名称为sou1。13、新建“动作”图层,在第1 帧添加startDrag(“sou1”,true)；脚本。至此，完成本例制作。五、讨论、思考题 1、小知识：一个优秀的，内容丰富精彩的Flash 动画作品中，肯定会使用到很多的场景，每个场景中也肯定存在着多个图层。考虑到作品的修改编辑方便，我们可以给内容不同的场景和调用不同实例的图层命名，这是成为一名Flash 动画高手的必备素质。六、实验结果与分析 在 Flash 8 中，可以通过多种方法在动画中添加声音，创建有声动画。这些声音不仅可以和动画同步播放，才可以独立于时间轴连续播放。用户可以为按钮添加声音，从而使按钮具有更强的互动性。另外，通过为声音设置淡入淡出效果，可以创建出更加优美的音效。在Flash 8 中，可以导入WAV、AIFF 和MP3 等文件格式的声音文件。导入文档的声音文件一般会保存在【库】面板中，因此与元件一样，只需要创建声音文件的实例就可以以各种方式在动画中使用该声音。要将声音文件导入到Flash文档的【库】面板中，可以选择【文件】|【导入】【导入到库】命令，在该对话框中，选择需要导入的声音文件。