Flash实训报告.docx
《Flash实训报告.docx》由会员分享，可在线阅读，更多相关《Flash实训报告.docx（20页珍藏版）》请在冰豆网上搜索。
Flash实训报告
设计题目
课程设计报告
迎春动画
专学姓指完
2015年1月9日
专业
电子商务
课程设计任务书
班级
课程名称
动画制作
指导教师
设计题目
迎春动画
起止时间
2014年12月29日至
1月9日
周数
设计地点
管理系机房
设计目的:
掌握动画制作过程中的基本操作，图层的应用，逐帧动画，引导层使用，动画整体的设计。
设计任务或主要技术指标:
设计进度与要求:
第1-3天：
布置任务，查找相关资料，查找素材;
第4-7天：
熟悉软件的基本使用，制作动画;
第8-12天：
查找相关资料，撰写课程设计报告;
第13-14天：
进行答辩;
主要参考书及参考资料:
[1].郑芹，Flash动画设计（第2版），电子工业出版社，2012.6[2].黄刚，FLASHMX标准教程[M]，北京：
中国宇航出版社，2006.5
课程设计评定意见
评定意见:
评定成绩:
摘要
本文主要介绍了此次Flash动画设计实训以运用Flash一系列制作技术，围绕羊年新春为主题制作动画的过程。
在制作过程中首先要确定动画剧本，寻找音乐及动画素材，然后设计动画场景，创建动画中所需的各类图形元件，影片剪辑等，并插入文字，导入声音，添加按钮等到flash进行制作，最后进行测试调试及保存，完成了整个动画的制作。
整个制作过程中遇到许许多多制作的问题，但通过反复演练之后找到了解决的办法，通过此次课程设计，使自己更加熟练的运用了Flash动画设计软件，将所学运用到实际过程中，达到了学以致用的目的,
让自己受益匪浅。
关键词：
Flash制作新春动画图形元件影片剪辑
第一章
引言
第二章
实训目的
第三章
实训环境
3.1FLASH简介
3.2FLASH动画的特点
3.3FLASH动画的应用领域
第四章
内容及程序
4.1
实训内容
4.2
制作流程
4.3
制作步骤
第五章
软件测试
5.1
软件测试的目的及意义
5.2
软件通过的测试发现的问题
5.3
解决软件测试发现的问题
5.4
测试结论
第六章
实训后的作品评价
参考文献
14
14
14
15
15
16
18
第一章引言
FLASH是美国macromedia公司于1999年6月推出的优秀网页动画设计软件。
它是一种交互式动画设计工具，用它可以将音乐，声效，动画以及富有新意的界面融合在一起，以制作出咼品质的网页动态效果。
FLASH的前身是Futureplash，早期网上流行的矢量动画插件。
后来由于
Macromedia公司收购了FutureSplash以后便将其改名为Flash2，到现在最新
的flash4。
现在网上已经有成千上万个Flash站点，著名的如Macromedia专门
ShockRave站点，全部采用了ShockwaveFlash和Director。
可以说Flash已经渐渐成为交互式知量的标准，未来网页的一大主流。
作为电子商务专业的学生，学习Flash动画设计，是必然的。
Flash动画设
计课程是一门教习Flash动画的基本操作和动画设计方法的一门课程。
Flash把音乐，动画，声效，交互方式融合在一起，越来越多的人已经把Flash作为课件动画设计的主要工具，并且创作出了许多令人叹为观止的动画课件（电影）效果。
Flash强大的动画编辑功能使得设计者可以随心所欲地设计出高品质的动
画，通过ACTION和FSCOMMAND以实现交互性，使Flash具有更大的设计自由
度，另外，它与当今最流行的课件设计工具Director配合默契，可以制作出优
秀的幼儿多媒体课件。
Flash8.0的出现更是使Flash在面向对象开发方面达到了一个前所未有的
令人唏嘘的高度。
类、包、继承、封装、丰富的组件、项目管理、版本控制，这些以往只能在专业的面向对象的应用程序集成快速开发环境中才能见到的东西已经统统的在Flash中得到了贯彻。
本文主要介绍了此次Flash动画设计实训以运用Flash一系列制作技术，围绕羊年新春为主题制作动画的过程。
在制作过程中首先要确定动画剧本，寻找音
乐及动画素材，然后设计动画场景，创建动画中所需的各类图形元件，影片剪辑等，并插入文字，导入声音，添加按钮等到flash进行制作，最后进行测试调试及保存，完成了整个动画的制作。
第二章实训目的
Flash是动画过程中很重要的一门二维软件课程，是做动画不可缺少的一部分，对于初学的我们来说，这次实训是一个很好的锻炼平台。
我们一直在课本上学习理论知识。
这次通过实训，是我们在理论的基础上向实践能力的升华，对我们有很大的意义。
培养了我们自己的思维能力和创造能力，能根据自己所学创作
出作品。
并对flash的学习过程进行总结，改进自己的不足之处，掌握flash中图
形的绘制方法。
还锻炼我们实际能力，了解并熟悉flash动画的制作方法和具体流程。
通过本次实训了解和学习一些硬件资源的使用，增加我们对这门专业的更多的了解。
第三章实训环境
3.1FLASH简介
FLASH是美国macromedia公司于1999年6月推出的优秀网页动画设计软件。
它是一种交互式动画设计工具，用它可以将音乐，声效，动画以及富有新意的界面融合在一起，以制作出高品质的网页动态效果。
FLASH的前身是Futureplash,早期网上流行的矢量动画插件。
后来由于
Macromedia公司收购了FutureSplash以后便将其改名为Flash2,到现在最新的flash4。
现在网上已经有成千上万个Flash站点，著名的如Macromedia专门ShockRave站点，全部采用了ShockwaveFlash和Director。
可以说Flash已经渐渐成为交互式知量的标准，未来网页的一大主流。
3.2FLASH动画的特点
FLASH动画在网上广为使用，使得大众对它好评以及钟情的原因在于它拥有很多独特和而且便利的特点：
FLASH动画使用矢量图形系统，使用Flash创建的元素是用矢量来描述的。
矢量图形可以任意缩放尺寸而不影响图形的质量。
FLASH动画具有流式播放技术，使得动画可以边下载边播放，即使后面的内容还没有下载到硬盘，用户也可以开始欣赏动画。
Flash动画文件容量小，通过关键帧和组件技术的使用使得所生成的动画（.swf）文件非常小，几K字节的动画文件已经可以实现许多令人心动的动画效果，使得动画可以在打开网页很短的时间里就得以播放。
用户只要为自己的浏览器安装一次插件（FlashPlug-in）,以后就可以直接观
看动画。
FLASH动画支持MP3数据流式音频，可以将MP3音频压缩格式的文件直接导入Flash中，将音乐、动画、声效等融为一体。
FLASH动画具有增强的Flash交互功能，即Flash使用ActionScript语句，增强了对于交互事件的动作控制，使用户可以更精确、更容易的控制动画的播放。
动画拥有强大的网络传播能力。
动画拥有崭新的视觉效果。
动画制作成本低。
动画在制作完成后可以把生成的文件设置成带保护的格式，从
FLASH
FLASH
FLASH
FLASH
而维护了设计者的版权利益。
3.3FLASH动画的应用领域
1.随之计算机的普及以及网络的快速发展，网络动画是Flash的一个重要应用领域。
2.用Flash制作游戏有很多优势，如成本较低、跨平台开发、集成多种媒体形式和媒体设备、成果易于发布、DIY精神的体现等。
3.制作教学课件
4.FLASH电子贺卡
5.制作广告、动画特效
6.搭建FLASH动态网站以及网站导航条
7.制作企业作品展示
第四章内容及程序
4.1实训内容
在本次实训任务中，我们围绕着羊年新春为主题制作动画。
通过我们查找的相关资料、素材，绘制出各类元件、并设计好布局，利用所学的各种动画制作知识对动画进行相应的处理，最后进行测试调试出我们做的动画并撰写课程设计报告。
4.2制作流程
制作FLASH动画大致分为6个步骤，可以用如图4.1的流程图来概述。
图4.1FLASH动画制作流程图
4.3制作步骤
首先做准备工作，绘制我们所需要的各个部分并转化成元件，尤其在作品中重复使用的，将之做成元件是最好的选择，对作品来说既能节省空间又方便进行
F面的动画制作，在此，我将绘制好的元件分类做成了文件夹放置于库中，如图
4.2库中元件展示所示，细节的元件在后续的作品中有添加和运用。
〒库-新年快牙，込1
［箱年快乐
-EsdL&11
120顷
启称
1-
n
□
按a文件
背景
补间财神到福整体
呼
£5声音
乞羊帽各祁位
£1影治舸辑
巴柱子
图4.2库中元件展示
1•制作片段1
（1）新建文件，将文件中唯一的图层重命名为“背景1”，选择菜单项“文
件”一>“保存”，将该文件命名为“新年快乐.fla”。
（2）选中“背景1”图层的第1帧，选择库中“背景”文件里的“背景1”拖入到舞台并调整其大小，使其刚好铺满舞台，用做片段1的背景。
（3）选中该图层的第125帧，按F5功能键“插入帧”，时间轴面板如图4.3
所示。
F'.:
;n祥7：
^IJri11-】：
aWJv-SO
■■f-
III
图4.3第125帧插入帧的时间轴面板
（4）在“背景T上插入一个新图层，重命名为“闪星”，选择该图层的第1帧，然后从库中将“闪星”影片剪辑元件拖入舞台中，并根据舞台需要多次放置其在舞台上的位置，最后在该图层的第125帧处“插入帧”。
（5）在“闪星”图层上方插入一个新图层，重命名为“滚动的福”，选择该图层的第1帧，然后从库中将“滚动的福”影片剪辑元件拖入舞台之外左方的视
图区，接着选择该图层的第30帧、第60帧、第90帧、第105帧插入关键帧，并不断调整其位置，最后选择图层的第1帧、30帧、第60帧、第90帧，鼠标
右击，插入“创建补间动画”。
最后在该图层的第125帧处“插入帧”。
如图4.4所示。
5Ifl153025M5544归505560657D75flO&553951MB5
•>
吋t胸阿丽恤卄£qjT«[_卫二
图4.4时间轴面板
（6）
在“滚动的福”图层上方插入一个新图层，重命名为“文字1”，选择
该图层的第90帧按F6功能键“插入关键帧”，从库中将“文字1”图形元件拖入到舞台中并调整其位置，最后在该图层的第125帧处“插入帧”。
（7）在“文字1”图层上方插入一个新图层，重命名为“框1”。
选择该图
层的第112帧按F6功能键“插入关键帧”，从库中将“框”图形元件拖入到舞台
并调整其覆盖整个背景面板，然后调整其“属性”I“颜色”中的Alpha为0%,选择该图层的第125帧按F6功能键“插入关键帧”，然后调整其“属性”I“颜色”中的Alpha为100%。
最终动画片段1完成效果如图4.5所示。
F曲dft1SLI舀.电IM*
■已口«■■H…；a…丘匕70■■Te'前■£E■证■ts■■lM'liw■TTH"lii''jifr'£乂lac^■:
3k'140Ls■T亦
---，'FF-，-,:
F,「-r，r-F
dL
■■■V"
Ik
图4.5动画片段1
2.制作片段2
（1）接下来开始片段2的制作，为了方便后面的管理，首先我在时间轴上
创建了一系列的图层，并分别命名，然后将一类的图层在集中放入到一个文件夹中，如图4.6创建图层所示。
f新年如*［时同轴||
口；□旦口可口•日可山
*
■£?
+i-t_lS
图4.6创建图层
（2）在“片段2”文件夹中，插入一个新图层，重命名为“背景2”，选中
“背景2”图层的第125帧按F6功能键“插入关键帧”，选择库中“背景”文件
里的“背景2”拖入到舞台并调整其大小，使其刚好铺满舞台，用做片段2的背
景。
选中该图层的第284帧，按F5功能键“插入帧”。
（3）在“背景2”图层上方插入三个新图层，分别重命名为“牌子1”、“牌
子2”、“牌子3”，再分别选中这三个图层的第125帧、第145帧和第165帧“插入关键帧”。
因为动画需要，要让这三个牌子分别落下并且具有动态效果，因此从库中将“牌子”图形元件拖入舞台中进行调整位置，并为其分别“创建补间动
□二51301J514014S1501S5160fcs1701751001S51&01952M
…□“■=孚…'"'X”
画”。
如图4.7所示。
8＞锂手2**□
「川
万面心
a崭■上.宝Jli165|240陥「&加
图4.7牌子的补间动画
（4）在“牌子3”图层上方插入三个新图层，分别重命名为“财”、“神”、
“到”，再分别选中这三个图层的第190帧、第195帧和第200帧“插入关键帧”，然后分别从库中将“财”、“神”、“到”三个图形元件拖入舞台中并调整其位置，如图4.8所示。
图4.8文字位置
（5）接下来要做鞭炮燃烧的动画，插入新建元件【影片剪辑】，在库中将鞭炮文件打开，在这个影片剪辑中做鞭炮燃烧的逐帧动画，为了动画的更真实性以及作品的需要，这里分别新建了三个图层，在图层1第1帧插入关键帧，将“鞭炮1”图形元件拖入舞台中，在图层2第2帧插入关键帧，将“鞭炮2”图形元件拖入舞台中，同“鞭炮1”位置相重合，在图层3第3帧插入关键帧，将“鞭炮3”图形元件拖入舞台中，同“鞭炮2”位置相重合，做成效果如图4.9所示的鞭炮燃烧的影片剪辑。
新年块乐—
图4.9鞭炮燃烧的影片剪辑
（6）返回场景，插入新图层，重命名为“燃烧的鞭炮”，选择该图层的第
图4.10鞭炮放置效果图
（7）接下来制作小女孩手持金元宝动的动画，插入新建元件【影片剪辑】在库中将身体各部位文件打开，在这个影片剪辑中做小女孩手持金元宝动的补间动画，效果如图4.11所示。
图4.11影片剪辑中的补间动画
4.12所示。
（8）返回“场景”，插入新图层，重命名为“小人1”，并在该图层的第201帧插入关键帧，为了动画的更真实性以及作品的需要，这里每10帧交换一个位置，并用“空白关键帧”隔开，使其出场更加特别。
效果如图
I-TJL-H-n■■■■M'Vn■■■■■■■■■■■■■■■■■■■■■■■
¥壬乏M手圭辛至辛至辛壬辛壬弐—
"*an:
ss'Im''195"2if]215''2^0'>25230梟「闵'’園’揃'jss'血’265'2^C>'2sd2S
■■.■.,1IiI-.■-LJ-I■=■-.■.r■■■I=I■II>:
p■J-,I..I.--riI：
I”-0”=-r-
匸……汕…皿……迓……“也班i皿…….也
+.■_切■:
[-；■212J4.D
图4.12小人出场动画
（9）在“小人1”图层上方插入一个新图层，重命名为“框2”。
选择该图
层的第270帧按F6功能键“插入关键帧”，从库中将“框”图形元件拖入到舞台并调整其覆盖整个背景面板，然后调整其“属性”I“颜色”中的Alpha为0%,
选择该图层的第125帧按F6功能键“插入关键帧”，然后调整其“属性”色”中的Alpha为100%。
最终完成动画片段2的遮罩效果。
3.制作片段3
选中
文件
（1）在“片段3”文件夹中，插入一个新图层，重命名为“背景3”,
“背景3”图层的第285帧按F6功能键“插入关键帧”，选择库中“背景”里的“背景3”拖入到舞台并调整其大小，使其刚好铺满舞台，用做片段3的背
景。
选中该图层的第339帧，按F5功能键“插入帧”。
（2）在该图层的上方插入一个新图层文件夹，重命名为“柱形表”，并在里面分别插入六个新图层，每个图层分别相隔三个帧插入一个“关键帧”，使其产生逐帧动画的效果，如图4.13所示。
甸石"I*场杲］
*5口°上］'2552S5"770j752B&'36^Jffi205'310Jls'J3D
.■■■■■■■■■—.・■■■■■
二二^讣—
Pb.--■.
iTir~Z
心亦a.Ini£中|*1肥IIZ54■12.2s
Illi
图4.13柱形表逐帧动画
（3）接下来制作“小人2”影片剪辑，插入新建元件【影片剪辑】，在库中将身体各部位文件打开，在这个影片剪辑中做小女孩眨眼睛，手动的效果，为使动画的更真实性以及作品的需要，分别制作了3种眼睛的原画元件，如图4.14
然后手动的动作是每2帧交换一个动作，时间轴效果
所示。
并为了使其更加自然真实，在第1帧插入关键帧，将“眼睛1”图画元件拖入舞台，这里每隔1帧交换一个眨眼睛的元件，共交换5次。
然后相隔25帧再将前5次元件重复一次，如图4.15所示。
图4.14眼睛原画元件
图4.15时间轴面板
（4）返回“场景”，插入新图层，重命名为“小人2”，并在该图层的第285帧插入关键帧，将“小人2”影片剪辑拖入舞台中调整其位置。
（5）在“小人2”图层上方插入一个新图层，重命名为“文字2”，选择该图层的第303帧按F6功能键“插入关键帧”，从库中将“文字2”图形元件拖入到舞台中并调整其位置，最后在该图层的第340帧处“插入帧”。
（6）接下来要做烟花的动画，插入新建元件【影片剪辑】，在库中将闪星文件打开，在这个影片剪辑中做烟花的逐帧动画，时间轴效果如图4.16所示的烟花1的影片剪辑。
-
；E
■•■bb■■■■■■■
1[iir1i111E1
5101520
k乩：
•一u
新年快乐*
）J右创更[•旷1—r24?
0f
图4.16时间
I■-I■I■aI■I
■弓口.2652702752酣
dS片盟**■,
⑺框3…□]
（7）返回“场景”，插入新图层，重命名为“烟花”，并在该图层的第285帧插入关键帧，为了动画的更真实性以及作品的需要，这里每隔5帧插入一个关键帧，并且每5帧用“空白关键帧”隔开，使其绽放的各加自然。
效果如图4.17所示。
&52902*53003053103151203253303353403聲
_山严，-zjx□HJdJ■二]也匚…1「蛀:
扌
图4.17时间轴
（8）在“烟花”图层上方插入一个新图层，重命名为“框3”。
选择该图层
的第330帧按F6功能键“插入关键帧”，从库中将“框”图形元件拖入到舞台并调整其覆盖整个背景面板，然后调整其“属性”I“颜色”中的Alpha为0%,选
择该图层的第339帧按F6功能键“插入关键帧”，然后调整其“属性”I“颜色”中的Alpha为100%。
最终完成动画片段3效果。
4.制作片段4
（1）在“片段4”文件夹中，插入一个新图层，重命名为“背景4”，选中
“背景4”图层的第340帧按F6功能键“插入关键帧”，选择库中“背景”文件
里的“背景4”拖入到舞台并调整其大小，使其刚好铺满舞台，用做片段4的背
景。
选中该图层的第500帧，按F5功能键“插入帧”。
（2）接下来制作“小人3”影片剪辑，小人3同小人2做法一样，手肘稍有改动。
（3）返回“场景”，插入新图层，重命名为“小人3”，并在该图层的第340帧插入关键帧，将“小人3”影片剪辑拖入舞台中调整其位置。
（4）在“小人3”图层上方插入一个新图层，重命名为“小人4”，并在该图层的第442帧插入关键帧，将“小人4”影片剪辑拖入舞台中调整其位置。
（5）在“小人4”图层上方插入一个新图层，重命名为“文字3”，选择该图层的第340帧按F6功能键“插入关键帧”，从库中将“文字3”图形元件拖入到舞台中并调整其位置，最后在该图层的第500帧处“插入帧”。
（6）接下来要做烟花的动画，插入新建元件【影片剪辑】，在库中将闪星文件打开，在这个影片剪辑中做烟花的逐帧动画，时间轴效果如图4.18所示的烟花3的影片剪辑。
「时间tf］牛
列i3□1510152025
（7）返回“场景”，插入新图层，重命名为“烟花2”，并在该图层的第340帧插入关键帧，为了动画的更真实性以及作品的需要，这里每隔15帧插入一个关键帧，并且每段帧用“空白关键帧”隔开，使其绽放的各加自然。
（8）在“烟花”图层上方插入一个新图层，重命名为“星空”。
选择该图层的第340帧按F6功能键“插入关键帧”，将制作好的“星空“影片剪辑拖入舞台中并调整其位置。
（9）新建一个按钮元件，制作一个“replay“的按钮，然后返回场景，在第472帧出插入“关键帧”，将按钮元件拖入舞台中并调整好其位置，然后右击舞台中按钮元件，在出现的菜单项中选择“动作”，然后选择全局函数中影片剪辑控制，在右面的代码框中输入如下代码：
on（release）{gotoAndPlay
（1）;}
然后再将“背景4”、“小人3”、“小人4”、“文字3”、“烟花2”、“星空”图层的第500帧处鼠标点击右键，在出现的菜单项中选择“动作”，然
后在代码框中输入如下代码：
Stop（）;
最后羊年新春动画就制作完成了，然后导出
图4.19导出动画
-忡闩应审问岂园!
W腫化为ts瓯刈丈口®4苛口辰WliMeLiw
xa"
*k
a3
zp
iA
O□
BBB；
ffia
Flash动画。
如图4.19所示。
取消］
第五章软件测试
5.1软件测试的目的及意义
5.2
（1）
验证软件是否满足任务书和技术要求
软件通过的测试发现的问题
在制作片段1里的闪星影片剪辑时，出现颜色无法连贯转换的问题。
制作闪星边变换颜色边放大缩小的样子时，出现从一种颜色直接变换为了
另一种颜色，中间没有过度效果。
（2）在制作片段1里的滚动的福的补间动画时，出现元件图片滚动太快的问题。
（3）在制作片段1向片段2过度的遮罩框时，创建了补间动画，但是没有逐渐
消失的效果，而是一直没有变化。
（4）片段2中的小人1手持金元宝上下动的动作不连贯，出现播放时整体错位
的问题。
（5）片段3中小人3影片剪辑中小女孩眨眼睛太快。
5.3解决软件测试发现的问题
（1）针对5.2中的第1个问题
重新编辑，对“闪星”影片剪辑里第15帧的“星”图形元件进行属性编辑,调整其颜色中的“色调”值为#FF9900,然后对其创建补间动画，再次测试软件,测试成功，未发现问题。
（2）针对5.2中的第2个问题
重新整理编辑，发现帧与帧之间间隔太短，造成频率过快，所以重新拉大了帧的位
升级会员 