游戏UI教程:PS绘制金属质感的游戏登录界面

2021-04-01
5367
0

游戏UI教程:PS绘制金属质感的游戏登录界面,小伙伴们会做吗?有思路吗?今天跟大家聊聊关于现阶段最火的一款游戏--“吃鸡”的UI设计教程,如何用PS绘制金属质感的游戏登录界面。

 

 一、构建草图

 首先我们把登录框的草图画出来,下图是我们已经画好的,客户说了想要这种形状的。如果客户没有指定的话那就要自己动手画了。

 

 二、纯色填充

 草图完成后,接下来我的操作是使用钢笔工具勾勒出登录框各个部分的外形,然后再用纯色块填充。在这里网格工具可以很好的帮助你,网格线的间隔可以在首选项(ctrl k)中设置,下面是过程图

 

 三、添加质感

 接下来为登录框添加质感。

 我通常的做法是材质图结合图层样式实现效果,下面拿登录框的底框为例讲解具体操作,其他部分大同小异就不做详细讲解了。首先背景我找了多张质感划痕素材进行融合然后对底框添加了简单的立体效果图层样式,最后在为其叠加材质,具体操作如下

 

 

 背景融合:

 

 图层样式:

 

 然后创建剪贴蒙版,导入素材图,为底框添加纹理效果,在此过程中可以多多尝试图层模式,并适当降低不透明度。

 

 内框采用同样的方法,这时的图层样式就要添加内阴影的效果了,耐心调整素材与图层的效果。

 

 添加输入框以及一些文字提示,输入框的效果可以在图层样式设置中将阴影模式改为正常,颜色改为白色,然后适当调整位置与大小即可。

 

 制作登录按钮,跟底框制作道理是一样的。

 

 按钮制作分解图

 

 四、整体装饰

 大体效果已经完成,最后我们在做一些收尾工作。比如说我在登录框上部加了几个小螺丝,页面的上下加了边框效果,当然这只是我的做法,你也可以添加其他的效果,最后一个荒野行动吃鸡游戏登录界面就完成了!

 

这次游戏UI教程:PS绘制金属质感的游戏登录界面干货分享结束啦!欢迎小伙伴们下载绘学霸App喲,海量视频教学,一步一脚印,零基础变大神~

免责声明:本文内部分内容来自网络,所涉绘画作品及文字版权与著作权归原作者,若有侵权或异议请联系我们处理。
收藏

全部评论

您还没登录

暂无留言,赶紧抢占沙发
绘学霸是国内专业的CG数字艺术设计线上线下学习平台,在绘学霸有2D绘画、3D模型、影视后期、动画、特效等数字艺术培训课程,也有学习资源下载,还有行业社区交流。学习、交流,来绘学霸就对了。
绘学霸iOS端二维码

IOS下载

绘学霸安卓端二维码

安卓下载

绘学霸微信小程序二维码

小程序

版权声明
本网站所有产品设计、功能及展示形式,均已受版权或产权保护,任何公司及个人不得以任何方式复制部分或全部,违者将依法追究责任,特此声明。
热线电话
18026259035
咨询时间:9:00~21:00
在线客服
联系网站客服
客服微信:18026259035
公司地址
中国·广州
广州市海珠区晓港中马路130号之19
绘学霸客户端(权限暂无,用于CG资源与教程交流分享)
开发者:广州王氏软件科技有限公司 | 应用版本:Android:6.0,IOS:5.1 | App隐私政策> | 应用权限 | 更新时间:2020.1.6