PS教程!教你绘制超漂亮的渐变按钮图标

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

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

最终效果:

UI设计

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

UI设计

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

UI设计

UI设计

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

UI设计

UI设计

UI设计

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

UI设计

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

UI设计

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

UI设计

UI设计

UI设计

UI设计

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

UI设计

UI设计

UI设计

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

UI设计

UI设计

UI设计

UI设计

UI设计

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

UI设计

UI设计

UI设计

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

UI设计

UI设计 UI设计

原文地址:pdadians

关键字:PS教程, 设计文章, 设计, 图层

版权声明

本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部