西安石油大学flash 实验报告二维绘图与计算机动画.doc

实验报告计算机图形学实验大作业 课程名称 计算机图形学 实验名称 二维绘图与计算机动画 姓 名 张文江 学 号 2011070101022 专业班级 计1201 成 绩 指导教师 郑凯东 实 验 报 告课程名称 计算机图形学 实验名称 flash小型动画 姓 名 张文江 学 号 201107010122专业班级 计1201 实验日期 2014 年 10月 31 日 成绩 指导教师 郑凯东 一、实验目的 1.了解flash动画的特色及基本原理。 2. 熟悉flash软件的基本功能。 3.掌握flash绘图工具的使用。 4.掌握flash动画的基本制作原理及步骤。二、实验环境软件flash cs 6Windows 7操作系统三、 实验内容与步骤、实验结果与分析(可提供屏幕抓图)1.项目1Flash制作视觉动画效果：飘落的枫叶一 素材二制作方法:1、 建新文档。2、文件-导入-导入到库。把背景图片导入到库。3、打开对齐面版，相对于舞台，水平中齐，垂直中齐。把背景和舞台对齐。4、打开窗口-库, 在1 帧，把背景图从库里拖出舞台，调整与舞台一样大小。把图层1 改为背景层，右键点背景，转换为元件“影片剪辑”，名：背景。5、在选项框中选择“插入”选项，在导出的列表中选择“新建元件”选项，在导出的设置框中设置名称为“元件1”类型为“图形”。 6、选择“铅笔工具”，填充颜色为绿色，在“元件1”元件页面里画一片荷叶。并用“颜色桶工具”将荷叶染为绿色。 7、在选项框中选择“插入”选项，在导出的列表中选择“新建元件”选项，在导出的设置框中设置名称为“元件2”类型为“图形”。选择“铅笔工具”，填充颜色为绿色，在“元件2”元件页面里画三片荷叶。并用“颜色桶工具”将荷叶染为绿色。 8、在选项框中选择“插入”选项，在导出的列表中选择“新建元件”选项，在导出的设置框中设置名称为“元件6”类型为“图形”。选择“铅笔工具”，填充颜色为绿色，在“荷花”元件页面里画一片荷花。并用“颜色桶工具”将荷叶染为粉红色。 9、在选项框中选择“插入”选项，在导出的列表中选择“新建元件”选项，在导出的设置框中设置名称为“元件5”类型为“图形”。选择“铅笔工具”，填充颜色为绿色，在“元件5”元件页面里画一个荷藕。并用“颜色桶工具”将荷叶染为绿色。 10、在选项框中选择“插入”选项，在导出的列表中选择“新建元件”选项，在导出的设置框中设置名称为“元件7”类型为“图形”。选择“铅笔工具”绘制一个蜻蜓，并用“颜色桶工具”也起着色。 11、在选项框中选择“插入”选项，在导出的列表中选择“新建元件”选项，在导出的设置框中设置名称为“元件19”类型为“图形”。选择“铅笔工具”绘制一组荷花、荷藕、荷叶，并用“颜色桶工具”也起着色。 12、在库中建立几个形态各异“荷花”“荷藕”“荷叶”元件。 13、在图层一中将19个元件以不同的组合逐帧添加到图层一的不同帧中。 14、在选项框中选择“插入”选项，在导出的列表中选择“新建元件”选项，在导出的设置框中设置名称为“鱼1”类型为“影片剪辑”。选择“铅笔工具”“矩形工具”“椭圆工具”绘制“鱼1”，并用“颜色桶工具”着色。 15、在“鱼1”元件対“鱼1”进行编辑，在图层一的时间轴上选取前七帧全部转换为关键帧，然后逐次选择各帧使鱼尾分别处在水平、上翘、下翘。 16、在选项框中选择“插入”选项，在导出的列表中选择“新建元件”选项，在导出的设置框中设置名称为“鱼2”类型为“影片剪辑”。将影片剪辑“鱼1”中的的鱼复制到影片剪辑“鱼2”中，并用“颜色桶工具”着鱼改成金黄色。 17、在图层三第一帧处将元件“鱼1”、“鱼2”载入不同的地方，通过任意变形工具将他们缩小到合适的大小转换为元件“鱼1小”、“鱼2小” 。 18、在图层三中将元件“鱼1小”、“鱼2小”以不同的组合逐帧添加到图层一的不同帧中的舞台中不同的地方,并将他们所，使看起来于是连续运动的。 19、对背景元件进行编辑，选择“文本工具”在背景图形上建立一个矩形框，将要输入的文字输入，设置其系列为“中华行楷”。 20、现在测试影片。文件另存为枫叶飘零，导出源文件 *.fla 文件-导出影片，把弹出菜单中的由下而上改为由上而下，确定，导出影片文件 *.swf。2.项目2Flash制作视觉动画效果：瀑布流水一 素材二制作方法:1、 建新文档，设背景为蓝色，其它默认。2、文件-导入-导入到库。把背景图片导入到库。3、打开对齐面版，相对于舞台，水平中齐，垂直中齐。把背景和舞台对齐。4、打开窗口-库, 在1 帧，把背景图从库里拖出舞台，调整与舞台一样大小。把图层1 改为背景层，右键点背景，转换为元件“影片剪辑”，名：背景。5、增加图层2，右键图层1的第一帧复制帧，右键图层二的第一帧，粘贴帧。 6、在图层1 右键点图片-转换为元件，类型：影片剪辑，命名为：背景。锁定第1 层，隐藏图层1，打开图层2。 7、打开图层2，点第一帧，右键图片“分离”，将图片打散。选用“套索工具”，在打散后的图片上删除水以外的部分。8、 把水的部分转换为元件。 9、插入图层3，选用矩形工具在舞台上上画一个550*7pt的长方形，再对齐面板选择“水平对齐”和“上对齐”，把长方形移到舞台的上边线。选用箭头工具右键长方形“复制”，ctrl+d复制n个长方形，行距7像素。所有的矩形为画面的1.2倍左右的时候，把舞台调整为25% ，用箭头工具把所有的矩形及图片括起来，点对齐面版上的水平对齐，Ctrl+G 组合所有矩形，把它转为元件“遮罩600pt.swf3”，类型：影片剪辑。 10、点对齐面板上的底对齐，使元件“遮罩600pt.swf3”的底和舞台对齐，在图层1的40帧插入关键帧，创建间动画，在40帧处，移动元件“遮罩600pt.swf3”，使元件“遮罩600pt.swf3”与舞台上对齐。并分别在图层2、图层3的的40帧插入关键帧。 11、右键点层3设置为“遮罩层”，图层二为被遮罩层。 12、新建图层4在第200帧的地方插入关键帧，拖到入库中的声音导入舞台中。 13、对背景元件进行编辑，选择“文本工具”在背景图形上建立一个矩形框，将要输入的文字输入，设置其系列为“中华行楷”。 12、现在测试影片。文件另存为枫叶飘零，导出源文件 *.fla 文件-导出影片，把弹出菜单中的由下而上改为由上而下，确定，导出影片文件 *.swf。3.项目三Flash制作视觉动画效果：飘落的枫叶一 素材制作方法:1、 建新文档。2、文件-导入-导入到库。把背景图片和叶子图片导入到库。3、打开对齐面版，相对于舞台，水平中齐，垂直中齐。把背景和舞台对齐。4、打开窗口-库, 在1 帧，把背景图从库里拖出舞台，调整与舞台一样大小。把图层1 改为背景层，右键点背景，转换为图形元件，名：背景。在300 帧点左键，插入帧。5、锁定背景层，新建图层1，在第1 帧，从库里把叶子图片拖出舞台, 选取工具栏中的任意变形工具把叶子调好方向大小，对叶子点右键, 转换为影片剪辑元件，名：叶子6、 在250帧点右键-插入关键帧，在1250帧内任选一帧点右键创建补间动画，建立1250帧的叶子运动，在属性栏面版上在“调整到路径上”打勾：7、锁定图层1 。添加运动引导层，选用工具栏中的铅笔工具，笔融颜色随意，附属选项：平滑。填充色无。在引导层的第 1帧 画一条平滑曲线，即叶子运动轨迹。8、 锁定引导层，打开图层1，把1 帧的叶子元件拖到引导线的上端。注意：一定要把元件注册点压在引导线上。9、鼠标移到250帧，把1 帧里的叶子元件拖到引导线的下端。记住要把元件注册点压在引导线上。10、按回车测试，叶子顺利飘落。锁定图层1 打开引导层，复制第二条引导线，增加图层2，在图层2 的第11帧，把库里的叶子元件拖出舞台放在第二条引导线的上端，在第260帧插入关键帧，11260帧内任意1帧点右键创建补间动画，点260帧，把引导线上端的叶子元件到下端，把属性栏面版上在“调整到路径上”打勾11、不断重复第10步，每复制或重新画一条引导线，就相应加一图层，每新图层比前图层后退10帧 ，直到您认为叶子够了为止。这是第9层时间轴的前部份 12、对背景元件进行编辑，选择“文本工具”在背景图形上建立一个矩形框，将要输入的文字输入，设置其系列为“中华行楷”。13、 新建图层12在第300帧的地方插入关键帧，拖到入库中的声音导入舞台中。14现在测试影片。文件另存为枫叶飘零，导出源文件 *.fla 文件-导出影片，把弹出菜单中的由下而上改为由上而下，确定，导出影片文件 *.swf。4.项目4Flash制作视觉动画效果：大雪飘零一素材二制作方法:1、 建新文档。2、文件-导入-导入到库。把背景图片导入到库。3、打开对齐面版，相对于舞台，水平中齐，垂直中齐。把背景和舞台对齐。4、打开窗口-库, 在1 帧，把背景图从库里拖出舞台，调整与舞台一样大小。把图层1 改为背景层，右键点背景，转换为元件“影片剪辑”，名：背景。5、在选项框中选择“插入”选项，在导出的列表中选择“新建元件”选项，在导出的设置框中设置名称为“雪花1”类型为“影片剪辑”。 6、选择“线条工具”在“雪”元件页面里画雪花的一个部分 7、新建元件“雪花2”类型为“影片剪辑”。将元件“雪花1”用“任意变形工具”复制过来进行完善。 8、新建元件“雪花”类型为“影片剪辑”。将元件“雪花2”用“任意变形工具”复制过来。 9、利用“任意变形工具”对元件“雪花”进行编辑，是元件“雪花”在图层一的时间轴上114帧上按逆时针旋转。 10、新建“图层2”。选中“图层2”第1帧单击右键选择“动作”选项进行编程，程序及注释如下。 var s = 3; /速度var num=100; /数量var sx=new Array(); /创建速度X的随机数组var sy=new Array(); /创建速度y的随机数组_root.a_mc._visible=0 for(i=1;i<num;i+) /创建影片个数 duplicateMovieClip(a_mc,"a_mc"+i,i); with(_root"a_mc"+i) _x=random(600); /x位置随机出现在600像素内 _y=random(400); /y位置随机出现在100像素内 _xscale=random(50) /影片x大小 _yscale=_xscale /影片y大小 _rotation=random(180); /雪花旋转角度 _alpha=random(101); /雪花透明度 sxi=s*Math.random()+s/2; /雪花X轴速度 syi=s*Math.random()+s; /雪花y轴速度 a_mc.onEnterFrame=function() 待添加的隐藏文字内容3 for(i=1;i<num;i+) with(_root"a_mc"+i) _x+=sxi; /在水平方向运动 _y+=syi; /在垂直方向运动 if(_x<0) _x=550;/超出左边界，从右边界进入 if(_x>600)_x=0 ;/超出右边界，从左边界进入 if(_y>300)_y=0 ;/超出下边界，从上边界进入 11、对背景元件进行编辑，选择“文本工具”在背景图形上建立一个矩形框，将要输入的文字输入，设置其系列为“中华行楷”。 12、将时间轴中的俩个帧一起复制然后拖至200帧的地方插入。 13、新建图层4在第200帧的地方插入关键帧，拖到入库中的声音导入舞台中。 14、现在测试影片。文件另存为枫叶飘零，导出源文件 *.fla 文件-导出影片，把弹出菜单中的由下而上改为由上而下，确定，导出影片文件 *.swf。5.项目5Flash制作视觉动画效果：结尾一 素材 1、 建新文档。2、文件-导入-导入到库。把背景图片和音乐导入到库。3、打开对齐面版，相对于舞台，水平中齐，垂直中齐。把背景和舞台对齐。4、打开窗口-库, 在1 帧，把背景图19.jpg从库里拖出舞台，调整与舞台一样大小。把图层1 ，用“文本工具”将在图片上写上“结束！”转换为图形元件“结束”。5、 在81 帧插入关键帧，把背景图33.jpg从库里拖出舞台，调整与舞台一样大小。把图层1 ，用“文本工具”将在图片上输入文字。6、 在281 帧插入关键帧，把背景图33.jpg从库里拖出舞台，调整与舞台一样大小。把图层1 ，用“文本工具”将在图片上输入文字。7、 在481 帧插入关键帧，把背景图22.jpg从库里拖出舞台，调整与舞台一样大小。把图层1 ，用“文本工具”将在图片上输入文字，再在560帧的地方插入关键在。8、 新建图层2在第560帧的地方插入关键帧，拖到入库中的声音导入舞台中。12、 现在测试影片。文件另存为枫叶飘零，导出源文件 *.fla 文件-导出影片，把弹出菜单中的由下而上改为由上而下，确定，导出影片文件 *.swf。6.项目6Flash制作视觉动画效果：动画合成1、 建新文档“动画合成”。2、 复制夏日荷花所有的帧，在场景1的图层1第一帧粘贴制帧。3、 插入场景二，复制潺潺流水所有的帧，在场景2的图层1第一帧粘贴制帧。4、 插入场景三，复制飘落枫叶所有的帧，在场景3的图层1第一帧粘贴制帧。5、 插入场景4，复制大雪飘零所有的帧，在场景3的图层1第一帧粘贴制帧。6、 插入场景5，复制尾所有的帧，在场景5的图层1第一帧粘贴制帧。7、 现在测试影片。文件另存为枫叶飘零，导出源文件 *.fla 文件-导出影片，把弹出菜单中的由下而上改为由上而下，确定，导出影片文件 *.swf。四、 问题与建议在做实验之前，我观看了一些网上的视频教程和优秀作品，体会到一部好的flash 作品是建立在作者扎实的软件操作基本功以及不拘一格的创意基础上的。我照着几集的视屏教程去学，去一步步 的做，虽然有时觉得很枯燥，但这些毕竟是基本功练就的阶段，没有这个阶段，何来以后很 炫的flash作品，在观看教程的时候我更加切实体会到了一个老生常谈的真理，即“理论结 合实际”，因为我发现，当我在观看视频教程时，总会觉得操作起来是那么的简单，甚至在 一些重复操作的阶段，我还会觉得很枯燥，但是当我真正其试着独立操作时，就会发现很多问题，哪怕是一个细节没有处理好，也会影响到后面的操作，比如在插入原件时，忘记把更 改元件类型（如将默认的图形改为影片剪辑类型），那么接下来的操作必然会出现一定的问 题。其次，我体会到任何的软件都只是一种工具而已，最终能够实现作品价值所在的还是作 者的构思，是作者发自内心的那种思考，一件好作品打动人的是它的内在，它的创意。就算 你画面再精美，内容的空洞还是会使观众觉得索然无味。 学习Flash和其它任何软件一样，从认识Flash开发软件入手。重点认识Flash里的各种 工具，熟悉工具面板，知道每一个工具的作用。等等。只要学习过其它软件，就应该很清楚 这个过程。这个时候学习的资料就是书店里浩瀚的Flash学习书籍。内容基本都差不多。网 上也有很多教程。这个时候学习是很枯燥的，就是重复，练好基本功，掌握基本知识。学习 flash和学习其他很多软件是一样的，主要是靠实践，当然也有更好的办法是和其它同学相 互交流，因为很多你遇到的问题，其他同学也很有可能遇到过，其他同学的经验应该会对你 有所帮助。只有经过实践，才能有好的技术。虽然技术是学习制作flash的最大难点，但我 还是认为，良好的实践有助于你突破难点。 最后，我还体会到，当自己成功做成一部作品，不管作品技术层次高与否，只要是自己努力过了，就会有很大的成就感，会感到很欣慰。