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

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

载入圆角矩形的选区,在主体阴影下层新建一层,填充黑色,执行一个动感模糊,配合蒙版,我们做了一个长投影,更改图层混合模式为“正片叠底”,图层不透明度为33%。


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



开关图标,设计一个调节开关图标_设计先锋网


接下来,我们来做那个中框,这里需要注意的是圆角矩形的圆度需要对齐一下,不然看上去很难看。将图层的填充修改为0,添加一个图层样式。


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



开关图标,设计一个调节开关图标_设计先锋网



开关图标,设计一个调节开关图标_设计先锋网



开关图标,设计一个调节开关图标_设计先锋网



开关图标,设计一个调节开关图标_设计先锋网


用椭圆工具画出旋纽的主体来,添加图层样式。


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



开关图标,设计一个调节开关图标_设计先锋网



开关图标,设计一个调节开关图标_设计先锋网



开关图标,设计一个调节开关图标_设计先锋网


跟刚才给圆角矩形做阴影一样,复制一层,移到下层,将图层填充修改为0,添加一个投影图层样式。


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


12345共5页
联盟广告
×

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

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

相关推荐

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

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

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

×

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

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

×

充值学币 立即开通