案例10 游戏界面设计
(请扫描版权页上的二维码,下载教学视频)

图10 赛车游戏界面
STEP1
选择菜单栏里的“文件/新建”命令,打开新建对话框,新建一个尺寸为768×1024像素的文件,分辨率为72dpi,背景内容为白色,如图11所示。

图11 文件/新建
STEP2
前景色选为深蓝色,如图12所示。背景改为加上具体颜色#010923,如图13所示。

图12 前景色

图13 背景如图
STEP3
在素材中导入赛车图片,如图14所示。为了让背景颜色和图片过渡自然,在图层面板添加快速蒙板,即图层面板最下面有一排小按钮,是其中第三个。在快速蒙板添加渐变,如图15所示。完成如图16所示。

图14 导入赛车图片

图15 在快速蒙板中添加渐变

图16 完成效果
STEP4
制作游戏LOGO,使用文字工具输入文字“Racing”,双击文字排版图层,在属性栏中设置文字的大小,用文本工具选择字体Avengeance Heroic,如图17所示。

图17 输入文字
STEP5
在“文字”图层上双击,在弹出的图层样式对话框中分别选择“颜色叠加”样式,如图18所示。选择“描边”样式,如图19所示。选择“内阴影”样式,如图20所示。选择“光泽”样式,如图21所示。选择“颜色叠加”样式,如图22所示。选择“渐变叠加”样式,如图23所示。选择“图案叠加”样式,如图24所示。选择“投影”样式,如图25所示。

图18 “颜色叠加”样式

图19 “描边”样式

图20 “内阴影”样式

图21 “光泽”样式
(https://www.daowen.com)
图22 “颜色叠加”样式

图23 “渐变叠加”样式

图24 “图案叠加”样式

图25 “投影”样式
STEP6
完成效果,如图26所示。导入素材光芒,添加完成如图27所示。

图26 完成效果

图27 导入素材光芒
使用文字工具输入文字“NATURAL MOTION”,添加完成如图28所示。

图28 LOGO完成效果
STEP7
制作按钮,使用文字工具输入文字“PLAY”,双击文字排版图层,在属性栏中设置文字的大小,用文本工具选择字体Montalban,选择“描边”样式,如图29所示。选择“投影”样式,如图30所示。完成效果,如图31所示。

图29 “描边”样式

图30 “投影”样式

图31 完成效果
STEP8
导入素材按钮背景,添加完成如图32所示。导入素材纹理,添加完成如图33所示。其他按钮制作方法同上,如图34所示。

图32 加背景

图33 添加纹理

图34 按钮完成
STEP9
导入素材火焰,添加完成,最终效果如图35所示。

图35 完成效果