案例10 游戏界面设计

更新于 2026年10月10日 版权声明
案例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 完成效果

↑上一章 ↓下一章
关注公众号获取验证码
复制内容需要验证码(7.99元/天)