开关图标，设计一个调节开关图标

今天给大家带来的是一个调节开关主题图标，制作方法也是跟以往的差不多，主要是用路径描绘形状，然后用图层样式制作质感，想学的跟着教程一起动动手吧。

教程源文件：http:///photoshop/sucai/2016/h280529.html

我们的最终效果：

开关图标，设计一个调节开关图标
<点图片看大图>

新建一个渐变调整层，做一个45度的从 #a1a5ae 到 #eef2f3 的线性渐变。

开关图标，设计一个调节开关图标
<点图片看大图>

光是渐变背景，感觉差了点什么，添加点质感吧。复制一层渐变图层，转智能对象，添加一个杂色。

开关图标，设计一个调节开关图标
<点图片看大图>

执行“滤镜—风格化—浮雕效果”，添加一个浮雕效果。

开关图标，设计一个调节开关图标
<点图片看大图>

将这个图层的图层混合模式更改为“叠加”，我们的背景就完成了。

开关图标，设计一个调节开关图标
<点图片看大图>

*PSjia.COM 倾力出品，转载请注明来自PS家园网（www.psjia.com）

标签(TAG) ps网页设计 p大点s UI教程 UI设计教程开关按钮开关图标