点击此处返回

每日可免费学习1个教程

立即登录>

软件入门平面设计 3D数字 C4D教程 Blender教程短视频制作影视动画摄影艺术室内设计绘画插画海外教程电商教程产品精修办公职场编程开发考证·外语品牌设计综合教程 UI设计兴趣生活

详情图文教程训练营推荐

3D数字

电玩风游戏UI界面设计

1785人学过难度:初级练习软件:PS（CC2018）

评论(30) 收藏课程已收藏下载视频

关注人数：62

毕业于福建师范数字媒体艺术专业，七年游戏UI工作经验，曾就职于福建网龙有限公司，负责游戏项目组风格稿主UI设计师，参与RPG游戏《终焉誓约》盗墓题材《全民宝藏》，回合制RPG游戏《全民明星》等；

PS-未来战士酷炫合成

9335人已学

课程综合评分：9.9分

评论可是有底线的

本节教程练习

本篇教程讲解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】键对四个边角的位置进行调整。双击图层添加【内发光】和【投影】的图层样式。

登录后学习完整图文教程

虎课APP离线下载免流量

70000+教程，每天免费学一课

一键打开