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

1、学 生 实 验 报 告（理工类）课程名称： 二维动画基础（FLASH）专业班级:xxx计算机科学与技术 学生学号： 1205601xxx 学生姓名： xxx 所属院部： 信息技术学院 指导教师： xxx 20 13 20 14 学年 第 2 学期 金陵科技学院教务处制实验报告书写要求实验报告原则上要求学生手写，要求书写工整。若因课程特点需打印的，要遵照以下字体、字号、间距等的具体要求。纸张一律采用A4的纸张。实验报告书写说明实验报告中一至四项内容为必填项，包括实验目的和要求；实验仪器和设备；实验内容与过程；实验结果与分析。各院部可根据学科特点和实验具体要求增加项目。填写注意事项（1）细致观察，

2、及时、准确、如实记录。（2）准确说明，层次清晰。（3）尽量采用专用术语来说明事物。（4）外文、符号、公式要准确，应使用统一规定的名词和符号。（5）应独立完成实验报告的书写，严禁抄袭、复印，一经发现，以零分论处。实验报告批改说明实验报告的批改要及时、认真、仔细，一律用红色笔批改。实验报告的批改成绩采用百分制，具体评分标准由各院部自行制定。实验报告装订要求实验批改完毕后，任课老师将每门课程的每个实验项目的实验报告以自然班为单位、按学号升序排列，装订成册，并附上一份该门课程的实验大纲。实验项目名称： Flash基础 实验学时： 4 同组学生姓名： / 实验地点： 工科楼A210 实验日期： 2014

3、.3.6 实验成绩： 批改教师： 批改时间： 一、实验目的 通过本课程的训练，熟悉flash界面，掌握Flash界面中各组成元素和功能。二、实验要求 在d盘建立自己的文件，进行立体图形的绘制。 要求：1.独立设计完成。2. 绘制美观。三、实验仪器和设备 586以上计算机、装有IE6、flash软件。四、实验步骤及内容1、单击“矩形工具”，然后显示设置属性。2、绘制圆角矩形。3、单击“圆角矩形”点击“插入”“时间抽特效”“帮助”“复制到网格”。通过“复制到网络”对话框，设置相关参数。4、改变各矩形的颜色。、5、创建立体效果。 五、讨论、思考题FLASH是什么? FLASH电影是专为网页服务的画像

4、或动画(当然，也可用于其它用途)。主要含有矢量图形，但是也可以包含导入的位图和音效，还可以把浏览者输入的信息同交互性联系起来，从而产生交互效果，也可以生成非线性电影动画。该动画可以同其它的WEB程序产生交互作用。网页设计师可以利用FLASH来创建导航控制器、动态LOGOS、含有同步音效的长篇动画、甚至可以产生完整的、富于敏感性的网页。 使用 Flash 创建功能强大的互动式营销、演示文稿、丰富的媒体广告、电子教学、娱乐、商业应用、互动视频体验等内容。 六、实验结果与分析在学习绘制和编辑图形的制作之前，用户应该先对Flash3和Flash 8 中的图形要有所认知，主要包括位图和矢量图概念和区别，

5、以及图形色彩的相关知识。用Flash的绘图功能能够绘制出艺术绘画相媲美的作品，严谨的造型和协调的色彩综合运用，加上光影效果的点缀，将画画变得更加生动，富有情趣。Flash的独特绘图功能，使它在图像王国里能够独占鳌头，用Flash进行的商业绘画，正运用于越来越多的领域。实验项目名称： 简单动画的创建 实验学时： 4 同组学生姓名： / 实验地点： 工科楼A210 实验日期： 2014.3.20 实验成绩： 批改教师： 批改时间： 一、实验目的通过本课程的训练，集中基本类型动画的创建；创建元件的基本操作；库的基本操作；声音的基本操作；图片的基本操作。二、实验要求在d盘建立自己的文件，进行动画的创建

6、。三、实验设备、环境586以上计算机、装有IE6、flash软件。四、实验步骤及内容1、启动Flash程序，打开工作环境的窗口，可以使用下列方法之一。方法一：单击“开始”按钮 打开“程序”项 打开“Macromedia”程序组项 单击“Macromedia Flash MX”命令，即可启动程序。方法二：鼠标直接双击计算机桌面上的“Macromedia Flash MX”的程序快捷图标（如果有的话），即可打开程序窗口。2、设置动画影片的舞台大小，可以使用下列方法之一。方法一：使用“修改|文档”菜单命令（快捷键为Ctrl+J），打开“文档属性”对话框，如下图所示： 在FlashMX文档中默认的舞台

7、大小为宽度550px（像素），高度400px（像素），背景色为“白色”，帧频为“12fps”（每秒钟播放12帧,每1帧即为一个动画画面）。在我们制作的第一个几何图形渐变的简单动画中，将舞台的大小设置为宽“400px”，高 “100px”，背景色为“黄色”，帧频 “12fps”,设置完毕后如下图所示：方法二：单击展开“属性面板”，再单击面板中的“550 x 400像素”按钮，即可打开“文档属性”对话框。接着就可以设置文档舞台的宽度、高度、背景颜色以及帧频了。如果只是想简单的修改舞台的背景色和影片的帧频，则可以在属性面板中直接设置。3、在舞台的左侧使用“椭圆工具”绘制出一个正圆。单击“工具箱”中的

8、“椭圆工具”按钮，在“颜色”区域中，将“笔触颜色”禁用，然后将“填充色”设置为“红色球形”，最后按住Shift键，在舞台的左侧绘制出一个正圆，如下图所示。 4、在舞台的右侧使用“矩形工具”绘制出一个正方形。此时，我们可以看到在时间轴面板的图层1的时间线的第1帧变成了一个小黑点（关键帧图标）。下面，我们再选中图层1时间线上的第40帧，使用“插入|空白关键帧”菜单命令（或者鼠标右击时间线第40帧，在快捷菜单中选用“插入空白关键帧”命令，也可以使用快捷键F7，直接在时间线上插入空白关键帧，空白关键帧的图标在时间线上显示为一个空心小圆点，如下图所示：这时，我么可以发现原先在舞台左侧绘制的红色圆“消失”

9、了，舞台上什么对象都没有。这是因为，我们现在看到的是影片第40帧（即第40个画面）暂时还是一个空白关键帧，所以我们可以选用工具箱中的“矩形工具”，在“颜色”区域中，将“笔触颜色”禁用，将“填充色”设置为“蓝色球形”，最后按住Shift键，拖曳鼠标，在舞台的右侧绘制出一个正方形，如下图所示：如果细心的同学可以发现，图层1时间线的第40帧处的空白关键帧已经转变成了一个关键帧。5、为影片创建补间动画。单击选中图层1时间线上的第1帧，打开“属性面板”，选用“补间”下拉列表中的“形状”命令即可，如下图所示：所谓的补间就是让FlashMX程序为用户自动地在两个关键帧之间创建动画效果，补间动画有两种类型：（

10、1）动作，一般用于关键帧含有元件对象，使用动作类型的补间，在创建完成后关键帧之间用淡紫色填充；（2）形状，一般用于关键帧含有的是形状对象，使用形状补间，在创建完成后关键帧之间用淡绿色自动填充，如下如所示： 此时，如果我们想预览动画效果，只要按键盘上的“Enter”就可以了。6、保存并导出我们的第一个动画作品。使用“文件|保存”菜单命令（快捷键为Ctrl+S），打开“另存为”的对话框，设置文档的存储路径，文档的文件名后，单击“保存”按钮即可，如下图所示。请同学们注意，此时我们存储的是作品的.fla格式的文档。下面，我们接着学习如何导出动画作品。使用“文件|导出影片”菜单命令，在弹出的“导出影片”

11、对话框中，设置影片的导出路径和影片的文件名，最后单击“保存”按钮即可。 五、讨论、思考题1、制作一个舞台大小为400 x 100像素，背景色、帧频自定的红色短线条渐变为蓝色长线条的作品。 2、制作一个舞台大小400x100像素，背景色、帧频自定，动画内容为红色三角渐变为绿色圆，再渐变为蓝色正方形的作品。3、补间动画有两种类型：（1）动作，一般用于关键帧含有元件对象，使用动作类型的补间，在创建完成后关键帧之间用淡紫色填充；（2）形状，一般用于关键帧含有的是形状对象，使用形状补间，在创建完成后关键帧之间用淡绿色自动填充。4、使用“文件|导出影片”菜单命令，在弹出的“导出影片”对话框中，设置影片的导

12、出路径和影片的文件名，最后单击“保存”按钮即可。六、实验结果与分析在Flash中的效果有两种方法：1、一种方法可以创建形状效果，一种是“补间形状”。在补间形状中，用户只要创建好开始帧和结束帧，中间的过度帧，将由Flash自动生成。用户可以通过连续改变帧的内容来实现形状效果，例如使对象在舞台上穿梭行动、变形等等，这些形状可以单独发生也可以组合发生。2、一种方法可以创建动画效果，一种是“补间动画”。在补间动画中，用户只要创建好开始帧和结束帧，中间的过度帧，将由Flash自动生成。用户可以通过连续改变帧的内容来实现动画效果，例如使对象在舞台上穿梭行动、放大或缩小、旋转等等，这些动画可以单独发生也可以

13、组合发生。实验项目名称： ActionScript语句基础 实验学时： 4 同组学生姓名： / 实验地点： 工科楼A210 实验日期： 2014.4.2 实验成绩： 批改教师： 批改时间： 一、实验目的通过本课程的训练，掌握ActionScript的基本语法；熟悉常用的ActionScript语句二、实验要求在d盘建立自己的文件，制作能够跳转到网页的按钮。三、实验设备、环境586以上计算机、装有IE6、flash软件。四、实验步骤及内容1、设置作品舞台属性新建一个Flash文档，将舞台大小定义为200x300像素，背景色为“黑色”，默认帧频12fps，并保存为“能够跳转到网页的按钮.fla”，

14、完成后如下图所示：2、创建一个“搜狐”的按钮元件（1）使用“插入新建元件”命令，在“创建新元件”对话框中，将元件名称命名为“搜狐”，行为类型中选用“按钮”，然后单击“确定”按钮，如下图所示，进入元件舞台。（2）选用“矩形工具”，在选项区域中将“笔触颜色”禁用，设置填充色为“球红”，然后在元件舞台的中心位置画出一个矩形（可用对齐面板调整矩形的舞台位置），如图所示：（3）将“搜狐”按钮元件的图层重命名为“图形”，然后分别在“指针经过”帧和“按下”正中插入关键帧。再把“指针经过”帧和“按下”帧中的矩形填充颜色设置为“球绿”和“球蓝”，完成后的时间轴如下图所示：（4）先将“图形”图层锁定，接着在该图层

15、的上方插入一个新的图层，并重命名为“搜狐文字”，然后使用“文本工具”在舞台中心位置输入字体为“隶书”，字号为“20”，字体颜色为“黄色”的字符“搜狐网站”，完成后如下图所示：3、参照“搜狐”按钮元件的制作过程，再创建“新浪”和“上海热线”2个图形按钮，如下图所示：4、在场景舞台中使用按钮元件，创建按钮实例返回到场景舞台中，按F11键打开作品素材库，将3个不同的图形按钮拖曳到场景舞台上，并对创建出的按钮实例合理布局，调整大小，完成后如下图所示：5、为按钮实例设置正确的action动作命令（1）选中舞台上的“上海热线”按钮实例，单击展开“动作按钮”面板，双击“动作工具箱”中的“动作|浏览器/网络|

16、getURL”命令，在URL输入框中输入需要跳转到的URL地址，此处由于我们试图在单击“上海热线”按钮之后，能够跳转到上海热线的首页，所以输入“”，注意统一资源定位器的地址一定要完整的输入，否则会出错。然后在窗口下拉列表中选用“_blank”，作用是在一个新的窗口中打开网页，完成action动作设置后如下图所示：（2）对于“搜狐”和“新浪”按钮的action动作设置参照“上海热线”按钮的设置过程，只要修改其要跳转到的URL地址即可，此处不再赘述。至于action动作中不同的窗口选项（_self，_blank，_parent，_top）的不同效果。（3）选中舞台上的“搜狐网站”按钮实例，在“动作

17、按钮”面板中输入以下代码。（4）选中舞台上的“新浪网站”按钮实例，在“动作按钮”面板中输入以下代码。五、讨论、思考题1、action动作中不同的窗口选项（_self，_blank，_parent，_top）有何区别。2、单击“上海热线”按钮之后，能够跳转到上海热线的首页，所以输入“”，否则会出错。然后在窗口下拉列表中选用“_blank”，就能直接打开网站。3、单击“搜狐网站”按钮之后，能够跳转到搜狐网站的首页，所以输入“.”，否则会出错。然后在窗口下拉列表中选用“_parent”，就能直接打开网站。六、实验结果与分析ActionScript语句就是动作或者命令，动作可以相互独立地运行，也可以在

18、一个运作，还可以在一个动作内使用另一个动作，从而达到嵌套效果，使动作之间可以相互影响。ActionScript是Flash与程序进行通信的方式。用户可以通过它告诉Flash将要执行的任务，并询问在影片运行时发生了什么样的。这种双向的通信方式，使得用户可以创建具有交互功能的影片，能使得Flash能优于其他动画制作软件。实验项目名称： 动画制作综合实例 实验学时： 4 同组学生姓名： / 实验地点： 工科楼A210 实验日期： 2014.4.16 实验成绩： 批改教师： 批改时间： 一、实验目的通过本课程的训练，通过站点综合实例的练习，全面了解动画创建的全过程。二、实验要求在d盘建立自己的文件，制

19、作一个复杂动画。三、实验设备、环境 586以上计算机、装有IE6、flash软件。四、实验步骤及内容1、打开 “钻戒广告动画素材。fla”文件，新建影片剪辑元件“饰品一动”，在第15-50帧添加“闪光动”实例。新建图层2，在第160帧添加“饰品1”实例，插入相应的关键帧，并创建传统补间动画。依次调整第1、13帧所对应实例的Alpha值和X值，以及第60帧所对应实例的Alpha值，制作出实例从左向右、由无变清晰的出场，然后隐退的动画。2、新建图层3，在第1450帧添加“闪光动1”实例，插入相应的关键帧，并创建传统补间动画，制作实例由无变清晰的动画。3、新建“图层4”图层，在第1650帧添加“闪光

20、动1”实例，插入相应的关键帧，并创建传统补间动画，制作实例由无变清晰的动画。4、新建“图层5”图层，在第1750帧添加“闪光动1”实例，多次复制实例，并分别调整实例的大小和位置，将其分布在饰品上。5、参照“饰品1动”影片剪辑元件的创建方法，创建“饰品2动”影片剪辑元件，并制作相应的饰品和闪光动画。6、用同样的方法，创建影片剪辑元件“饰品3动” “饰品4动”，并制作相应的饰品动画。新建“广告语”影片剪辑元件，在第150帧添加“合成倒影”实例。在图层1下方新建图层2，在第823帧添加“合成倒影”实例并创建传统补间动画，修改第23帧所对应实例的缩放值和Alpha值。7、返回主场景，将图层1重命名“背景”，在第240帧插入帧并添加位图image1，在“属性”面板中调整其位置和大小。8、新建“饰品1”图层,将“饰品1动”实例并添加至该