手机游戏界面开发PS部分
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
图27
（14）使用文字工具标注出特效提示，如图28：
图ห้องสมุดไป่ตู้8
1.制作赛车竞速游戏操作界面的布局和背景
（1）新建一个长宽为400×220像素文件，文件名称为“球桌”。新建图层并将其命名为“背景”。将前景色设为浅灰色（RGB颜色值为7d,7d,7d），填充前景色。选择素材图1，适当裁剪和拉伸。效果如图2所示。
（2）矩形选框选中上部1/3部分，执行“选择”|“修改”|“羽化”命令，打开羽化窗口，选择50px，，设置如图3所示。
图14
（4）选中这一图层全部选区，执行“选择|修改|收缩”3px命令，执行“选择|修改|羽化”6px命令，选择反向，执行删除，效果如图15：
（5）修改图层样式，设置如图16，效果图17：
图16
图17
（6）新建控制图层2，使用钢笔工具勾画出氮气释放按钮，建立选区，填充颜色（4049a2），效果如图18：
图7 色彩平衡
（3）执行“|亮度对比度|”如图8所示。
图8 亮度对比度
（4）选中赛车选区，执行“选择|修改|收缩”，选择5px，执行“选择|修改|羽化”，选择10px，选择反向选区，执行删除命令，效果如图9。
图9 羽化删除效果
（5）选中车尾阴影如图10：执行“滤镜|模糊|高斯模糊”，设置如图11：
图10 图11
图2 素材图1
图3 设置“羽化”
（3）对素材层执行菜单栏“图像”|“调整”|“色彩平衡”命令，打开色彩平衡设置窗口，，设置如图4所示。
图4 设置“色彩平衡”
设置完成后效果如图5：
图5
2.制作赛车
（1）选择车尾素材，如图6所示。
图6 素材2
（2）适当调整素材2大小和位置，执行“图像|调整|色彩平衡”如图7所示。
图18
调整大小和位置，复制上一图层图层样式到当前图层，如图19：
图19
（8）新建地图图层，使用矩形选框工具在左上角画出地图区域，填充颜色（4b4b4b），修改不透明度为60%，如图20：
图20
（9）使用画笔工具在地图上画出路线，颜色纯白，如图21：
图21
（10）使用多边形套索工具在地图上画出代表车辆的三角形，填充颜色（00ff00），使用圆形选区在地图上画出多个圆形，填充颜色（）代表其他车辆，如图22：
图22
（11）使用文字在中间上方写出时速，颜色纯白，修改图层样式，设置如图23，效果如图24：
图23
图24
（12）新建图层，用矩形选框画出氮气槽，填充背景色（21a4f7），如图25：
图25
在氮气槽上方镂空出1/3部分，删除颜色，如图26：
图26
（13）使用文字工具标注出百分比，修改氮气槽图层不透明度为80%，如图27：
赛车竞速游戏操作界面设计
一、任务陈述
1．效果图（见图1）
图1 赛车竞速游戏界面效果图
2．任务概述
手机游戏的特点应该是操作简单，非常容易上手，图形设计非常的精致。由于是手机桌球游戏，基于现在市面流行的手机尺寸大小，在图形界面设计中，界面应满足当前大部分手机尺寸大小的需要。手机尺寸相对较小，在图形界面设计时，应使界面简洁、清晰，界面布局合理，效果逼真有真实感，图形颜色反差较大便于使用。鉴于此，手机游戏图形界面设计要满足以上的要求。赛车竞速游戏操作界面主要由场景、车辆和操作键组成。在本次任务中我们将使用“形状工具组”、“图层样式”、 “渐变工具”、“钢笔工具”、“滤镜”等工具和命令完成桌球游戏界面的设计和制作。
3．知识点应用
（1）熟练使用 “形状工具组”和“钢笔工具”绘制所需要的图形。
（2）熟练使用“参考线”进行图像布局和操作的依据。
（3）熟练使用“渐变工具”制作光影效果。
（4）熟练使用“图层样式”命令对图层中的图形添加需要效果。
（5）熟练使用“滤镜”中各种不同滤镜对图层中的图形添加需要效果。
二、任务实施
3.制作控制键
（1）新建控制图层，使用椭圆选取，样式为固定宽高比1：1，画出合适圆形，填充颜色（4049a2），如图12：
图12
（2）执行“选择|修改|收缩”命令，选择20px，执行删除：
图13
（3）继续执行“选择|修改|收缩”，选择30px，上移选区25px，填充颜色（4049a2），效果如图14：
（14）使用文字工具标注出特效提示，如图28：
图ห้องสมุดไป่ตู้8
1.制作赛车竞速游戏操作界面的布局和背景
（1）新建一个长宽为400×220像素文件，文件名称为“球桌”。新建图层并将其命名为“背景”。将前景色设为浅灰色（RGB颜色值为7d,7d,7d），填充前景色。选择素材图1，适当裁剪和拉伸。效果如图2所示。
（2）矩形选框选中上部1/3部分，执行“选择”|“修改”|“羽化”命令，打开羽化窗口，选择50px，，设置如图3所示。
图14
（4）选中这一图层全部选区，执行“选择|修改|收缩”3px命令，执行“选择|修改|羽化”6px命令，选择反向，执行删除，效果如图15：
（5）修改图层样式，设置如图16，效果图17：
图16
图17
（6）新建控制图层2，使用钢笔工具勾画出氮气释放按钮，建立选区，填充颜色（4049a2），效果如图18：
图7 色彩平衡
（3）执行“|亮度对比度|”如图8所示。
图8 亮度对比度
（4）选中赛车选区，执行“选择|修改|收缩”，选择5px，执行“选择|修改|羽化”，选择10px，选择反向选区，执行删除命令，效果如图9。
图9 羽化删除效果
（5）选中车尾阴影如图10：执行“滤镜|模糊|高斯模糊”，设置如图11：
图10 图11
图2 素材图1
图3 设置“羽化”
（3）对素材层执行菜单栏“图像”|“调整”|“色彩平衡”命令，打开色彩平衡设置窗口，，设置如图4所示。
图4 设置“色彩平衡”
设置完成后效果如图5：
图5
2.制作赛车
（1）选择车尾素材，如图6所示。
图6 素材2
（2）适当调整素材2大小和位置，执行“图像|调整|色彩平衡”如图7所示。
图18
调整大小和位置，复制上一图层图层样式到当前图层，如图19：
图19
（8）新建地图图层，使用矩形选框工具在左上角画出地图区域，填充颜色（4b4b4b），修改不透明度为60%，如图20：
图20
（9）使用画笔工具在地图上画出路线，颜色纯白，如图21：
图21
（10）使用多边形套索工具在地图上画出代表车辆的三角形，填充颜色（00ff00），使用圆形选区在地图上画出多个圆形，填充颜色（）代表其他车辆，如图22：
图22
（11）使用文字在中间上方写出时速，颜色纯白，修改图层样式，设置如图23，效果如图24：
图23
图24
（12）新建图层，用矩形选框画出氮气槽，填充背景色（21a4f7），如图25：
图25
在氮气槽上方镂空出1/3部分，删除颜色，如图26：
图26
（13）使用文字工具标注出百分比，修改氮气槽图层不透明度为80%，如图27：
赛车竞速游戏操作界面设计
一、任务陈述
1．效果图（见图1）
图1 赛车竞速游戏界面效果图
2．任务概述
手机游戏的特点应该是操作简单，非常容易上手，图形设计非常的精致。由于是手机桌球游戏，基于现在市面流行的手机尺寸大小，在图形界面设计中，界面应满足当前大部分手机尺寸大小的需要。手机尺寸相对较小，在图形界面设计时，应使界面简洁、清晰，界面布局合理，效果逼真有真实感，图形颜色反差较大便于使用。鉴于此，手机游戏图形界面设计要满足以上的要求。赛车竞速游戏操作界面主要由场景、车辆和操作键组成。在本次任务中我们将使用“形状工具组”、“图层样式”、 “渐变工具”、“钢笔工具”、“滤镜”等工具和命令完成桌球游戏界面的设计和制作。
3．知识点应用
（1）熟练使用 “形状工具组”和“钢笔工具”绘制所需要的图形。
（2）熟练使用“参考线”进行图像布局和操作的依据。
（3）熟练使用“渐变工具”制作光影效果。
（4）熟练使用“图层样式”命令对图层中的图形添加需要效果。
（5）熟练使用“滤镜”中各种不同滤镜对图层中的图形添加需要效果。
二、任务实施
3.制作控制键
（1）新建控制图层，使用椭圆选取，样式为固定宽高比1：1，画出合适圆形，填充颜色（4049a2），如图12：
图12
（2）执行“选择|修改|收缩”命令，选择20px，执行删除：
图13
（3）继续执行“选择|修改|收缩”，选择30px，上移选区25px，填充颜色（4049a2），效果如图14：