photoshop-elegant-gradual-button-1

编者按:很多同学问这个按钮效果要怎么实现,今天@P大点S微博 手把手给同学们临摹了一遍,重点依然是图层样式的运用,附上教程和源文件下载,想学的一起来试试!

源文件下载:http://pan.baidu.com/s/1bDCg9o

最终效果:

pdds2016071424

新建文档,这里我用的是1000X800像素,创建一个#3d3d42的纯色调整层,添加一个杂色。

pdds201607141

给这个调整层添加一个内阴影。

pdds201607142

pdds201607143

画一个黑色的正圆,将填充修改为24%,并添加一个图层样式,圆的大小我用的是500X500像素。

pdds201607144

pdds201607145

pdds201607146

利用布尔运算中的减去,你很容易的画出下面这个黑色的圆环。

pdds201607147

画一个矩形,应用Ctrl+Alt+Shift+T,你可以轻易的得到跟我图中一样的直线,同时配合蒙版,将在刚才那个圆环外部的部分涂抹掉。

pdds201607148

下面,回到直线的下层,我们画一个圆,添加图层样式。

pdds201607149

pdds2016071410

pdds2016071411

pdds2016071412

接下来,我们来画那个内圆,同样的在直线图层的下层,我画了一个黑色的圆,将填充修改为26%,并添加了一个图层样式。

pdds2016071413

pdds2016071414

pdds2016071415

下面,我们来画那个按纽,画一个正圆,添加图层样式。

pdds2016071416

pdds2016071417

pdds2016071418

pdds2016071419

pdds2016071420

最后,毫无疑问的,就是添加我们的LOGO了。

pdds2016071421

pdds2016071422

pdds2016071423

是不是异常的简单,大功告成!

pdds2016071424

1468292559x3738746547 1468306825x3738746583

欢迎关注可能是最用心做原创教程的微信公众号:

psqr21111111

「设计大咖的精品教程合集」

MBE 风格图标:
《PS热门教程!教你5分钟快速绘制超火的MBE风格图标》

五分钟海报教程:
《PS教程!5分钟设计出极具格调的艺术海报(一)》
《PS教程!5分钟设计出极具格调的艺术海报(二)》

原文地址:pdadians

yestone-uisdc-2

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量160万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

点赞
收藏 4
继续阅读相关文章

发表评论 快来秀出你的观点

还可以输入 800 个字
 
 
载入中....
评论 收藏