西安ppt制作

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

—计算机图形学实验大作业

课程名称计算机图形学

实验名称二维绘图与计算机动画

姓名张文江

学号2

专业班级计1201

成绩

指导教师郑凯东

实验报告

课程名称计算机图形学实验名称flash小型动画姓名张文江学号

2专业班级计1201实验日期2014年10月31日成绩指导教师

郑凯东一、实验目的

1.了解flash动画的特色及基本原理。

2.熟悉flash软件的基本功能。

3.掌握flash绘图工具的使用。

4.掌握flash动画的基本制作原理及步骤。

二、实验环境

软件flashcs6

Windows7操作系统

三、实验内容与步骤、实验结果与分析(可提供屏幕抓图)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组合所有矩形，把它转为元件“遮罩

3”，类型:影片剪辑。

10、点对齐面板上的底对齐，使元件“遮罩3”的底和舞台对齐，在

图层1的40帧插入关键帧，创建间动画，在40帧处，移动元件“遮罩

3”，使元件“遮罩3”与舞台上对齐。并分别在图层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帧点右键--插入关键帧，在1~250帧内任选一帧点右键创建补间动

画，建立1~250帧的叶子运动，在属性栏面版上在“调整到路径上”打勾:

7、锁定图层1。添加运动引导层，选用工具栏中的铅笔工具，笔融颜色随

意，附属选项:平滑。填充色无。在引导层的第1帧画一条平滑曲线，即叶子运

动轨迹。

8、锁定引导层，打开图层1，把1帧的叶子元件拖到引导线的上端。注意:一

定要把元件注册点压在引导线上。

9、鼠标移到250帧，把1帧里的叶子元件拖到引导线的下端。记住要把元件

注册点压在引导线上。

10、按回车测试，叶子顺利飘落。锁定图层1打开引导层，复制第二条引导

线，增加图层2，在图层2的第11帧，把库里的叶子元件拖出舞台放在第二条引

导线的上端，在第260帧插

入关键帧，11~260帧内任意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、利用“任意变形工具”对元件“雪花”进行编辑，是元件“雪花”在图层

一的时间轴上

1—14帧上按逆时针旋转。

10、新建“图层2”。选中“图层2”第1帧单击右键选择“动作”选项进行

编程，程序及注

释如下。

vars=3;//速度

varnum=100;//数量

varsx=newArray();//创建速度X的随机数组

varsy=newArray();//创建速度y的随机数组

_root.a_mc._visible=0

for(i=1;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);//雪花透明度

sx[i]=s*()+s/2;//雪花X轴速度

sy[i]=s*()+s;//雪花y轴速度

}

}

a_rFrame=function(){

for(i=1;i

with(_root["a_mc"+i]){

_x+=sx[i];//在水平方向运动

_y+=sy[i];//在垂直方向运动

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帧，把背景图从库里拖出舞台，调整与舞台一样

大小。把图层1，用“文本工具”将在图片上写上“结束～”转换为图形元件

“结束”。

5、在81帧插入关键帧，把背景图从库里拖出舞台，调整与舞台一样

大小。把图层1，用“文本工具”将在图片上输入文字。

6、在281帧插入关键帧，把背景图从库里拖出舞台，调整与舞台一样

大小。把图层1，用“文本工具”将在图片上输入文字。

7、在481帧插入关键帧，把背景图从库里拖出舞台，调整与舞台一样

大小。把图层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的最大难点，

但我还是认为，良好的实践有助于你突破难点。

最后，我还体会到，当自己成功做成一部作品，不管作品技术层次高与否，只

要是自己努力过了，就会有很大的成就感，会感到很欣慰。