电玩风游戏UI界面设计

本篇教程讲解PS-游戏UI的绘制，喜欢的一起来学习吧。

学完本课内容后，同学们可以根据下图作业布置，在视频下方提交作业图片，老师会一一进行解答。

那我们开始今天的教程吧。

1.首先打开软件PS，我们这节课要做的是游戏UI，所以我们要找一些游戏里面的参考元素，像图片里的线条，发光字，背景中的色块，还有马赛克的字体都是我们可以参考的元素。

2.【Ctrl+N】新建一个720x1280的画布，像素选择72，导入背景图片，新建一个图层，将前景色调整为黑色，【Alt+Delete】填充图层，将图层的【不透明度】降低。

3.接着使用【矩形工具】依次绘制出画面各个部分的布局，【Ctrl+T】选中可以调整矩形的大小。

4.分布新建图层作为上面矩形图层的剪切图层，使用【画笔工具】将笔刷放大，绘制出紫色和蓝色的渐变颜色，然后将矩形的【不透明度】降低。

5.然后双击中间的大矩形的图层，勾选【图案叠加】的图层样式，选择黑点的图案，将【混合模式】选择【划分】，将【不透明度】设为2%。

6.接着使用【添加锚点】的【钢笔工具】给中间的矩形添加上多个锚点，调整锚点的位置，改变矩形的形状，填充浅蓝色，按住【Alt】键移动复制一层。

7.然后对各个矩形的颜色进行填充，【Ctrl+T】选中矩形，按住【Ctrl】键对四个边角的位置进行调整。

8.接着使用【矩形工具】依次绘制出矩形，添加描边，双击图层勾选【外发光】的图层样式，选择紫色的发光颜色，小格矩形就是进行连续的复制。

9.然后使用【文本工具】输入文字，调整字形的大小和位置，【Ctrl+T】选中，按住【Ctrl】键对四个边角的位置进行调整。双击图层添加【内发光】和【投影】的图层样式。

10.选中效果的文字图层，右键选择【创建图层】，将投影和文字分开，然后将投影的图层右键选择【转换为智能对象】，双击添加【外发光】的图层样式。

11.同样的方式对小一点的文字进行调整，复制发光的形状条，使用【矩形工具】绘制一个圆角矩形，【Ctrl+T】选中，按住【Ctrl】键对四个边角的位置进行调整。双击添加【投影】的图层样式。