丝路教育学院
 总部

咨询热线:025-69576064

热门课程

丝路教育>培训头条>游戏美术培训>

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

  • 发布:丝路教育学院
  • 点击次数:146
  • 时间:2019-07-11

游戏UI设计

今天跟大家聊聊关于现阶段最火的一款游戏--“吃鸡”的UI设计教程,如何用PS绘制金属质感的游戏登录界面。

一、构建草图

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

游戏UI设计

二、纯色填充

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

游戏UI设计

游戏UI设计

游戏UI设计

三、添加质感

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

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

游戏UI设计

背景融合:

游戏UI设计

图层样式:

游戏UI设计

游戏UI设计

游戏UI设计

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

游戏UI设计

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

游戏UI设计

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

游戏UI设计

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

游戏UI设计

按钮制作分解图

 

四、整体装饰

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

游戏UI设计

 

预约申请免费试听课

填写下面表单即可预约申请免费试听!怕钱不够?可就业挣钱后再付学费! 怕学不会?助教全程陪读,随时解惑!担心就业?一地学习,可全国推荐就业!

上一篇:游戏UI培训好不好?值不值?   下一篇:从菜鸟到总监!成为优秀设计师的10个必备技能
零基础学习游戏制作有哪

零基础学习游戏制作有哪

从事游戏设计学什么专业

从事游戏设计学什么专业

如何学习游戏建模?游戏

如何学习游戏建模?游戏

游戏动漫设计培训学习什

游戏动漫设计培训学习什

本网站版权归丝路视觉科技股份有限公司所有,盗用必究
网站导航