flash游戏和宣传海报设计与制作.docx
《flash游戏和宣传海报设计与制作.docx》由会员分享，可在线阅读，更多相关《flash游戏和宣传海报设计与制作.docx（19页珍藏版）》请在冰豆网上搜索。
flash游戏和宣传海报设计与制作
武汉理工大学华夏学院
课程设计报告书
课程名称：
《多媒体技术应用》课程设计
题目：
flash游戏和宣传海报的设计及制作
系名：
信息工程系
专业班级：
计算机1111班
姓名：
学号：
10210411131
指导教师:
张玉蓉
2013年3月1日
课程设计任务书
学生姓名：
专业班级：
计算机1111班
指导教师：
张玉蓉工作单位：
信息工程系
设计题目：
flash游戏及宣传海报的设计及制作
初始条件：
要求较全面地理解、掌握和综合运用所学的多媒体方面的理论知识，会用photoshop进行图片处理，会用flash制作简单动画，以及用flash制作简单的游戏。
要求完成的主要任务：
用flash设计制作简单的游戏，比如拼图游戏，走迷宫等游戏，以及相关文档的制作。
要求有明确的主题，内容健康向上，互动性强，声形并茂，有较强的动态的视觉特效。
主要任务：
1.完成整个游戏的设计及制作；经教师检查及答辩；
2.写出规范的课程设计说明书，课程设计报告采取统一格式；详细叙述设计的主要内容以及设计的具体思路，在报告中要有个人总结和心得。
3.课程设计结束后交设计说明书等文档，设计作品以姓名命名，并以班集体为单位刻盘。
4.文档雷同者按不及格处理；
设计报告撰写格式要求：
要求层次清楚、整洁规范、不得相互抄袭，凡正文内容有整段完全相同者一律以抄袭论处。
设计报告正文字数不少于0.2万字（不包括附录）。
第1级（章）题序和题名用黑体三号字，第2级（目）题序和题名用黑体小四号字，第3级（条）题序和题名用黑体小四号字，正文内容用宋体五号字（英文用新罗马体），多倍行距1.25。
报告内容一律使用A4打印纸计算机打印，页码在页下居中标明。
必须使用国家公布的规范字。
页面设置：
上空2.5cm，下空2.0cm，左空2.5cm，右空2.0cm（左装订）。
插图图面要整齐、美观，插图应及正文呼应，不能脱节。
每幅插图应有图序及图题，图序编号要连续，图序及图题间空一格且要放在插图下方居中处。
时间安排：
2013年2月25日布置课程设计任务；讲述设计目的、内容、时间安排及本次课程设计的要求查阅资料，学生进行分析及总体设计，理清设计思路；
2013年2月26日-2013年3月1日按设计要求，查阅资料；进行设计及制作；
2013年3月1日提交课程设计报告及相关文档。
指导教师签字：
2013年2月25日
系主任签字：
2013年2月25日
Flash拼图游戏多媒体课程设计
一．设计目的
1.使用Flash8结合PhotoshopCS制作拼图小游戏
2.要学会PhotoshopCS的切片工具和存储为Web格式等命令的使用，及Flash8的复制到网格和hittest（）函数等命令的使用，对两者的结合制作出拼图小游戏的过程进行了详细的说明。
3.关键：
切片工具；hittest（）；复制到网格
二．设计思路
游戏规则：
当在某个小图片上按下鼠标左键不松开鼠标进行拖动时，该小图片跟随鼠标移动，当松开鼠标时，如果是小图片的最后位置。
该小图片就停留在正确位置，否则回到原来位置。
三．制作步骤：
1．使用Photoshop进行图片处理
1）打开AdoboPhotoshopCS;
2）使用“文件”菜单的“打开”命令打开准备好的图片“光头强”。
3）使用“视图”菜单的“显示”的“网格”命令”，显示出网格。
4）使用切片工具将图像等分为12份。
5）使用“文件”菜单的“存储为Web所用格式”命令，单击“存储”按钮后，选择保存位置，保存即可。
6）关闭AdoboPhotoshopCS。
2.使用Flash8制作拼图游戏
1）打开Flash8，新建一个“flash文档”。
2）设置文档大小。
3）使用“文件”菜单的“导入”下的“打入到库”命令，将桌面上的“images”文件夹中所有图片导入到库中。
4）从库中将“1”拖入舞台中，按F8键将它转换为元件，名称为tu1,类型为影片剪辑。
确定。
5）重复上一步操作，把“2”转换为tu2,”3”转换为tu3,….“12”转换为“tu12”.
6）将舞台中的12个影片剪辑打乱次序后排列。
7）将图层1命名为“图形”，并锁定。
8）在库面板中，右击tu1，选择“直接复制”，在弹出的“直接复制元件”对话框中，命名为bt,类型为按钮，确定。
这时就有一个按钮元件bt。
9）双击bt按钮图标，进行按钮的编辑：
在在弹起帧的内容全选后，使用“修改”菜单的“分离”命令（或按ctrl+B）把图片打散，使用墨水瓶工具给它添加黑色边框。
在点击帧插入关键帧。
在谈起帧将填充删除，只留边框。
10）返回场景1.先建一图层，将该图片拖到“图形”层下面。
11）将按钮bt拖入舞台中，选择该按钮，执行“插入”菜单的“时间轴特效”的“帮助”下的“复制到网格”命令，在网格尺寸的行数和列数中填入3和4，在网格间距的行数和列数都填入0像素，单击确定。
12）出现一个“复制到网格”的影片剪辑，将其分离（ctrl+B），在属性面板将分离后的元件的实例类型（默认为图形）都转换为“按钮”。
并按先行后列的顺序起名为bt1,…bt12.将该图命名为“按钮”并锁定。
13）新建一图层，命名为“参考层”，将该图层拖到“按钮”层的下面。
14）将“光头强图片”文件导入库，将之拖入“参考层”，转换为元件。
15）使用文本工具，在图片的上方空白处输入“光头强拼图游戏”，字体，大小，颜色自行选择。
锁定参考层。
16）将“图形”层解锁，选中影片剪辑tu1，打开动作面板，输入代码：
onClipEvent（mouseDown）{
if（this.hitTest（_root._xmouse,_root._ymouse,false））
{this.startDrag（true）;
x=this._x;
y=this._y;}
}
onClipEvent（mouseUp）{
if（this.hitTest（_root.bt1））
{this._x=_root.bt1._x;
this._y=_root.bt1._y;}
else
{this._x=x;
this._y=y;}
stopDrag（）;
17）将以上代码全选复制，返回场景，再选择tu2，打开动作面板，进行粘贴，只用将bt1全部改为bt2即可。
18）类似进行上步操作，为其它的影片剪辑都添加动作代码。
19）使用“控制”菜单的“测试影片”（或按下Ctrl+Enter），观看效果。
20）使用“文件”菜单的“导出”的“导出影片”（或按ctrl+shift+Alt+S）,输入文件名，保存。
图1完成效果
电视剧《美人无泪》宣传海报制作
一设计目的
电视剧尤其是一部好的电视剧，要想要有好的收视率，好的收视率内容是不可或缺的。
同时也需大力度的宣传工作，其中海报宣传是不可或缺的。
好的一份海报可以引人注目，可以让人知道电视剧的大体内容，电视剧的类型，可以很直观地让观众知道他们对电视剧是否有兴趣。
电视剧海报可以做出电视剧中达不到的效果，通过一副画面来概括整个电影，对电视剧宣传帮助很大。
二设计思路
电视剧海报设计是平面设计的一个分支，它具有它自己的独特面貌和风格特点。
电视剧海报是商业海报的一种，有文字、绘画、摄影等视觉元素组成，并加之以一些醒目的名片和介绍，以一些鲜明、生动、准确地构图介绍电视剧的内容、表现电视剧的主题，张贴后产生直接宣传效果，其目的是观而告之的将电视剧的内容清楚、及时地告诉观众，吸引观众去去观看该片。
三详细步骤
1）新建画布，尺寸宽度30厘米，高度为20厘米，分辨率为72，填充白色。
图1新建画布
2）将背景素材拖入画布中，用快捷键Ctrl+T适当调整好大小。
图2背景素材拖入画布图3调节背景图片大小
3）将人物图拖入PS中，再点击工具栏中的移动工具
，将人物图拖入背景图中。
4）在人物图的图层上加上蒙版。
图4工具栏图5人物图层加蒙版
5）选用工具栏中的橡皮擦工具
将人物的背景慢慢抹去，在抹去背景的过程中可以调节橡皮擦的透明度，制造朦胧的效果，最后效果如下图。
图6经橡皮擦工具处理后的图片
6）执行滤镜，渲染，光照效果，改变光照。
如图所示：
图7使用滤镜处理后的图片
7）在工具栏中选用文本工具
，写出自己想要的文字，效果如下图：
图8使用文本工具后的图片
8）将下列图片中的“美人无泪”几个字用磁性套索工具选中，在选用移动工具将图中的4个字移动到海报中。
图9使用磁性套索工具将图片中的“美人无泪”抠出
图10将抠出的字用移动工具拖入图层
9）当把字全部移到海报中后，再用快捷键Ctrl+T适当调节文字的大小，用移动工具调节字体的位置，用橡皮擦工具处理字体，最后效果如下图:
图11调整好抠出的字
10）在工具栏中选用文本工具
，写出自己想要的文字，将想变形的文字选中，右击，选择变形文字，选择样式“旗帜”，再左击“好”，即可。
图12变形文字后的图片
11）最后效果图如下：
图13最后效果图
四．小结及体会
这次的课程设计和以往的有所不同，我们不只是运用所学的知识去设计海报还有游戏，我们还要在制作过程中，不断地查阅资料，不断地解决问题，提出问题，还要有自己的想法和思路。
同时也是一次及实际的结合，能提高我们的实践能力。
我们既可以锻炼自己也可以加固对基础知识的记忆。
FLASH对我来说并不陌生，因为在浏览大部分网站、网页的时候都能看到大大小小、各式各样的FLASH动画，还有FLASH制作的MTV、课件、小游戏之类更是无计其数，有的动态高级网站更是全部利用FLASH所制作，在看到别人做出来的眩目多彩的FLASH作品，还真是羡慕那些作者能够做出如此高的水平，其实很早自己就想偿试做一个了，但是始终未能付诸行动，因为手边没有教材，有没有人指导，以及日常工作比较烦忙，其实关键还是自己没有学习的欲望和激情，自己太懒惰了。
一直以来的设想，并没有复之行动。
终于有了这样一个机会，在网上选课时，我一眼就看中了《flash动画及多媒体课件制作》这门课程，并如愿以偿的选课成功。
下面是我在学习和制作FLASH的过程中的一些感受：
首先，创意是制作FLASH的第一步，也是最重要的一步。
一个好的课件作品要有创意，要求新或者是在平淡中找到吸引人的地方，这是最难也可以说是最简单的一步，因为有时候苦苦思索也没有一个好的创意，有时候无意之中，却有一些好的创意一闪而过，德来全不费工夫。
其次，就应该是构思，也就是在大脑中想象怎样组织画面，每个画面有些什么内容，这些画面又该如何衔接起来，形成一个整体。
这一部分很重要，就如同写作文，拿到一个题目，应该先想好整个文章的概括，否则就不知到如何下手。
最后，就是制作了。
我觉得，最主要的就是多练，光看书，到了真正用的时候，还是笨手笨脚的。
只有经过实践，才能有好的技术，说是这样，可我也没有练很多，虽然技术是我现在制作FLASH最大的难点，但我认为制作一个好的FLASH作品，最关键的还是创意和构思。
这次的海报制作过程相较于flash游戏制作来说还是比较轻松的，但是在海报制作的过程中还是存在着或多或少的问题。
设计中我发现自己想要的字体很难绘制出来，就在网上搜索自己需要的素材，导入到photoshop中，再一步步对素材进行处理,从而得到自己所需要的字体。
于是我也更深地了解和熟悉了对PS各个工具的使用，图片处理过程中主要运用了渐变、滤镜、路径、选框、喷枪、画笔、羽化、钢笔、和文字等工具；也了解了一些快捷键的使用（如Ctrl+T调整大小位置、Ctrl+Ｒ辅助线,Alt+backspace前景色填充,Ctrl+Ｄ取消选择，Ｄelete删除，Shift+ctrl+i反选等），进一步提高并且熟练了自己对图形图像处理的能力。
在图片处理过程中，我也更清醒的认识了自己的不足，有很多效果我还实现不了，所以有时候会想一些投机取巧的方法来实现。
再次，我也意识到在学习PS的过程中应该注意很多事情。
首先，不能有畏难情绪，千万不要被PS的表象——繁多的工具吓到。
千里之行始于足下，只要你坚持不懈，循序渐进。
采用逐个击破，有计划有步骤地学会每个工具的功能及使用方法。
在学的过程中一定要思考如何应用，注意触类旁通。
其实，学着学着，你就会发现一些工具的用法有很多相同的地方，例如仿制图章工具和修复画笔工具的用法基本相同。
但如果满足于停留在知道怎么用它的水平还远远不够。
其次，得想方设法提高自己的兴趣。
大多数人都喜欢欣赏漂亮的照片，何不自己动手美化自己的照片，让自己摇身一变，比那些明星还要美丽。
这样既可以强化自己原有的知识结构体系，又能激发自己追求新的知识的欲望，何乐而不为呢？
再，学而时习之，要每隔一段时间，练习一下，比较一下，看自己是否有进步。
最好独立地做一些创造性的作品。
坚持这样，在不知不觉中，就会很轻松地把所学知识纳入长时记忆系统。
最后，最好带上艺术家般的挑剔眼光来分析作品，总结技巧。
还要适时地及同学老师朋友交流交流，发现别人出色的地方，多多学习学习；也要善于发现别人的不足之处，吸取经验教训。
当然，也可充分利用网络资源来扩充自己的知识体系。
但我不是特别鼓励大家过分利用网络资源，因为我总觉得上面没什么特别优秀的作品，没必要浪费太多的时间在上面。
学习PS其实并不难，下定决心学好它吧！
我期待大家都能学好它，都能做出漂亮的作品来
设计过程及答辩回答问题记载：
（至少三个问题）
1.怎样使用Photoshop将图片图片进行分割。
1打开AdoboPhotoshopCS;
2使用“文件”菜单的“打开”命令打开准备好的图片“光头强”，如图2.
3使用“视图”菜单的“显示”的“网格”命令”，显示出网格。
4使用切片工具将图像等分为12份。
2.怎样将影片剪辑转换为按钮。
出现一个“复制到网格”的影片剪辑，将其分离（ctrl+B），在属性面板将分离后的元件的实例类型（默认为图形）都转换为“按钮”。
并按先行后列的顺序起名为bt1,…bt12.将该图命名为“按钮”并锁定。
3.怎样在图层中加入网格。
将按钮bt拖入舞台中，选择该按钮，执行“插入”菜单的“时间轴特效”的“帮助”下的“复制到网格”命令，在网格尺寸的行数和列数中填入3和4，在网格间距的行数和列数都填入0像素，单击确定。
4.当文字工具处于选中状态时要执行其他操作该怎么办？
答：
要先提交文字层的编辑，才能执行其他操作。
5.多个图层如何管理？
答：
可以利用图层组管理，创建一个图层组，将其他图层拖到图层组中。
6．快速蒙版中使用画笔工具，颜色需不需要设置？
答：
需要设置，当前背景色为白色时，画笔将清除蒙版，使区域扩大，颜色为黑色时可增加蒙版。
指导教师评语：
签名：
2013年3月4日
升级会员 