教你ps绘制金属质感的游戏登录框

首先把登录框的草图画出来。

ps绘制金属质感的游戏登录框

用钢笔工具勾勒出登录框各个部分的外形,然后再用纯色块填充。在这里网格工具可以很好的帮助你,网格线的间隔可以在首选项(ctrl+k)中设置。

ps绘制金属质感的游戏登录框(1)

ps绘制金属质感的游戏登录框(2)

ps绘制金属质感的游戏登录框(3)

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

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

ps绘制金属质感的游戏登录框(4)

背景融合:

ps绘制金属质感的游戏登录框(5)

图层样式:

ps绘制金属质感的游戏登录框(6)

ps绘制金属质感的游戏登录框(7)

ps绘制金属质感的游戏登录框(8)

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

ps绘制金属质感的游戏登录框(9)

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

ps绘制金属质感的游戏登录框(10)

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

ps绘制金属质感的游戏登录框(11)

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

ps绘制金属质感的游戏登录框(12)

ps绘制金属质感的游戏登录框(13)

在登录框上部加了几个小螺丝,页面的上下加了边框效果,也可以添加其他的效果。

ps绘制金属质感的游戏登录框(14)

推荐阅读

    分享如何用ps制作钢铁效果的文字

    分享如何用ps制作钢铁效果的文字,制作,文字,纹理,图层,分享,调整,参数,一、新建文件,文件大小尺寸可以根据个人需要来新建初学者新建文件记

    分享ps如何制作动态表情包

    分享ps如何制作动态表情包,制作,表情包,图层,表情包动态,分享,动态,表情,打开Photoshop软件,导入准备好的一张表情包,新建一个图层蒙版,用黑

    教你抖音可以用id登录吗

    教你抖音可以用id登录吗,登录,抖音,绑定,客服,账号,微信,检索,抖音用ID登录的方法介绍:首先,使用ID是无法进行登录的,ID是游戏中用户的唯一身

    教你gmail邮箱登录怎么登不了

    教你gmail邮箱登录怎么登不了,登录,邮件,账户,选择,密码,方法,语义,最近,很多朋友都遇到过gmail电子邮件无法登录的情况。你知道怎么处理吗

    教你微信朋友圈长图怎么制作

    教你微信朋友圈长图怎么制作,微信朋友圈,制作,怎么在,长图制作,点击,张长,选择,现在,用微信自带的「笔记」功能,可以帮你省去在多个应用间切

    分享如何快速用ps绘制红色雨伞

    分享如何快速用ps绘制红色雨伞,红色,快速,绘制,图层,分享,制作,暗部,1、新建一个大小合适的文档,背景填充暗灰色。新建一个图层,用椭圆工具

    分享ps制作不锈钢金属环

    分享ps制作不锈钢金属环,制作,工具,对象,分享,图层,智能,删除,1. 使用矩形工具与椭圆工具创建圆环的形体。2. 现在到了神奇的一步,应用图层

    教你ps制作质感音乐播放器图标

    教你ps制作质感音乐播放器图标,图标,音乐播放器,制作,选择,渐变,修改,参数,先排列好画布。然后新建个渐变调整层。然后渐变的颜色,中心的地

    教你ps怎么删除无用的图层

    教你ps怎么删除无用的图层,删除,图层,隐藏,点击,选择,隐藏图标,脚本,删除所有隐藏图标点击图层面板右上角展开菜单,选择【删除隐藏图层】,这

    分享腾讯视频用微信登录怎么切换

    分享腾讯视频用微信登录怎么切换,腾讯视频,微信登录,分享,微信,账号登录,网页版,操作,1、首先,进入腾讯视频网页版,当然,如果你有腾讯视频客

    分享用ps制作ios应用图标

    分享用ps制作ios应用图标,应用图标,渐变,图标,制作,图标制作,图层,参考,首先新建一个图层并填充背景色,参考色值是#acced6。接下来,给颜色图

    分享ps制作中国风工笔画效果

    分享ps制作中国风工笔画效果,制作,画面,混合模式,分享,图层,复制,黑白,整体思路首先把一张图转为线稿,然后通过混合模式加强画面的表现力,然

    教你ps绘制常青树字体效果教程

    教你ps绘制常青树字体效果教程,字体,绘制,教程,变形,智能,模式,图层,新建个文档,这里我用的是3000*1600像素,各位随意就好,用渐变工具做一个