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

实验报告计算机图形学实验大作业 课程名称 计算机图形学 实验名称 二维绘图与计算机动画 姓 名 张文江 学 号 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); /