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

water_225 · 发表于 2014-3-28 21:27:11

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

x

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

您需要准备以下素材

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

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

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

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

water_225 · 发表于 2014-3-28 21:27:13

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

water_225 · 发表于 2014-3-28 21:27:14

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

water_225 · 发表于 2014-3-28 21:27:15

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

water_225 · 发表于 2014-3-28 21:27:16

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

water_225 · 发表于 2014-3-28 21:27:17

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

water_225 · 发表于 2014-3-28 21:27:18

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

water_225 · 发表于 2014-3-28 21:27:19

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

water_225 · 发表于 2014-3-28 21:27:20

添加文字，效果如下

water_225 · 发表于 2014-3-28 21:27:21

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

water_225 · 发表于 2014-3-28 21:27:22

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

water_225 · 发表于 2014-3-28 21:27:23

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

?

童年的荡秋千 · 发表于 2015-12-4 19:59:31

感谢分享下载素材啦

dragon_fly · 发表于 2016-6-25 15:37:16

谢谢分享，正想学习一下

glhgcy · 发表于 2016-6-27 17:32:10

感谢分享

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

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