UI设计教程 开关图标ui图标设计教程(1)

来源:网络   作者:热心网友   发布时间:2016-08-02    浏览次数:137

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


我们的最终效果:


开关图标,设计一个调节开关图标_设计先锋网<点图片看大图>设计先锋网


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


开关图标,设计一个调节开关图标_设计先锋网<点图片看大图>


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


开关图标,设计一个调节开关图标_设计先锋网<点图片看大图>


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


开关图标,设计一个调节开关图标_设计先锋网<点图片看大图>


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


开关图标,设计一个调节开关图标_设计先锋网<点图片看大图>

教程未完,请看下一页!



12345共5页
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

相关推荐

http://www.shejixf.com/shejijiaocheng/uisheji/4510.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通