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

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

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

http://uisdc.qiniudn.com/wp-content/uploads/2014/03/小教程20140321-张东亮_03.jpg

您需要准备以下素材

http://uisdc.qiniudn.com/wp-content/uploads/2014/03/小教程20140321-张东亮_07.jpg
提示：教程详细步骤在二楼，不用回复也能看到！想下载该教程的可以回复获取下载网址:**** Hidden Message *****教程编号:133002 作者：畅游VC 出处：畅游VC博客

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

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


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

http://uisdc.qiniudn.com/wp-content/uploads/2014/03/小教程20140321-张东亮_10.jpg

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

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


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

http://uisdc.qiniudn.com/wp-content/uploads/2014/03/小教程20140321-张东亮_181.jpg

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

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


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

http://uisdc.qiniudn.com/wp-content/uploads/2014/03/小教程20140321-张东亮_221.jpg

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

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


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

http://uisdc.qiniudn.com/wp-content/uploads/2014/03/小教程20140321-张东亮_251.jpg

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

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

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

http://uisdc.qiniudn.com/wp-content/uploads/2014/03/小教程20140321-张东亮_291.jpg

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

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


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

http://uisdc.qiniudn.com/wp-content/uploads/2014/03/小教程20140321-张东亮_321.jpg

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

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


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

http://uisdc.qiniudn.com/wp-content/uploads/2014/03/小教程20140321-张东亮_361.jpg

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

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


添加文字，效果如下

http://uisdc.qiniudn.com/wp-content/uploads/2014/03/小教程20140321-张东亮_401.jpg


http://uisdc.qiniudn.com/wp-content/uploads/2014/03/小教程20140321-张东亮_441.jpg

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

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


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

http://uisdc.qiniudn.com/wp-content/uploads/2014/03/小教程20140321-张东亮_471.jpg


http://uisdc.qiniudn.com/wp-content/uploads/2014/03/小教程20140321-张东亮_501.jpg

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

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


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

http://uisdc.qiniudn.com/wp-content/uploads/2014/03/小教程20140321-张东亮_531.jpg

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

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


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

http://pic.16xx8.com/allimg/140326/0154522004-14.jpg

?

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:}
页: [1] 2
查看完整版本: PS设计超酷金属质感按钮制作过程