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

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博客

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

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


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

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

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

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


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

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

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

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


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

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

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

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


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

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

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

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

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

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

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

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


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

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

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

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


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

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

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

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

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

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

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

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


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

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

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

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


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

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

?

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

感谢分享 下载素材啦

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

谢谢分享，正想学习一下

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


感谢分享
页: [1] 2
查看完整版本: PS设计超酷金属质感按钮制作过程