ps教程论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

用新浪微博连接

一步搞定

查看: 1448|回复: 15
收起左侧

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

[复制链接]
发表于 2014-3-30 03:28:28 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?注册

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


                               
登录/注册后可看大图


您需要准备以下素材


                               
登录/注册后可看大图

提示:教程详细步骤在二楼,不用回复也能看到!
想下载该教程的可以回复获取下载网址:
游客,如果您要查看本帖隐藏内容请回复
教程编号:133002 作者:畅游VC 出处:畅游VC博客
 楼主| 发表于 2014-3-30 03:28:30 | 显示全部楼层

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


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


                               
登录/注册后可看大图

使用道具 支持 反对

举报 引用

 楼主| 发表于 2014-3-30 03:28:31 | 显示全部楼层

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


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


                               
登录/注册后可看大图

使用道具 支持 反对

举报 引用

 楼主| 发表于 2014-3-30 03:28:32 | 显示全部楼层

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


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


                               
登录/注册后可看大图

教你如何快速获得零用钱!!! 【转发帖子可以免费下载帖子里的资源.】
使用道具 支持 反对

举报 引用

 楼主| 发表于 2014-3-30 03:28:33 | 显示全部楼层

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


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


                               
登录/注册后可看大图

使用道具 支持 反对

举报 引用

 楼主| 发表于 2014-3-30 03:28:34 | 显示全部楼层

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

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


                               
登录/注册后可看大图

教你如何快速获得零用钱!!! 【转发帖子可以免费下载帖子里的资源.】
使用道具 支持 反对

举报 引用

 楼主| 发表于 2014-3-30 03:28:35 | 显示全部楼层

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


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


                               
登录/注册后可看大图

使用道具 支持 反对

举报 引用

 楼主| 发表于 2014-3-30 03:28:36 | 显示全部楼层

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


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


                               
登录/注册后可看大图

正式会员可以给帖子评分送花! 高级会员可以发表隐藏回复帖!
使用道具 支持 反对

举报 引用

 楼主| 发表于 2014-3-30 03:28:37 | 显示全部楼层

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


添加文字,效果如下


                               
登录/注册后可看大图




                               
登录/注册后可看大图

使用道具 支持 反对

举报 引用

 楼主| 发表于 2014-3-30 03:28:38 | 显示全部楼层

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


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


                               
登录/注册后可看大图




                               
登录/注册后可看大图

使用道具 支持 反对

举报 引用

 楼主| 发表于 2014-3-30 03:28:39 | 显示全部楼层

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


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


                               
登录/注册后可看大图

使用道具 支持 反对

举报 引用

 楼主| 发表于 2014-3-30 03:28:40 | 显示全部楼层

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


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


                               
登录/注册后可看大图


?
  
教你如何快速获得零用钱!!! 【转发帖子可以免费下载帖子里的资源.】
使用道具 支持 反对

举报 引用

发表于 2014-3-30 09:22:02 | 显示全部楼层
正式会员可以给帖子评分送花! 高级会员可以发表隐藏回复帖!
使用道具

举报 引用

发表于 2014-11-21 14:56:37 | 显示全部楼层
。。。。感谢楼主
使用道具 支持 反对

举报 引用

发表于 2017-10-13 15:54:23 | 显示全部楼层
{:1_318:}{:1_318:}{:1_318:}{:1_318:}{:1_318:}{:1_318:}{:1_318:}{:1_318:}
使用道具 支持 反对

举报 引用

您需要登录后才可以回帖 登录 | 注册

本版积分规则

求建议和反映问题|不能登录?|Archiver|photoshop教程论坛 ( 粤ICP备07017357号

GMT+8, 2018-6-24 05:17 , Processed in 0.067056 second(s), 13 queries , Gzip On, Xcache On.

Powered by Discuz! X3.1

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表