flash课程
设计
领导形象设计圆作业设计ao工艺污水处理厂设计附属工程施工组织设计清扫机器人结构设计
学 号
武 汉 科 技 大 学 城 市 学 院
课 程 设 计 报 告
课程名称 《平面动画设计与制作(Flash)》课程设计
题
快递公司问题件快递公司问题件货款处理关于圆的周长面积重点题型关于解方程组的题及答案关于南海问题
目 平面动画设计与制作(Flash)综合设计
学 部 城市学院信息工程学部
专 业 12电子商务
班 级 2班
姓 名
指导教师 杨华勇
2013 年 12 月 27 日
平面动画设计与制作(Flash)课程设计报告
课程设计评分表
评分
标准
excel标准偏差excel标准偏差函数exl标准差函数国标检验抽样标准表免费下载红头文件格式标准下载
:
1. 学生是否严格遵守课程设计纪律,按照规定时间完成设计任务(占30%)
2. 课程设计效果图:(占50%)
(1)是否独立完成课程设计。
(2)课程设计是否完成课程设计任务书指定的全部要求。
(3)效果图设计切合主题,所做内容与主题相符。
(4)效果图设计富有创意,整体艺术加工效果。
3. 课程设计报告书的撰写(占20%)
课程设计报告书的撰写的质量和
规范
编程规范下载gsp规范下载钢格栅规范下载警徽规范下载建设厅规范下载
。
教师评分:
1.学生出勤得分: (A) (B) (C) (D)
2.课程设计效果图得分:(A) (B) (C) (D)
3.课程设计报告得分: (A) (B) (C) (D)
教师评语:
根据该生在课程设计期间,是否严格遵守课程设计纪律,按照规定时间
完成设计任务,完成的程序设计的质量与规范,提交的课程设计报告书的质
量与规范等多方面的评分,该生本次课程设计的评定成绩为(以优、良、中、
及格、不及格评定):________
签字:
日期: 年 月 日
平面动画设计与制作(Flash)课程设计报告
平面动画设计与制作(Flash)课程设计任务书 题目:
平面动画设计与制作(Flash)综合设计 一. 课程设计教学条件要求
课程设计要求学生一人一组,独立完成,机房需要有安装Flash cs6 、Photoshop cs6、Aution6以上版本的计算机提供课程设计使用。
二. 课程设计任务
整体要求:
在完成每一个任务的时候,都要求认真审题,严格按照任务书要求完成设计,设计要与主题相符,有整体性的策划及设计,切忌堆砌图片,要有艺术创作的能力,设计过程中的步骤请在制作过程中边做边截图保存在课程设计报告书中,以便能更方便完成报告。
任务1:网络贺卡设计制作
要求:电子贺卡是在重大节日、纪念日、生日互相赠送的具在纪念意义的艺术表现形式,它能显示爱心,表达美好的祝愿,给我们增添欢乐,友谊和节日气氛和浓浓的祝福之情。自定义素材,设计一副网络贺卡动画,贺卡尺寸、形状不现,要突出节日元素,具有别出心裁的创思,有音乐背景做衬托。
任务2:动画短片与MV设计制作
要求:主题的表达形式新颖,构思独特,有一定的技巧。 有一定的想象力和个性表现力。内容结构设计独到新颖。情节人物、语言等设计引人入胜。角色形象生动活泼,富有艺术想象力。音效与主题风格一致,具有艺术表现力。画面美观,色彩和谐。
任务3:商业广告动画设计制作
要求:设计商业广告动画一副,主题可以选择商业、银行、服装、超市、楼盘等,根据主题需要进行资料收集,进行整体性的商业广告动画设计,在设计过程中以图片为主,文案为辅,综合画面要求符合产品风格、突出表达主题,吸引观众眼球,给人留下深刻印象。可以自己策划主题、宣传语、品牌等相关内容,要求主题字体醒目,排版构图合理。
平面动画设计与制作(Flash)课程设计报告 三. 课程设计报告书主要内容
1.课程设计的目的
2.课程设计的开发环境和工具
3.课程设计的需求分析及概要设计
4.课程设计的详细设计步骤
四. 课程设计要求
(1)学生按时到课程设计指定地点签到,遵守课程设计纪律。
(2)学生独立完成课程设计任务,按任务书要求完成设计任务。
(3)学生按时提交课程设计成果和A4纸打印的课程设计报告书。 五(课程设计参考资料
参考书:
1、《中文版Flash CS4全方位教程》
主编:张维东
出版社:航空工业出版社 出版或修订时间:2010年2月 第一版
2、《 Flash CS6从入门到精通》
主编:李冉
出版社:中国青年出版社 出版或修订时间:2012年第一版
3、《FlashCS4动画特效设计经典》
主编:贺凯
出版社:中国青年出版社 出版或修订时间:2010年9月第一版
指导教师:杨华勇
平面动画设计与制作(Flash)课程设计报告
目 录
1. 设计目的 .................................................................................................................. 1
2. 开发环境和工具 ...................................................................................................... 3
3. 需求分析 .................................................................................................................. 6 4. 概要设计 .................................................................................................................. 8
5. 详细设计 ................................................................................................................ 10
5.1设计一:网络贺卡设计制作 ......................................................................... 11
5.1.1 所使用的素材 ..................................................................................... 12
5.1.2 制作过程 ............................................................................................. 13
5.2设计二:动画短片与MV设计制作 ............................................................. 15
5.2.1 所使用的素材 ..................................................................................... 16
5.2.2 制作过程 ............................................................................................. 17
5.3设计三:商业广告动画设计制作 ................................................................. 18
5.3.1 所使用的素材 ..................................................................................... 22
5.3.2 制作过程 ............................................................................................. 23 5(小结 ....................................................................................................................... 27
6(参考文献 ............................................................................................................... 66
平面动画设计与制作(Flash)课程设计报告 1.设计目的
本课程设计要求在课程设计过程中,学生会对设计任务进行全面的策划,根据任务的描述,通过实际查阅资料、分析设计、综合利用Flash动画的基本原理和技术,并通过实践,掌握融汇自己思维及创意创作完整作品的基本方法和过程,达到能够制作运动动画、形变动画和逐帧动画;能够制作基本层动画、具有遮罩特效的动画和具有链接引导特效的动画;能够制作和使用符号;能够制作按钮并能够为按钮设置控制动画播放的动作脚本;能够为Flash作品添加声音;能设计制作出具有完整主题要求的Flash作品,在作品制作中能理性地、有针对性地选择使用flash提供的动画表现技术,还能够撰写基本的动画剧本和制作说明书的目标以达到加深、巩固所学课程的相关知识、培养学生综合设计的能力、参阅和参考各种资料的能力,达到灵活运用各种特效功能与技巧进行设计与创作,全面综合的提高学生利用各种手段进行设计、综合策划设计能力和整体分析及艺术处理的能力。同时,通过实践教学活动,拓宽学生的知识领域,锻炼学生的实践技能,培养科学严谨、求真务实的工作作风。
2.开发环境和工具
1、硬件环境
(1)、主机要求CPU奔腾4 2.6GHz以上或双CPU;内存1G以上。 (2)、主机能与互联网相连、以便学生能够浏览优秀网站,搜集相关材料等。 2、软件环境
Windows 2000或Windows XP系统以上,Flash cs6、Photoshop CS6以上等软件。 3.需求分析
Flash动画是一种矢量动画格式,具有体积小、兼容性好、丰富的视觉效果、互动性强大、流媒体播放技术、成本低廉等诸多优点,是当今最流行的网络动画格式。
平面动画设计与制作(Flash)课程设计报告
Flash技术是一种交互式动画制作技术,它是一款创作矢量图形和动画的专业软件,被广泛用于动漫设计、网页广告设计、多媒体课件制作、游戏软件制作等领域。正逐步成为全球公认的交互平台,在现代信息社会中的占有越来越重要的地位和作用。这门课目的是利用Flash处理来实现网络动画的巨大功能,使用这一软件能够很好的完成需求需要。
4.概要设计
动画处理技术是将不同的基本元素,按照一定的创意组合成丰富多彩的动画效果。主要在二度空间范围之内以轮廓线划分图与地之间的界限,描绘形象,是有目的的策划,动画处理设计是这些策划将要采取的形式之一,在动画处理设计中你需要用视觉元素来传播你的设想和计划,用文字和图形把信息传达给受众,让人们通过这些视觉元素了解你的设想和计划。
任务1:网络贺卡设计制作
? 设计
方案
气瓶 现场处置方案 .pdf气瓶 现场处置方案 .doc见习基地管理方案.doc关于群访事件的化解方案建筑工地扬尘治理专项方案下载
的论证:
如今网络技术越来越发达,人们的生活越来越离不开网络,人们开始制作各种各样的电子贺卡来传递祝福,电子贺卡不仅有图像还有声音,图画的跳转,整幅画面都是动态的,显得生动活泼,更能表现节日的欢愉。
?设计需要的背景素材:
整个贺卡有蛋糕、鲜花、礼物、烟花、生日歌、祝福语等等,以一幅背景图来表现温馨氛围,其他几幅画面栩栩如生,伴随着生日歌,表达出浓浓的祝福,呈现出一幅喜悦的画面。
任务2:动画短片与MV设计制作
?设计方案的论证:
?设计需要的背景素材:
任务3:商业广告动画设计制作
?设计方案的论证:
?设计需要的背景素材:
平面动画设计与制作(Flash)课程设计报告 5.详细设计
5.1设计一:网络贺卡设计制作
5.1.1 所使用的素材
图5.1素材1-1.jpg 图5.1素材1-2.jpg 图5.1素材1-3.jpg
图5.1素材1-4.jpg 图5.1素材1-5.jpg 图5.1素材1-6.jpg 图5.1素材1-7.jpg 5.1.2制作过程
1、将背景素材1-1.jpg导入到库,新建一个图层,将背景图拖到第一帧的位置,这是一个电子生日贺卡,所以我以生日蛋糕和生日礼物为背景,突出生日的主题。整个背景温馨和谐,表达出浓浓的生日氛围。如图所示:
图5.1背景2-1.jpg
2、将跳动的“生日快乐”图5.1素材1-3.jpg和一朵花图5.1素材1-4.jpg及一个生日蛋糕图5.1素材1-2.jpg这三个素材导入到库,新建图层,将这三个素材移到背景图右下边的黑色方框中,调整到合适的大小及位置,这三个素材都是闪动的,这样显得很活泼,既美观主题又鲜明。如图所示:
平面动画设计与制作(Flash)课程设计报告
图5.1时间轴控制2-2.jpg
图5.1素材进入2-3.jpg
3、利用photoshop软件,新建透明画布,利用多边形工具,选择雪花图形,在透明画布上面画一片雪花,将雪花制作成图片,如图所示:
图5.1雪花制作2-4.jpg
4、将雪花导入到库,新建三个图层,在每个图层上移动一片雪花,每个图层上的雪花有不同的大小和位置。插入几个关键帧,移动雪花的位置,创建传统补间,使雪花有飘落的效果,如图所示:
图5.1时间轴控制2-5.jpg
平面动画设计与制作(Flash)课程设计报告
图5.1雪花飘落2-6.jpg
5、利用photoshop软件,写一段祝福语图5.1素材1-6.jpg和一张白布制作成图片,将一只蝴蝶、白布和这段文字一起导入到库。新建三个图层,分别将蝴蝶、白布和祝福语移到相应的图层。白布和文字制作成遮罩的效果,是文字缓缓向上移动。蝴蝶则一直闪动,使整个画面呈现动态景象。如图所示:
图5.1时间轴控制2-7.jpg
图5.1祝福语和蝴蝶2-8.jpg
6、利用photoshop软件,新建一个透明画布,写上一句“happy birthday to you!” 图5.1素材1-7.jpg,将这句话保存为图片,导入到库。新建图层,将字拖到相应的位置,调节透明度,使步骤五中的图片和步骤六的图片有一个渐变的过程,如图所示:
平面动画设计与制作(Flash)课程设计报告
图5.1时间轴控制2-9.jpg
图5.1渐变效果2-10.jpg
7、将烟花和蛋糕图5.1素材1-5.jpg导入到库,新建两个图层,将他们放到相应的位置。文字则插入几个关键帧,移动到不同的位置并设置不同的大小,创建传统补间,使英文子从下到上,然后由小变大。如图所示:
图5.1时间轴控制2-11.jpg
图5.1字幕出现2-12.jpg
8、导入音乐,调整整体布局,使整个画面美观协调。如图所示:
图5.1音乐导入2-13.jpg
9、保存。
制作过程应该包括的主要内容:
(1)设置场景属性。
平面动画设计与制作(Flash)课程设计报告 (2)控制按钮制作及添加动作脚本语句
(3)分镜头画面场景和效果制作
(4)动画角色制作。(本例所需的图形元件和影片剪辑元件制作、动画角色透明化如何处理的)
(5)流类型的音乐设置
(6)歌词与音乐的同步设置
, 标识歌词的位置
, 歌词的制作与设置同步的方法和步骤
(7)测试动画,并发布。
5.2设计二:动画短片与MV设计制作
5.2.1 所使用的素材
-1.jpg 图5.2天空1-2.jpg 图5.2花丛1-3.jpg 图5.2山林1
图5.2草地1-4.jpg 图5.2海洋1-5.jpg 图5.2山坡1-6.jpg
平面动画设计与制作(Flash)课程设计报告
图5.2草原1-7.jpg 图5.2河流1-8.jpg 图5.2花园一1-9.jpg
图5.2花园二1-10.jpg 图5.2草地1-11.jpg 图5.2花园三1-12.jpg
平面动画设计与制作(Flash)课程设计报告
图5.2黑蝴蝶1-13.jpg 图5.2黄蝴蝶1-14.jpg 图5.2船1-15.jpg
图5.2小鸟1-16.jpg 图5.2鱼1-17.jpg 图5.2猪1-18.jpg 5.2.2制作过程
1、将以上素材导入到库,在网上搜索“春天在哪里”这首歌,将这首歌也导入到库,新建一个图层,插入关键帧,将歌曲拖到舞台上。如图所示:
图5.2歌曲插入2-1.jpg
2、新建四个图层,将图5.2山林1-1.jpg拖到背景1图层,用photoshop软件制作一个白布,并保存为图片,将白布导入到库,再从库中将白布拖到遮罩层,调整白布到合适的位置,锁定遮罩层。在背景图层插入关键帧,移动背景图层的位置,每个关键帧有不同的位置,创建传统补间。在小猪和黄鹂图层合适的位置分别插入关键帧,再从库中把小猪和黄鹂拖到对应的图层中,插入关键帧,调整小猪和黄鹂的大小和位置,创建传统补间。这样经过测试会发现所有的图像都在动,达到了活跃的效果。如图所示:
图5.2时间轴2-2.jpg
平面动画设计与制作(Flash)课程设计报告
图5.2小猪2-3.jpg
3、新建四个图层,背景1图层在合适的位置插入关键帧,将图5.2天空1-2.jpg拖到背景2图层,从库中将白布拖到遮罩层,调整白布到合适的位置,锁定遮罩层。再在背景图层插入关键帧,移动背景图层的位置,每个关键帧有不同的位置,创建传统补间。将海鸥导入到库,每个图层放一只海鸥,插入关键帧,每个关键帧海鸥的位置和大小都不一样,创建传统补间,就显现出鸟在天空飞翔的场景。效果如图所示:
图5.2时间轴2-4.jpg
图5.2天空2-5.jpg
4、新建三个图层,在背景3图层合适的位置插入关键帧,将图5.2花丛1-3.jpg拖到背景图层,从库中将白布拖到遮罩层,调整白布到合适的位置,锁定遮罩层。再在背景图层插入关键帧,移动背景图层的位置,每个关键帧有不同的位置,创建传统补间。蝴蝶图层则插入关键帧,将蝴蝶放在花丛中,不同的关键帧有不同的位置,创建传统补间,这样蝴蝶就在花丛中飞舞。效果如下:
平面动画设计与制作(Flash)课程设计报告
图5.2时间轴2-6.jpg
图5.2花丛2-7.jpg
5、新建三个图层,在背景4图层合适的位置插入关键帧,将图5.2草地1-4.jpg拖到背景图层,从库中将白布拖到遮罩层,调整白布到合适的位置,锁定遮罩层。再在背景图层插入关键帧,移动背景图层的位置,每个关键帧有不同的位置,创建传统补间。再将黄鹂图层插入关键帧,调整黄鹂的位置,创建传统补间。这样就达到了黄鹂在天空飞翔的情景。效果如下:
图5.2时间轴2-8.jpg
图5.2黄鹂2-9.jpg
6、新建三个图层,在背景5图层合适的位置插入关键帧,将图5.2海洋1-5.jpg拖到背景图层,从库中将白布拖到遮罩层,调整白布到合适的位置,锁定遮罩层。再在背景图层插入关键帧,移动背景图层的位置,每个关键帧有不同的位置,创建传统补间。再将船图层插入关键帧,调整船的位置,创建传统补间。这样就达到了船在海洋移动的情景。效果如下:
平面动画设计与制作(Flash)课程设计报告
图5.2时间轴2-10.jpg
图5.2海洋2-11.jpg
7、新建五个图层,在库中将白布放在遮罩层,背景的移动用遮罩制作出动态效果,天空中的白云则是利用photoshop软件处理,制作成一个透明背景的白云。再将白云图片导入到库,复制一次,这样天空中就有两片云在飘动。在蝴蝶图层插入关键帧,调整蝴蝶的位置,创建传统补间,这样蝴蝶就在花园中飞舞了。效果如图所示:
图5.2时间轴2-12.jpg
图5.2花园2-13.jpg
8、新建四个图层,在背景7图层合适的位置插入关键帧,将图5.2草原1-7.jpg拖到背景图层,从库中将白布拖到遮罩层,调整白布到合适的位置,锁定遮罩层。再在背景图层插入关键帧,移动背景图层的位置,每个关键帧有不同的位置,创建传统补间。再将鸟和鸭子图层分别插入关键帧,调整他们的位置,创建传统补间。效果如图:
平面动画设计与制作(Flash)课程设计报告
图5.2时间轴2-14.jpg
图5.2草原2-15.jpg
9、新建三个图层,在背景8图层合适的位置插入关键帧,将图5.2河流1-8.jpg拖到背景图层,从库中将白布拖到遮罩层,调整白布到合适的位置,锁定遮罩层。再在背景图层插入关键帧,移动背景图层的位置,每个关键帧有不同的位置,创建传统补间。再将鱼图层插入关键帧,调整他们的位置,创建传统补间。这样鱼就在河里自由自在的游动了。效果如图:
图5.2时间轴2-16.jpg
图5.2河流2-17.jpg
10、新建三个图层,在背景9图层合适的位置插入关键帧,将图5.2花园1-9.jpg拖到背景图层,从库中将白布拖到遮罩层,调整白布到合适的位置,锁定遮罩层。再在背景图层插入关键帧,移动背景图层的位置,每个关键帧有不同的位置,创建传统补间。再将蝴蝶图层插入关键帧,调整他们的位置,创建传统补间。测试
平面动画设计与制作(Flash)课程设计报告 影片,可以看到蝴蝶在花园飞舞。效果如图:
图5.2时间轴2-18.jpg
图5.2花园2-19.jpg
11、新建两个图层,在背景10图层合适的位置插入关键帧,将图5.2花园1-10.jpg拖到背景图层,从库中将白布拖到遮罩层,调整白布到合适的位置,锁定遮罩层。再在背景图层插入关键帧,移动背景图层的位置,每个关键帧有不同的位置,创建传统补间。测试影片,可以看到动态效果。效果如图:
图5.2时间轴2-20.jpg
图5.2花园2-21.jpg
12、新建三个图层,在背景11图层合适的位置插入关键帧,将图5.2花园1-11.jpg拖到背景图层,从库中将白布拖到遮罩层,调整白布到合适的位置,锁定遮罩层。再在背景图层插入关键帧,移动背景图层的位置,每个关键帧有不同的位置,创建传统补间。再将小猪图层插入关键帧,调整他们的位置,创建传统补
平面动画设计与制作(Flash)课程设计报告 间。测试影片,效果如图:
图5.2时间轴2-22.jpg
图5.2草地2-23.jpg
13、新建四个图层,在背景12图层合适的位置插入关键帧,将图5.2花园1-12.jpg拖到背景图层,从库中将白布拖到遮罩层,调整白布到合适的位置,锁定遮罩层。再在背景图层插入关键帧,移动背景图层的位置,每个关键帧有不同的位置,创建传统补间。再将太阳和小鸟图层插入关键帧,调整他们的位置,创建传统补间。测试影片,可以看到太阳在慢慢移动,小鸟在空中飞翔。效果如图:
图5.2时间轴2-24.jpg
图5.2花丛2-25.jpg
14、新建两个图层,一个文字一个标签,文字则用photoshop软件,在透明画布上写娃娃体的字体,将每句歌词制作成图片,将这些图片导入到库,一边听音乐一边放歌词,使音乐与歌词对应,同时每句对应歌词上面要标上标签。效果如
平面动画设计与制作(Flash)课程设计报告 下:
图5.2制作过程2-26.jpg
15、利用photoshop软件制作一个按钮图片,将按钮导入到库,新建元件设为按钮,如图5.2按钮制作2-27.jpg,新建图层,将按钮拖到对应图层第一帧,在第二帧调整透明度,使按钮消失,如图5.2透明度设置2-30.jpg,在按钮上面设置动作,如下图5.2按钮动作2-28.jpg。在新建一个图层,在第一帧设置停止动作,如图5.2停止动作2-29.jpg。
图5.2按钮制作2-27.jpg 图5.2按钮动作2-28.jpg
图5.2停止动作2-29.jpg 图5.2透明度设置2-30.jpg
16、测试影片,检查效果,若效果无误,则保存。
5.3设计三:商业广告动画设计制作
5.3.1 所使用的素材
5.3.2制作过程
6(总结
通过这周的Flash动画设计,我学到了很多,让我对动画设计有了更深入的了
平面动画设计与制作(Flash)课程设计报告 解,同时也能熟练的应用各种工具。以前我们学习过photoshop,这次的课程设计还是有很多地方要运用到以前学过的知识,所以我们要学会灵活贯通,将学到的知识真正运用到实际操作中。动画设计主要体现在“动”,一幅幅动态的画面能够给我们良好的视觉效果,它不仅有图像还有声音,每幅画面生动活泼,很有感染力。
当然,这次课程设计让我认识到了自己的不足,由于平时上课都是老师引导我们学习,课后我们很少自己去操作,所以学过的知识很快就记忆没那么深刻,这导致我们这次课程设计速度比较慢,都是平时操作少,对软件运用不熟练造成的。对于这次课程设计,就像photoshop一样,需要充分发挥我们的想象力和创造力。所以以后不管上什么课都要认真听讲,课后多操作,把学到的理论知识真正运用到实践中去,并且要培养自己的创造力,我相信只要我们认真落实每一个学习环节,今后我们一定能达到专业水平。
学习过程中决定我们成败还有一个关键因素,那就是网上搜集素材,这是一个复杂的过程,找到合适的网站,搜索到自己想要的素材是极其重要的。所以平时练习中我们要多留意一些好点的网站,这对我们的作品有很大的帮助。Flash软件的熟悉程度也很重要,这决定了我们制作的速度,如果不熟悉软件,就会浪费我们很多时间,无法提高效率。
虽然在这个过程中也遇到了不少麻烦,在同学的帮助下,我学到了很多。同学之间相互交流心得也是学习过程中很重要的一步,共同学习,共同进步。总之,在这次学习过程中我不仅学到了很多了知识,还享受了不少乐趣。
7(参考文献
(参考的书籍)
[1]姜素英.Photoshop产品造型设计经典[M].北京:人民邮电出版社,2004.1. [2]宫欣欣等.Photoshop CS2中文版平面创意设计经典案例 [M].北京:机械工业出版社,2007.1.
平面动画设计与制作(Flash)课程设计报告 [3]王彦勋.广告设计与制作[M] .北京:中国轻工业出版社,2007.4. [4]李洪发.Photoshop图形图像处理标准教程(CS4版)[M/DVD].北京:人民邮电出版社,2011.12.