flash游戏和宣传海报设计与制作
1 / 23
武汉理工大学华夏学院
课程设计报告书
课程名称：《多媒体技术应用》课程设计
题 目： flash游戏和宣传海报的设计及制作
系 名： 信息工程系
专业班级： 计算机1111班
姓 名：
学 号： 10210411131
指导教师: 张玉蓉
2013年 3 月 1日 flash游戏和宣传海报设计与制作
2 / 23
课程设计任务书
学生姓名： 专业班级： 计算机1111班
指导教师： 张玉蓉 工作单位： 信息工程系
设计题目： flash游戏及宣传海报的设计及制作
初始条件：
要求较全面地理解、掌握和综合运用所学的多媒体方面的理论知识，会用photoshop进行图片处理，会用flash制作简单动画，以及用flash制作简单的游戏。
要求完成的主要任务：
用flash设计制作简单的游戏，比如拼图游戏，走迷宫等游戏，以及相关文档的制作。要求有明确的主题，内容健康向上，互动性强，声形并茂，有较强的动态的视觉特效。
主要任务：
1. 完成整个游戏的设计及制作；经教师检查及答辩；
2. 写出规范的课程设计说明书，课程设计报告采取统一格式；详细叙述设计的主要内容以及设计的具体思路，在报告中要有个人总结和心得。
3. 课程设计结束后交设计说明书等文档，设计作品以姓名命名，并以班集体为单位刻盘。
4. 文档雷同者按不及格处理；
设计报告撰写格式要求：
要求层次清楚、整洁规范、不得相互抄袭，凡正文内容有整段完全相同者flash游戏和宣传海报设计与制作
3 / 23 一律以抄袭论处。设计报告正文字数不少于0.2万字（不包括附录）。
第1级（章）题序和题名用黑体三号字，第2级（目）题序和题名用黑体小四号字，第3级（条）题序和题名用黑体小四号字，正文内容用宋体五号字(英文用新罗马体)，多倍行距1.25。报告内容一律使用A4打印纸计算机打印，页码在页下居中标明。必须使用国家公布的规范字。
页面设置：上空2.5 cm，下空2.0 cm，左空2.5 cm，右空2.0cm（左装订）。
插图图面要整齐、美观，插图应及正文呼应，不能脱节。每幅插图应有图序及图题，图序编号要连续，图序及图题间空一格且要放在插图下方居中处。
时间安排：
2013年2月25日 布置课程设计任务；讲述设计目的、内容、时间安排及本次课程设计的要求查阅资料，学生进行分析及总体设计，理清设计思路；
2013年2月 26日-2013年3月 1日 按设计要求，查阅资料；进行设计及制作；
2013年3月1日 提交课程设计报告及相关文档。
指 导 教 师 签 字： 2013年 2 月 25日
系 主 任 签 字： 2013年 2月 25日
Flash拼图游戏多媒体课程设计
一．设计目的 flash游戏和宣传海报设计与制作
4 / 23 1.使用Flash 8结合Photoshop CS制作拼图小游戏
2.要学会Photoshop CS的切片工具和存储为Web格式等命令的使用，及Flash 8的复制到网格和hittest()函数等命令的使用，对两者的结合制作出拼图小游戏的过程进行了详细的说明。
3.关键：切片工具；hittest()；复制到网格
二．设计思路
游戏规则：当在某个小图片上按下鼠标左键不松开鼠标进行拖动时，该小图片跟随鼠标移动，当松开鼠标时，如果是小图片的最后位置。该小图片就停留在正确位置，否则回到原来位置。
三．制作步骤：
1．使用Photoshop进行图片处理
1） 打开Adobo Photoshop CS;
2） 使用“文件”菜单的“打开”命令打开准备好的图片“光头强”。
3） 使用“视图”菜单的“显示”的“网格”命令”，显示出网格。
4） 使用切片工具将图像等分为12份。 flash游戏和宣传海报设计与制作
5 / 23
5） 使用“文件”菜单的“存储为Web所用格式”命令，单击“存储”按钮后，选择保存位置，保存即可。
flash游戏和宣传海报设计与制作
6 / 23
6） 关闭Adobo Photoshop CS。
2.使用Flash 8制作拼图游戏
1）打开Flash 8，新建一个“flash 文档”。
2）设置文档大小。
3）使用“文件”菜单的“导入”下的“打入到库”命令，将桌面上的“images”文件夹中所有图片导入到库中。 flash游戏和宣传海报设计与制作
7 / 23
4）从库中将“1”拖入舞台中，按F8键将它转换为元件，名称为tu1,类型为影片剪辑。确定。
5）重复上一步操作，把“2”转换为tu2,”3”转换为tu3,….“12”转换为“tu12”.
flash游戏和宣传海报设计与制作
8 / 23 6)将舞台中的12个影片剪辑打乱次序后排列。
7）将图层1命名为“图形”，并锁定。
8）在库面板中，右击tu1，选择“直接复制”，在弹出的“直接复制元件”对话框中，命名为bt,类型为按钮，确定。这时就有一个按钮元件bt。
9）双击bt按钮图标，进行按钮的编辑：在在弹起帧的内容全选后，使用“修改”菜单的“分离”命令（或按ctrl+B）把图片打散，使用墨水瓶工具给它添加黑色边框。在点击帧插入关键帧。在谈起帧将填充删除，只留边框。
flash游戏和宣传海报设计与制作
9 / 23
10）返回场景1.先建一图层，将该图片拖到“图形”层下面。
11）将按钮bt拖入舞台中，选择该按钮，执行“插入”菜单的“时间轴特效”的“帮助”下的“复制到网格”命令，在网格尺寸的行数和列数中填入3和4，在网格间距的行数和列数都填入0像素，单击确定。
12）出现一个“复制到网格”的影片剪辑，将其分离（ctrl+B），在属性面板将分离后的元件的实例类型（默认为图形）都转换为“按钮”。并按先行后列的顺序起名为bt1,…bt12.将该图命名为“按钮”并锁定。
13）新建一图层，命名为“参考层”，将该图层拖到“按钮”层的下面。
14）将“光头强图片”文件导入库，将之拖入“参考层”，转换为元件。 flash游戏和宣传海报设计与制作
10 / 23
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;} flash游戏和宣传海报设计与制作
11 / 23 else
{this._x=x;
this._y=y;}
stopDrag();
17）将以上代码全选复制，返回场景，再选择tu2，打开动作面板，进行粘贴，只用将bt1全部改为bt2即可。
18）类似进行上步操作，为其它的影片剪辑都添加动作代码。
19）使用“控制”菜单的“测试影片”（或按下Ctrl+Enter），观看效果。
20）使用“文件”菜单的“导出”的“导出影片”（或按ctrl+shift+Alt+S）,输入文件名，保存。
图1 完成效果
电视剧《美人无泪》宣传海报制作
一 设计目的
电视剧尤其是一部好的电视剧，要想要有好的收视率，好的收视率内容是不可或缺的。同时也需大力度的宣传工作，其中海报宣传是不可或缺的。好的一份海报可以引人注目，可以让人知道电视剧的大体内容，电视剧的类型，flash游戏和宣传海报设计与制作
12 / 23 可以很直观地让观众知道他们对电视剧是否有兴趣。电视剧海报可以做出电视剧中达不到的效果，通过一副画面来概括整个电影，对电视剧宣传帮助很大。
二 设计思路
电视剧海报设计是平面设计的一个分支，它具有它自己的独特面貌和风格特点。 电视剧海报是商业海报的一种，有文字、绘画、摄影等视觉元素组成，并加之以一些醒目的名片和介绍，以一些鲜明、生动、准确地构图介绍电视剧的内容、表现电视剧的主题，张贴后产生直接宣传效果，其目的是观而告之的将电视剧的内容清楚、及时地告诉观众，吸引观众去去观看该片。
三 详细步骤
1）新建画布，尺寸宽度30厘米，高度为20厘米，分辨率为72，填充白色。
图1 新建画布 flash游戏和宣传海报设计与制作
13 / 23 2）将背景素材拖入画布中，用快捷键Ctrl+T适当调整好大小。
图2 背景素材拖入画布 图3 调节背景图片大小
3）将人物图拖入PS中，再点击工具栏中的移动工具，将人物图拖入背景图中。
4)在人物图的图层上加上蒙版。
flash游戏和宣传海报设计与制作
14 / 23 图4 工具栏 图5 人物图层加蒙版
5)选用工具栏中的橡皮擦工具 将人物的背景慢慢抹去，在抹去背景的过程中可以调节橡皮擦的透明度，制造朦胧的效果，最后效果如下图。
图6 经橡皮擦工具处理后的图片
6)执行滤镜，渲染，光照效果，改变光照。如图所示：
图7 使用滤镜处理后的图片
7)在工具栏中选用文本工具，写出自己想要的文字，效果如下图：