分享此网站可得100G教程,联系小洁领取点击这里给我发消息

PS制作空调旋转按钮图标教程

icon图标 学UI设计 750次浏览 0个评论

效果图:

首先我们来分析一下。不管设计什么的时候,首先都要分析,不是拿着就开始做。这个图标分为五个部分:背板、进度条、旋钮、图形,主要是运用图层样式,来表现图标的立体感,分析完已经成功一半了,在大脑里面就会有一个大概的形状了,你就离成功还会远么。

用椭圆工具画一个大圆,按住alt键画一个小圆,这样就会得出来一个圆形,在按alt键画一个矩形,剪切圆形的下半部分,画两个小圆填充到圆形和矩形相交的地方。(这里主要用的是布尔运算)

得到形状后,我们添加图层样式。

渐变颜色#ca2567-#fd0077-#ff014f

绘制一个圆,并添加图层样式。

渐变颜色:#ffffff-#d9d9d9

对这个圆添加一个小圆,并对这个小圆进行添加图层样式

渐变颜色:白色到透明

我们在画一个很小的圆,再进行添加图层样式。

渐变颜色:#ff0157-#e61185

颜色:#ff0059

对这个小圆形添加两个高光。下方高光图层样式如下:

上方高光图层样式如下:

最后添加两个图标,最终的效果就出来了。

 


推荐:查看最受欢迎的设计导航网站 → http://www.xueuisheji.com

交流:结交更多有才华的设计师?请加入UI设计QQ群 ,与设计师交流设计。

喜欢 (0)
[关注:设计军团]
分享 (0)
关于作者:
学UI设计网专业的UI设计师交流、学习与展示的平台。我们将打造中国最专业的UI设计交流平台,为UI设计师做最好的职业生涯一站式服务,提高UI设计乃至互联网设计的行业价值!