PS设计超酷金属质感按钮制作过程

395750879 · 发表于 2014-3-30 03:28:28

您需要登录才可以下载或查看，没有账号？注册

x

按钮设计在日常工作中经常出现，今天给大家分享一个现代战争类按钮制作过程，希望能帮到大家，以下是效果图：

您需要准备以下素材

提示：教程详细步骤在二楼，不用回复也能看到！

想下载该教程的可以回复获取下载网址:

游客，如果您要查看本帖隐藏内容请回复

教程编号:133002 作者：畅游VC 出处：畅游VC博客

395750879 · 发表于 2014-3-30 03:28:30

首先，先建一个暗色背景，然后叠加一个金属纹理，调整一下。

395750879 · 发表于 2014-3-30 03:28:31

背景样式
用矩形工作开始绘制按钮基本形状。

395750879 · 发表于 2014-3-30 03:28:32

绘制完之后开始添加基本细节，把握住现代战争的特征，比如齿轮、工业设计线

395750879 · 发表于 2014-3-30 03:28:33

接下来给做好的原型添加材质,先把材质处理一下，

395750879 · 发表于 2014-3-30 03:28:34

基本形状出来之后，感觉层次较少，这是我们继续添加细节

395750879 · 发表于 2014-3-30 03:28:35

添加另外一种金属材质，让按钮变的更丰富,添加按钮厚度

395750879 · 发表于 2014-3-30 03:28:36

继续添加细节，按钮阴影处的反光、光效的添加

395750879 · 发表于 2014-3-30 03:28:37

添加文字，效果如下

395750879 · 发表于 2014-3-30 03:28:38

整体的感觉，已经出来，为了让按钮更加真实，接下就是细节的调整了，我们要给按钮表面做旧处理。

395750879 · 发表于 2014-3-30 03:28:39

为了按钮细节更加丰富，我们给按钮下面也添加工业线,微调整体光感，最终效果

395750879 · 发表于 2014-3-30 03:28:40

关于畅游VC
搜狐畅游视觉设计中心团队。我们是从游戏和生活中汲取创意和灵感的一群设计精灵，用爱去释放奇妙的设计魔法，描绘让你我感动的虚拟人生。
您也可以通过扫描下方二维码快速添加：

?

1026993038 · 发表于 2014-3-30 09:22:02

photoshop:0063

记忆的迷茫 · 发表于 2014-11-21 14:56:37

。。。。感谢楼主

IIIUUUUU · 发表于 2017-10-13 15:54:23

{:1_318:}{:1_318:}{:1_318:}{:1_318:}{:1_318:}{:1_318:}{:1_318:}{:1_318:}{:1_318:}{:1_318:}{:1_318:}{:1_318:}{:1_318:}

账号		自动登录	找回密码
密码			注册

[网页图片] PS设计超酷金属质感按钮制作过程