flash实训报告

实训报告
一、实训的目的
网络动画设计实训是我们学习完Flash CS5软件后进行的一个必须的实践教学环节，是较为全面的、较熟练地运用Flash CS5软件的基本训练。

其目的是：
1、通过该实训，巩固和熟练掌握flash软件绘图、编辑工具的使用，能够使用工具绘制逼真的矢量图；
2、通过此实训，使我们熟练制作逐帧动画、形状补间动画、动作补间动画、引导线动画和遮罩动画；
3、通过此实训，能够掌握向动画中添加声音，制作MTV、贺卡和课件。

二、实训的内容及要求
1、实训内容：
本次实训共计19道题目，内容如下
（1）绘制矢量图
（2）制作引导线动画和遮罩动画
（3）制作按钮、网页导入页面
（4）制作贺卡和MTV
（5）制作课件
2、要求：
（1）按指导书说明完成19道题目，每道题目保存为fla和swf两种格式后在星期五之前提交给学委。

（2）撰写实训报告，写出动画制作的主要步骤，并打印。

三、实训时间安排
时间：2012-2013学年第二学期第16周。

具体安排见课表。

四、指导老师
五、实训项目（摘选部分）：
1. 绘制天空草地
(1)（1）新建一个Flash文件（2）选择【矩形工具】，在【属性】面板设置【笔触颜色】选项为“无”，保持【工具】面板上的【锁定】按钮及【对象绘制】开。

在【颜色】中
将填充色设为“线性”，单击颜色滑块左侧按钮将其调为“浅黄色”（模拟天空下部颜色），右侧按钮调为“湛蓝色”（模拟天空下部颜色），绘制矩形，选择【渐变变形工具】。

通过控制渐变色的方向、渐变色的距离和渐变色中心点的位置。

调节线性填充。

（3）用同样的方法制作草地、群山云朵。

最后结果图为：
2. 绘制国画
（1）选择【刷子工具】。

在【颜色】面板设置【笔触】颜色为“无”，填充【类型】为“放射状”，调节颜色滑块。

在舞台上画出一朵牡丹花的花瓣如图3所示。

都用一样的刷子工具绘制另外一朵花，还有绿色。

（2）利用文本工具打上文字，用钢笔工具绘制印章。

效果图
3. 绘制绿树
（1）选择【刷子工具】，设置【笔触颜色】设为“无”，【填充颜色】设为#333300，画出树干的轮廓，如图1所示。

使用【选择工具】，将树干调整到满意的形状，如图2所示。

图1 图2
(2)选择调整好的图形，选择【修改】【合并对象】【联合】选项。

(3)用同样的方法，选择【刷子工具】，【填充颜色】值设为#669900，画出树叶的轮廓，如图3所示。

使用【选择工具】调整树叶轮廓。

合并整体。

图3 图4
(4)选择树叶的图形，按Ctrl+D键重复复制三次，得到4个树叶的图形。

选择右侧的树叶，在【变形】面板上设置【旋转】为“-180度”。

选择最右侧的第4个树叶轮廓，使用鼠标右键选择【排列】【移至底层】命令。

(5)使用【任意变形工具】，如图4所示，放大第4个树叶的外轮廓一些。

(6)双击第3个树叶轮廓，进入“绘制对象”编辑模式。

选择【圆形工具】，设置【填充颜色】值为“橙色”画出一个轮廓。

选择该圆形，按Delete键删除，如图5所示。

(7)单击“场景l”返回到“场景”。

双击树干，选择【刷子工具】，在设置【填充颜色】为#333300，如图6所示，画出树梢的2个较细的枝干。

图5 图6
(8)单击“场景1”，返回到“场景”编辑模式下。

选择树干，将【填充类型】设为“线性”，将左侧颜色滑块调为较浅的“咖啡绿色”用来模拟树的受光颜色，将右侧颜色滑块调为较深的“咖啡色”用来模拟树的背光颜色，如图7所示。

(9)用同样的方法，选择树叶，将【填充类型】设为“线性”，将左侧颜色滑块调为较浅的“草绿色”用来模拟树叶的受光颜色．将右侧颜色滑块调为较深的“中绿色”用来模拟树叶的背光颜色，选择【渐变变形工具】工具，调整树叶的渐变颜色，
(1)添加一些树叶的细节
(2)打开【对象绘制】。

选择【刷子工具】，调整【笔刷大小】为“较大”，【笔刷形状】为“竖状的椭圆形”，设置【填充颜色】为#66CCOO，如图10所示，画出一片小树叶。

(3)选择该图形，按Ctrl+D键复制5～6个小树叶，将其排列为一组，如图11所示，使用【任意变形工具】调节各个小树叶的方向和大小。

选择这组树叶，按Ctrl+B键将其分离，使用【修改】【合并对象】【联合】将其合并。

(4)选择该图形，按Ctrl+D复制多组小树叶，沿着树叶轮廓排列，使用【任意变形工具】调节各组小树叶的方向和大小，得到如图12所示的效果。

图10 图11 图12
(5)选择【刷子工具】，调整【笔刷大小】为“较小”，【笔刷形状】为“圆形”，设置【填充颜色】为#996600，如图13所示，画出弧线形的树纹。

图13 图14 图15
(6)选择【圆形工具】，设置【笔触颜色】设为“无”，【填充颜色】设为“黑色”，在树下画一个椭圆形的阴影，使用鼠右键选择【排列】【移至底层】命令。

如图14所示，调整【填充类型】为“放射状”，颜色滑块的填充颜色的Alpha分别为75%、50%和0%。

选择【渐变变形工具】具，调整阴影的渐变颜色范围，如图15所示。

(7)选择【刷子工具】，调整【笔刷大小】为“较小”，【笔刷形状】为“圆形”，设置【填充颜色】为#99CC00，画出一根小草，如图16所示。

(8)按Ctrl+D键复制多个小草，并组成一组。

再复制成组的小草，得到如图17所示的效果。

图16 图1
4. 跳动字
1.新建一个文档，在属性面板中将场景大小设置为300×300，背景色设置为黑色，播放帧频设为15fps。

在工具栏中选择文本工具，使用文本工具在场景中输入“动”文字，如图2所示，并将“动”文字转换为图形元件“动”。

图2 图3
在工具栏中选择椭圆工具，在文字外绘制一个白色圆环，如图3所示。

在图层1的第10帧插入普通帧，然后新建图层2并将其拖动到图层1下方，如图4所示。

图4
将库中图形元件“动”拖动到图层2第1帧，在“属性”面板中将其alpha值设置为38。

在工具栏中选择任意变形工具，然后选中图层2中的文字，将其做一定角度的旋转并拖动到如所示的位置。

将图层2中的第1帧分别复制到第2~10帧，并分别调整各帧中文字的位置和alpha值，完成后的时间轴。

最后按【Ctrl+Enter】键盘测试动画，即可看到如图8所示的文字效果。

18.儿童教学课件
1.导入素材
其具体操作步骤如下：
(9)新建一个flash文档，在“属性”面板中将场景大小设置为800×600，背景色设置为白色。

(10)执行“文件”→“导入”→“导入到库”命令，将文件“小狗.swf”、“小猫.swf”、“小鸡.swf”、“小羊.swf”、“小青蛙..swf”文件以及所有的声音素材导入到“库”中。

2.制作影片剪辑
其具体操作步骤如下
(11)新建一个名为“狗影片”影片剪辑。

(12)在“库”面板中将“小狗.swf”拖动到场景中央。

如图1所示
图1
(13)将第1帧分别复制到第2帧和第3帧，并在第20帧插入普通帧。

(14)选中第1帧在“动作”面板中输入以下语句
stop()
(15)选中第2帧，在“属性”面板中做如图2所示的设置，然后在“动作”面板中输入以下语句。

stop()
(16)选中第2帧，然后将该帧中的“小狗.swf”做适当的放大，如图3所示。

图2 图3
(17)新建图层2，在第4帧插入空白关键帧，然后选中第4帧，在“属性”面板中做如图4所示的设置。

(18)新建图层3，在第3帧插入空白关键帧。

(19)选中第3帧，并使用矩形工具在场景中绘制一个alpha值为70的白色矩形，如图5所示。

(20)新建图层4，在第3帧插入空白关键帧。

图4 图5
(21)选中图层3，使用文本工具在中输入黑色的“小狗”文字和拼音，如图6所示。

(22)根据图层2中的主意的节奏，将第3帧分别复制到第帧和第8帧，并根据语音分别将这两帧中的相应文字和拼音修改为红色，如图7和图8所示。

图6 图7 图8
(23)将第8帧复制到第20帧，然后选中第20帧，并在“动作”面板中输入以下语句。

gotoAndPlay(3)
(24)完成后的时间轴和场景如图9所示。

图9
(25)单击时间轴左上角的“场景-1”按钮返回到主场景。

(26)使用同样的方法新建并编辑“鸡影片”影片剪辑（注意图层1第2帧和图层2中的声音更换为与小鸡相适应的声音。

(27)新建并编辑“猫影片”影片剪辑。

(28)新建并编辑“蛙影片”影片剪辑。

(29)新建并编辑“鸭影片”影片剪辑。

(30)新建并编辑“羊影片”影片剪辑。

3.编辑主场景
其具体操作步骤如下
(31)将图层1重命名为“背景”图层。

(32)使用矩形工具绘制一个与场景同样大小的绿色矩形，然后使用刷子工具在矩形中绘制如图10所示的文字图形。

图10
(33)在“库”面板中将“小鸡.swf”、“小狗.swf”和“小青蛙..swf”分别拖动到拖动到场景中如图11所示的位置。

图11
(34)选中“小鸡.swf”，在“属性”面板中做如图12所示的设置。

(35)使用同样的方法将“小狗.swf”、“小青蛙..swf”做如图13和图14所示的设置。

图12 图13 图14
(36)选中第1帧，在“属性”面板中做如图15所示的设置。

图15
(37)选中第1帧，在“动作”面板中输入以下语句
stop();
chick1.addEventListener(MouseEvent.CLICK,chickPlay);
function chickPlay(evt:MouseEvent):void {
play();
}
dog1.addEventListener(MouseEvent.CLICK,dogPlay);
function dogPlay(evt:MouseEvent):void {
play();
}
frog1.addEventListener(MouseEvent.CLICK,frogPlay);
function frogPlay(evt:MouseEvent):void {
play();
}
(38)在第2帧插入空白关键帧，然后使用铅笔工具在场景中绘制如图16所示的背景线稿。

(39)制线稿后，使用颜料桶工具为背景中的各部分填充相应的颜色，注意填充的颜色应尽量协调，而且色彩应该鲜艳。

如图17所示。

图16 图17
(40)新建一个名为“动物”的图层，在第2帧插入空白关键帧
(41)选中第2帧，在库面板中将影片剪辑“狗影片”、“鸡影片”、“猫影片”、“蛙影片”、“鸭影片”、和“羊影片”影片剪辑拖动到场景中，并放置到场景中如图所示的位置。

图18
(42)选中“小鸡.swf”，在“属性”面板中做如图19所示的设置。

图19 图20 图21
图22 图23 图24
(43)使用同样的方法将“小狗.swf”、“小青蛙..swf”“小猫.swf”、“小鸭.swf”、“小羊.swf”、做如图所示的设置。

(44)选中第2帧，在“动作”面板中输入以下语句
stop();
dog2.addEventListener(MouseEvent.ROLL_OVER,dogBark1);
function dogBark1(evt:MouseEvent):void {
dog2.gotoAndPlay(2);
}
dog2.addEventListener(MouseEvent.ROLL_OUT,dogBark2);
function dogBark2(evt:MouseEvent):void {
dog2.gotoAndPlay(1);
}
dog2.addEventListener(MouseEvent.MOUSE_DOWN,dogBark3);
function dogBark3(evt:MouseEvent):void {
dog2.gotoAndPlay(3);
}
(45)完成后的时间轴和场景如图25和图26所示。

图25 图26
(46)最后按【Ctrl+Enter】键测试动画，即可看到本例制作的儿童识字课件效果。

六、实训收获：
在这次的实训中，做各种项目时，如果没有遇到难题，我会做得很快，但是遇到比较复杂的项目，现在来总结一下每个项目所遇到的问题与收获：
1.绘画天空与草地。

这个项目跟我们学习的第一二单元有点相似，都是在考究我
们对钢笔工具，对颜色的掌握程度，这题目基本上没什么难点，但我也学习到
了在绘画每一个矢量图时，都需要适当地群组和分层，这样能都大大提高日后
想要修改的可能性。

2.绘画国画。

我学会了使用笔刷，根据改变笔刷的颜色（透明度，渐变的效果），
笔刷的形状，可以绘画出牡丹花的效果。

之前真的不知道笔刷也可以制作出这
么炫的图案。

但是这个项目令我很难忘的是，我快要制作完毕的时候，软件不
知道为什么，突然自己关了，而我却一直忘了保存。

因此，我唯有再重做一次。

3.绘画绿树。

在这个项目中，要求我们使用图层叠加改变颜色，增加肌理条纹来
制作立体的效果。

我也学会了把绿树的树干复制多一层，改变颜色便能够有种
立体的效果。

4.跳动字。

这项目运用了插入关键帧，改变不同帧的位置和角度以达到动感的效
果。

这让我可以运用到网页中，制作动感的banner。

5.旋转字。

运用遮罩层，对某一部分进行遮罩，其他部分ctrl+B打散用橡皮擦擦
掉。

把字排成圆形再进行逆时针的旋转。

其实在14个项目也有运用到此动作。

6.膨胀字。

这个项目感觉挺难的，花了我不少的时间。

主要是考传统补间动画，
通过拉动关键帧的大小进行补间，学会了ctrl+k进行各个帧的对齐。

7.百叶窗效果。

以一张图作为遮罩对象，遮罩层画满大小一致的矩形。

此项目让
我学会了如何进行图与图之间进行动感地切换。

8.水波。

在小黎老师的课上，所做的房地产项目就有水波的流动效果flash插入，
但是当时不会。

现在实训这个项目让我也能够学习制作让图片中的水流产生动
感的效果了！主要运用了遮罩层，遮罩层需要是能动的影片剪辑。

9.遮罩文字。

学会了运用脚本中的鼠标事件的一些定义。

能够使鼠标的移动跟随
者遮罩层的移动，而出现文字。

10.毛笔绘画。

运用了遮罩层和引导线等。

先用引导线绘画好毛笔的运行路径，再
用遮罩层遮罩不同关键帧。

11.蝴蝶飞舞。

与毛笔绘画基本一致。

少了遮罩层的运用。

12.落叶。

通过制作落叶的影片剪辑加上引导线的动画效果。

13.3d按钮。

学会改变按钮的经过，按下等。

需要把不同帧进行插入，制作旋转的
3D效果，可以使用翻转帧的命令。

然后把影片剪辑放到按钮经过的帧上。

14.网站导入界面。

这个有关我们未来可能从事的职业网络编辑。

网络编辑需要我
们制作一些loading。

这个项目就教会我们制作比较炫目的loading效果。

15.铃铛。

在这个项目的制作步骤中，很难看懂。

我当时不停地在元件名字中纠结。

把lingdang、dang、ling等混淆了，后来花了很大的功夫才搞清楚。

16.新年贺卡。

学会制作按钮的脚本，通过开始按钮播放flash
17.MTV。

这个我足足画了差不多一天的时间制作。

它教会了我场景和场景之间的
转换，通过上下拉动图片，放大缩小图片。

有些工作很繁琐，比如必须自己把
素材的没用部分擦去，把素材变成透明效果。

18.儿童教学课件。

这个项目我觉得很有趣，他运用了脚本中的影片剪辑的命令。

虽然现在还是有点搞不懂，但是还是有收获的，学会了MouseEvent。

不仅是按
钮，影片剪辑也能够发生鼠标事件，能够通过鼠标事件，播放不同影片剪辑。

七、实训总结：
在这次实训中，我深深感到了自己的不足：
1. 这个动画应用的形式太少，对软件了解的不够透彻，工具应用不熟练。

2. 动画整体颜色不是很敏锐，很多需要绘画的项目的颜色不能达到百分之80的相似度。

3. 对影片剪辑的制作不够熟练，制作的影片剪辑有不合格之处。

4. 图片变换太多很容易手忙脚乱，要不停地停留在一个问题上纠结，需要不停看老师给的参考步骤。

5.对用flash绘画还不够熟悉。

6.对于脚本语言的运用还停留在一对一的照抄照搬，很难通过所认识的知识进行进一步的自我运用。

同时，这次实训我对Flash软件有了更深层次的了解，对软件和工具有了更好的认识。

使自己的动手能力有了更进一步的提高。

但通过这次实训我也认识到自己的很多不足，对软件及相关的知识还有待进一步的提高，对以后的学习有很大的帮助。

我学会了遮罩层的更近一步的运用，学会了引导线的运用。

更加灵活地运用钢笔工具绘图，学会了脚本制作视频的播放和回放，按钮的脚本事件，影片剪辑的脚本事件。

总体而言，这次的实训我感到了汗水也收获了满足和技能。