flash课程设计报告参考.docx
《flash课程设计报告参考.docx》由会员分享，可在线阅读，更多相关《flash课程设计报告参考.docx（24页珍藏版）》请在冰点文库上搜索。
flash课程设计报告参考
学号
201210119132
武汉科技大学城市学院
课程设计报告
课程名称《平面动画设计与制作（Flash）》课程设计
题目
平面动画设计与制作（Flash）综合设计
学部
城市学院信息工程学部
专业
信息计算科学
班级
12级信科1班
姓名
王明玲
指导教师
杨华勇
2013
年
07
月
04
日
课程设计评分表
评分标准：
5.学生是否严格遵守课程设计纪律，按照规定时间完成设计任务（占30%）
5.课程设计效果图：
（占50%）
（1）是否独立完成课程设计。
（2）课程设计是否完成课程设计任务书指定的全部要求。
（3）效果图设计切合主题，所做内容与主题相符。
（4）效果图设计富有创意，整体艺术加工效果。
5.课程设计报告书的撰写（占20%）
课程设计报告书的撰写的质量和规范。
教师评分：
1.学生出勤得分：
（A）（B）（C）（D）
2.课程设计效果图得分：
（A）（B）（C）（D）
3.课程设计报告得分：
（A）（B）（C）（D）
教师评语：
根据该生在课程设计期间，是否严格遵守课程设计纪律，按照规定时间完成设计任务，完成的程序设计的质量与规范，提交的课程设计报告书的质量与规范等多方面的评分，该生本次课程设计的评定成绩为（以优、良、中、及格、不及格评定）：
________
签字：
日期：
年月日
平面动画设计与制作（Flash）课程设计任务书
题目:
平面动画设计与制作（Flash）综合设计
一.课程设计教学条件要求
课程设计要求学生一人一组，独立完成，机房需要有安装Flashcs6、Photoshopcs6、Aution6以上版本的计算机提供课程设计使用。
二.课程设计任务
整体要求：
在完成每一个任务的时候，都要求认真审题，严格按照任务书要求完成设计，设计要与主题相符，有整体性的策划及设计，切忌堆砌图片，要有艺术创作的能力，设计过程中的步骤请在制作过程中边做边截图保存在课程设计报告书中，以便能更方便完成报告。
任务1：
网络贺卡设计制作
要求：
电子贺卡是在重大节日、纪念日、生日互相赠送的具在纪念意义的艺术表现形式，它能显示爱心，表达美好的祝愿，给我们增添欢乐，友谊和节日气氛和浓浓的祝福之情。
自定义素材，设计一副网络贺卡动画，贺卡尺寸、形状不现，要突出节日元素，具有别出心裁的创思，有音乐背景做衬托。
任务2：
动画短片与MV设计制作
要求：
主题的表达形式新颖，构思独特，有一定的技巧。
有一定的想象力和个性表现力。
内容结构设计独到新颖。
情节人物、语言等设计引人入胜。
角色形象生动活泼，富有艺术想象力。
音效与主题风格一致，具有艺术表现力。
画面美观，色彩和谐。
任务3：
商业广告动画设计制作
要求：
设计商业广告动画一副，主题可以选择商业、银行、服装、超市、楼盘等，根据主题需要进行资料收集，进行整体性的商业广告动画设计，在设计过程中以图片为主,文案为辅，综合画面要求符合产品风格、突出表达主题，吸引观众眼球，给人留下深刻印象。
可以自己策划主题、宣传语、品牌等相关内容，要求主题字体醒目，排版构图合理。
三.课程设计报告书主要内容
1.课程设计的目的
2.课程设计的开发环境和工具
3.课程设计的需求分析及概要设计
4.课程设计的详细设计步骤
四.课程设计要求
（1）学生按时到课程设计指定地点签到，遵守课程设计纪律。
（2）学生独立完成课程设计任务，按任务书要求完成设计任务。
（3）学生按时提交课程设计成果和A4纸打印的课程设计报告书。
五．课程设计参考资料
参考书：
1、《中文版FlashCS4全方位教程》
主编：
张维东
出版社：
航空工业出版社出版或修订时间：
2010年2月第一版
2、《FlashCS6从入门到精通》
主编：
李冉
出版社：
中国青年出版社出版或修订时间：
2012年第一版
3、《FlashCS4动画特效设计经典》
主编：
贺凯
出版社：
中国青年出版社出版或修订时间：
2010年9月第一版
指导教师：
杨华勇
1.设计目的
本课程设计要求在课程设计过程中，学生会对设计任务进行全面的策划，根据任务的描述，通过实际查阅资料、分析设计、综合利用Flash动画的基本原理和技术，并通过实践，掌握融汇自己思维及创意创作完整作品的基本方法和过程，达到能够制作运动动画、形变动画和逐帧动画；能够制作基本层动画、具有遮罩特效的动画和具有链接引导特效的动画；能够制作和使用符号；能够制作按钮并能够为按钮设置控制动画播放的动作脚本；能够为Flash作品添加声音；能设计制作出具有完整主题要求的Flash作品，在作品制作中能理性地、有针对性地选择使用flash提供的动画表现技术，还能够撰写基本的动画剧本和制作说明书的目标以达到加深、巩固所学课程的相关知识、培养学生综合设计的能力、参阅和参考各种资料的能力，达到灵活运用各种特效功能与技巧进行设计与创作，全面综合的提高学生利用各种手段进行设计、综合策划设计能力和整体分析及艺术处理的能力。
同时，通过实践教学活动，拓宽学生的知识领域，锻炼学生的实践技能，培养科学严谨、求真务实的工作作风。
2.开发环境和工具
1、硬件环境
（1）、主机要求CPU奔腾42.6GHz以上或双CPU;内存1G以上。
（2）、主机能与互联网相连、以便学生能够浏览优秀网站，搜集相关材料等。
2、软件环境
Windows2000或WindowsXP系统以上，Flashcs6、PhotoshopCS6以上等软件。
3.需求分析
Flash动画是一种矢量动画格式，具有体积小、兼容性好、丰富的视觉效果、互动性强大、流媒体播放技术、成本低廉等诸多优点，是当今最流行的网络动画格式。
Flash技术是一种交互式动画制作技术，它是一款创作矢量图形和动画的专业软件，被广泛用于动漫设计、网页广告设计、多媒体课件制作、游戏软件制作等领域。
正逐步成为全球公认的交互平台，在现代信息社会中的占有越来越重要的地位和作用。
这门课目的是利用Flash处理来实现网络动画的巨大功能，使用这一软件能够很好的完成需求需要。
4.概要设计
动画处理技术是将不同的基本元素，按照一定的创意组合成丰富多彩的动画效果。
主要在二度空间范围之内以轮廓线划分图与地之间的界限，描绘形象，是有目的的策划，动画处理设计是这些策划将要采取的形式之一，在动画处理设计中你需要用视觉元素来传播你的设想和计划，用文字和图形把信息传达给受众，让人们通过这些视觉元素了解你的设想和计划。
任务1：
网络贺卡设计制作
①设计方案的论证：
不知不觉已经过了20年的光阴岁月，在这些日子中，我们结识了许许多多的好朋友，一路走来，身边总会有人陪伴着，开心了，有朋友陪着开心；难过了，也有朋友替你擦去泪水。
回忆至此，总是感慨良多。
现在在大学中，许多曾经的朋友难免已经失去了联系，于是将思念寄托在这张贺卡上，愿所有的亲朋好友都能开心幸福。
②设计需要的背景素材：
需要一些清新唯美的图片背景图片，以衬托出淡淡的思念忧伤感，还需要部分文字，将想要表达的感情都寄托在文字中，最后还需要一首唯美忧伤的旋律作为背景音乐，为整张贺卡增添氛围。
任务2：
花瓣动画设计制作
①设计方案的论证：
桃花三三两两的探出墙头，随风会飘出零星花瓣，江面上停泊着两艘小船，远眺江面，烟雾弥漫，水面微微有涟漪，在最后右上角显示出一个水墨字，在字的旁边缓缓显示出一个鲜红的印章。
②设计需要的背景素材：
需要带有屋檐和大雾弥漫的江面的图片作为背景，需要有带有小船的图片，需要有带水墨字的图片，需要印章图片，还需要花瓣等。
任务3：
商业广告动画设计制作
①设计方案的论证：
房地产广告的首要目的就是让人看到该地产优越的地理交通环境以及其长远的发展前景，所以地产广告应注重这两方面。
针对亚奥富地这一地产，先介其便捷的交通，然后在介绍城市重心北移，该地产巨大的发展前景吸引人的眼球，抓住买房者的心。
②设计需要的背景素材：
需要用中国人最喜欢的中国红最为背景，寓意吉祥富贵。
需要亚奥富地的交通线来做一幅交通路线路。
还需要故宫、运动员、体育馆、摩天大楼、天空等等，以及亚奥富地的logo等。
5.详细设计
5.1设计一：
网络贺卡设计制作
5.1.1所使用的素材
图5.1背景图1图5.2背景图2图5.3背景图3
5.1.2制作过程
1.选择“文件>新建”命令，在弹出的“新建文档”对话框中选择“Flash文件”选项，单击“确定”按钮，进入新建文档舞台窗口。
编辑属性，新建空白文档。
2.在“库”面板下方单击“新建元件”按钮
，分别新建影片剪辑元件“背景”、“背景2”、“背景3”。
并依次将对应的背景图片拖曳到相应的舞台窗口中，完成影片剪辑的制作。
3.在“库”面板下方单击“新建元件”按钮
，分别新建影片剪辑元件“文字1”、“文字2”……“文字10”等元件。
然后双击元件，打开舞台窗口，开始编辑文字。
使用
工具，编辑文字，通过文字属性面板改变文字的字体、大小、以及颜色，依次完成各个影片剪辑的制作。
4．单击“时间轴”面板下的“新建图层”按钮
，新建图层并命名为背景，打开库面板，将名为“背景”的背景图片拖拽到舞台适当位置且改变其与舞台同样大小，在第165帧插入关键帧作为“背景”图层的最后一帧。
再新建“文字1”图层，再新建“文字1遮罩”图层，点击该图层的第一帧，在舞台上的文字1左边位置画出一个矩形框，再在该图层的第54帧右键点击“插入关键帧”，并将舞台中的矩形进行变形知道覆盖文字1，点击“文字1遮罩”图层第1帧到第54帧中的任意一帧，右键点击“创建形状补间”。
在“时间轴”面板中选则“文字1遮罩”图层，用鼠标右键点击图层，在弹出的菜单中选择“遮罩层”命令，“文字1遮罩”图层转换为遮罩层，“文字1”图层自动转换为被遮罩层。
同理，“文字2”图层做了从第54帧到第99帧的遮罩，遮罩层为“文字2遮罩层”，“文字3”图层做了第99帧到143帧的遮罩，遮罩层为“文字3遮罩层”。
并补齐这几个图层的帧数到第165帧，时间轴面板如图：
图5.4时间轴的实现
图5.5时间轴的实现2
图5.6时间轴的实现2
图5.7背景加文字
5.新建图层“背景2”，在第165帧右键点击“插入空白关键帧”，在库面板中选择“背景2”元件，将其拖曳到舞台的最右侧，在适当位置插入关键帧，将图片移动至舞台的中央偏左，右键创建传统补间，再在适当位置插入关键帧，将图片移到中央适当位置，右键点击创建传统补间。
并在适当位置右键插入关键帧，这样就能出现背景图的移动效果。
再在图层的最后一帧插入关键帧，将在这一帧上的“背景2”图片属性中的色彩效果中的Alpha样式值改变为0，创建传统补间。
使其出现渐渐淡化消失的效果。
图5.8Alpha改变
6.新建图层“文字4”、“文字5”、“文字6”、“文字7”，在适当的位置插入空白关键帧。
打开库面板，将“文字4”、“文字5”“文字6”、“文字7”这四个元件拖曳到舞台窗口的适当位置，通过设置效果中的Alpha值，并创建传统补间，来达到渐隐渐现的效果。
如图所示：
图5.9背景2加文字
7.新建“背景3”图层，将库面板中的“背景3”元件拖曳到舞台窗口适当位置后插入关键帧，设置色彩效果的Alpha样式值，创建传统补间。
使“背景3”图片显示出淡入的效果。
新建图层“文字8”、“文字9”、“文字10”，在库面板中选择相应的元件拖曳到舞台窗口的适当位置，在图层不同位置插入关键帧，并设置文字图片的Alpha样式值，调整图片位置，创建传统补间，使三个文字图片显示出淡入并缓缓移动到目标位置的效果。
图5.10背景3加文字
8.在“库”面板下方单击“新建元件”按钮
，选择创建按钮元件“按钮”，在“按钮”元件的舞台窗口，在弹起帧上用
工具，写出“Replay”，设置其的颜色字体和大小，在指针帧。
将“Replay”文字的位置稍稍往下移，已达到当指针经过“Replay”按钮的时候，按钮有稍微的动作。
在按下帧插入关键帧，并在菜单栏的视图栏下选择标尺工具，拖动标尺线，规定好鼠标单击的区域，在点击帧插入空白关键帧，使用矩形工具，在标尺规定好的区域画出矩形，如图所示：
图5.11按钮帧的实现
图5.12按钮
9.在舞台窗口右键点击“Replay”，选择动作命令，设置动作，使其有在点击按钮可重回第一帧播放的效果，并在最后一帧设置动作“stop（）”命令，如图所示：
图5.13按钮动作
图5.14最后一帧动作
10.做好所有图层后，将背景音乐导入到库。
新建“声音”图层，将库中的背景音乐拖入到舞台，并将声音的效果设置成淡出，将同步设置成数据流，并在最后一帧设置动作“stop（）”命令，如图所示：
图5.15时间轴的实现
图5.16声音的设置
11.祝福贺卡制作完成，测试影片并保存。
5.2设计二：
动画短片与MV设计制作
5.2.1所使用的素材
图5.17背景
图5.18船只
图5.19花
图5.20花瓣图5.21字图5.22印章
5.2.2制作过程
1.选择“文件>新建”命令，在弹出的“新建文档”对话框中选择“Flash文件”选项，单击“确定”按钮，进入新建文档舞台窗口。
编辑属性，新建空白文档。
2.选择“文件>导入>导入到库”命令，在弹出的“导入到库”对话框中选中将背景图片、花、船只、花瓣、字等背景素材，将图片导入到库面板中。
3.新建图层“背景”，将库面板中的背景图片拖曳到舞台窗口的适当位置，调整大小，在适当位置插入关键帧设置图片属性中色彩效果的Alpha样式值，创建传统补间，使背景图片实现淡入的效果。
4.新建“船”图层，将库面板中的船拖曳到舞台窗口偏左位置，设置Alpha样式值为0，在适当位置插入关键帧，将船只移到适当位置，并设置Alpha样式值为100，创建传统补间，使船出现有远处慢慢驶进的效果，并有淡入的效果，如图所示：
图5.23背景加船
5.新建“桃花”图层，在适当位置插入空白关键帧，将库面板中的“花”元件拖曳到舞台窗口适当位置。
再在“桃花”图层上方，新建一个图层“遮罩1”，在相同位置插入空白关键帧，用矩形工具在其中一枝桃花的下方画出矩形，在适当位置插入关键帧，拉伸矩形，使其掩盖住部分桃花，右键“遮罩1”图层，选择遮罩层命令。
鉴于桃花共有三处，由此复制了“桃花”图层，仿照上述办法，分别将剩余的桃花用遮罩的办法处理，调整图层帧的位置，使其出现桃花渐渐三三两两冒出屋檐的效果，如图所示：
图5.24时间轴的实现
图5.25花的效果
6.新建图层“花瓣”，双击库面板中的“花瓣”元件，进入“花瓣”元件的舞台窗口，右键点击“图层1”，在弹出的菜单中选择“添加传统运动引导层”命令，由此，此时引导层前面出现
，选择线条工具或画笔工具，在引导层的舞台窗口绘制一条曲线，在图层1的第一帧调整花瓣的大小位置，使其放在曲线的起点，在适当位置插入关键帧，将花瓣沿着曲线轨迹拖曳到曲线的终点，创建传统补间，并在补间效果中的选择顺时针旋转，按照以上方法再另外设置花瓣副本，获得不同运动轨迹的花瓣，然后将做好的花瓣元件拖入场景面板中，放到适当位置，如图所示：
图5.26时间轴的实现
图5.27花瓣的运动轨迹
图5.28设置旋转效果
7.新建图层“字”，双击库面板中的“字”元件，进入“字”元件的编辑状态，选中字，右键点击，选择分离命令，再右键点击，选择分离命令，将字完全分离后，用标尺工具将字划分成多个部分，在图层1上每隔2帧即插入一个关键帧，插入适当数量的关键帧后，点击第一个关键帧，将字除了第一个笔画以外的部分删除，再在第二个关键帧，将第二笔画后的部分删除，依次处理各个关键帧，将“字”做成逐帧动画，使其出现一笔一划写出来的效果，做好后，回到场景面板，将字拖入到舞台窗口的适当位置，如图所示：
图5.29标尺划分
图5.30时间轴的实现
图5.31字的效果
8.新建图层“印章”，在适当位置插入空白关键帧，将库面板中的印章元件拖曳到舞台窗口，在适当位置插入关键帧，设置Alpha样式值，创建传统补间，使印章有渐现的效果，再新建图层“园”，在适合位置插入空白关键帧，将库面板中的园元件拖到舞台窗口印章的位置，设置Alpha样式值，创建传统补间，使其有随着印章的显现而渐渐显现的效果。
并将“园”图层放到“印章”图层的下方，以免覆盖了印章。
如图所示：
图5.32印章的效果
9.动画制作完成，测试影片并保存。
5.3设计三：
商业广告动画设计制作
5.3.1所使用的素材
图5.33地图图5.34楼群
图5.35体育馆图5.36故宫
图5.37运动员
5.3.2制作过程
1.选择“文件>新建”命令，在弹出的“新建文档”对话框中选择“Flash文件”选项，单击“确定”按钮，进入新建文档舞台窗口。
编辑属性，新建空白文档。
2.选择“文件>导入>导入到库”命令，在弹出的“导入到库”对话框中选中将故宫、体育馆等背景素材，将图片导入到库面板中。
3.新建图层“logo”，将库面板中的logo元件拖入舞台中，在第6帧和第29帧插入关键帧，改变第1帧的Alpha值，在第1帧和第6帧中创建传统补间，实现logo的渐现的效果。
再在第29帧到第45帧创建传统补间，设置第45帧的Alpha值，实现logo的渐隐效果，新建图层“进度条”，将已做好的进度条拖到logo的下方适当位置，如图所示：
图5.38logo
图5.39时间轴的控制
5.新建“北京。
亚奥”图层，将亚奥富地拖到舞台中央位置，在适当位置插入关键帧，设置Alpha值，实现渐现效果，新建两个图层，分别为“栅格1”、“栅格2”，将库面板中的栅格元件拖到亚奥富地字的中央，设置“栅格1”向上移动，设置“栅格2”向下移动，使亚奥富地的字出现栅格的效果。
再在“北京。
亚奥”图层的适当位置插入关键帧，将亚奥富地向上方移动，创建传统补间。
如图所示：
图5.40时间轴的控制
6.新建“地图01”和“遮罩”图层，制作地图的遮罩效果，使地图从左到右慢慢出现。
再新建“立水桥”、“地铁号线”等图层，在适当位置插入空白关键帧，将库面板中的相应元件拖到适合位置，设置Alpha值，使其随着地图的显现慢慢显现，如图所示：
图5.41地图01
图5.42完整的地图
7.新建“故宫02”和“故宫遮罩”图层，先插入“故宫01”元件，显现模糊的故宫，再在适当位置插入“故宫02”，加补间实现模糊到清晰地转变。
并在适当位置加入横向的模糊条纹，加补间使其横向移动。
在遮罩层中画与出示故宫图大小的矩形，实现遮罩，使动画在固定范围出现。
新建两个文字图层，制作文字影片剪辑元件，利用补间实现文字配合背景文字大小变换和渐现渐隐效果。
图5.43故宫
图5.44文字
8.新建“体育馆”“运动员”和“奥运会”文字图层，使运动员慢慢出现，奥运会文字由右下向左上移动。
重复步骤7的遮罩制作实现遮罩效果。
图5.45运动员
图5.46时间轴的控制
9.新建“白”图层，再适当位置插入空白关键帧，将库面板中的“白地”元件拖到舞台窗口的适当位置，设置Alpha值，使其出现渐现然后渐隐的效果。
新建“小区”和“小区遮罩”图层，遮罩制作同上，利用遮罩和补间使得小区背景在固定范围由左下向右上移动。
新建“万平米图层”，将相应元件拖入舞台窗口，设置Alpha值，使字随着背景的渐现而渐现，渐隐而渐隐。
图5.47小区
图5.48时间轴的实现
10.新建“白云”图层和“白云遮罩”图层以及“单体楼1”、“单体楼2”等图层，将库中的单体楼元件拖到舞台窗口中放置到合适位置，插入多个关键帧，稍微改变每一帧各个单体楼所在的位置，添加补间效果，实现楼体的晃动。
新建“活力”图层，将相应的元件拖到舞台窗口，稍微调整位置以及改变Alpha值，添加补间效果，实现渐现和缓缓移动的效果。
白云的遮罩如步骤7。
如图所示：
图5.49活力之城
图5.50时间轴的实现
12.新建“润城家园”图层，如下图扎入关键帧和补间，改变Alpha值，实现渐现效果和由下而上再往左上的移动，如图所示：
图5.51润城家园
13.新建“楼群”图层，在适当位置插入关键帧，将楼群拖入到舞台下方，在适当位置插入关键帧，移动楼群到舞台适当位置，添加补间，使其有移动效果。
新建“白条”图层，拖入白条，使其在舞台上方中间的位置，设置Alpha值，使其有渐现的效果。
图5.52楼群
14.新建“白鸟”图层，将库中已做好的影片剪辑元件飞鸟拖入舞台窗口中，放置到合适位置，是鸟儿在天空中自由飞翔。
如图所示：
图5.53飞鸟
15.新建图层“音乐”，在第一帧插上关键帧，将音乐拖到舞台上。
设置音乐属性如下图：
图5.54音乐设置
16.“亚奥富地”房产广告动画制作完成，测试影片并保存。
6．总结
我很喜欢flash这门课，也很喜欢做flash，尤其是在我做好了，测试的时候，看着运行的画面，我会有一种成就感。
这次为期一个星期的flash课程设计，总的来说，我做的还是比较的顺利，第一个题目是做网络贺卡，这个题目老师并没有提供任何的素材，所以在拿到题目后，我首先想的是该做什么类型的贺卡，后来我决定做祝福贺卡，所以我去网上大量搜索了许多素材，但是考虑到贺卡需要简洁明了，于是，我决定采用图片加文字的方法来做这个贺卡，再配以淡淡的背景音乐，这样一张贺卡就能简易的完成了。
在做这张贺卡的时候，我运用了遮罩，设置Alpha值等一系列方法，尽可能的把我想表达的意思完善的在贺卡中体现出来。
第二个题目是做花瓣动画，其实之前老师曾经就给我们放过这个动画，在以前第一次看到这个动画的时候，我脑子里是一片空白，完全不知道该如何下手。
但是这次拿到这个题目后，我发现其实这个动画一点也不难，我认真的思索了老师上课的时候所讲的那些要点，然后细细的研究着动画效果，慢慢的，脑海里就有了一步步做法的雏形，我觉得做的快不如做的精，所以我一步步慢慢的来，力求我能做到我自己的最好限度。
第三题目使商业广告的片头，同样的，老师在给我们题目时，也放了一遍效果动画给我们看了，动画效果很大气磅礴，我也曾担心过，我可能做不到动画效果中的那种状态，而且，这个动画比较长，画面比较多，所以步骤比较繁琐。
但是我还是一步步来，不会了，我就研究研究动画效果，思考下一步究竟该怎么做，最终，我把这个动画做出来了，虽然可能并没有那么的完美，但是，对于我而言，我尽了我的最大努力，所以看着成果，我的心里还是非常的开心。
其实，在做这些题目的时候，我的脑海里闪过很多的想法，但是实现不了。
当我有一些好的想法的时候，我时常想不到究竟该怎么去做，所以有时候这些想法都被我摒弃了，所以我得到一个结论，那就是我所掌握的flash知识还不够，至少现在的我还无法把我所有的想法全部的在flash上体现出来，所以我下定决心，自己在课后一定要再多了解flash知识，力求达到精通。
虽然flash已经结课啦，但是课下我们还是应该多多学习跟老师多交流，学更多的东西。
为了将自己的作品做好，我曾在网上各种搜索别人所做的作品，但是看到别人的作品后，我才深深的感到了自己的不足。
别人往往几个帧就能实现丰富的动画效果，可是我还不知道，和别人一比，我只是刚刚跨进flash大门门槛的小孩，在我自以为自己做的不错的时候，殊不
升级会员 