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

PS制作开关按钮图标教程

icon图标 学UI设计 436次浏览 0个评论 扫描二维码

首先看一下效果图

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

第一步:新建一个画布,填充颜色:#ded2c6

第二步:用椭圆工具画一个圆,圆的大小你自己定,我在这里就不告诉具体的数值。并命名为灰色底板。先复制两层层,把其中复制这层命名为阴影,另一个命名为白色底板,把阴影放在灰色底板的下方,白色底板放在灰色底板上方,关闭白色底板,对灰色底板添加图层样式。灰色底板颜色:#b6a797

渐变颜色:#000000

第三步:把复制的阴影图层添加羽化,羽化5像素,并降低不透明度到60%

得到以下效果:

第四步:打开白色底板,把白色底板向上移动4像素,并添加图层样式。

第五步:用椭圆工具画一个小圆,并对圆添加图层样式。

渐变的颜色:#7f460e

最后画开关小图标,这里有两个方法,第一个就是去阿里巴巴图标库找这样的图标,第二种方法就是自己用布尔运算画。不管怎么样得到,最后添加图层样式。

到这里这个简单的开关图标已经做完了,是不是很简单,很简单的东西要多去尝试,只有尝试的东西才会在大脑中形成影响,你会发现那些大神,他们是有无数的作品,他们都是用自己的作品累计起来。加油。你会发现我的教程很少有固定的数值,这样就可以发挥你的想象,做设计固定的数值只能让你会一个图标,只有你不断的尝试,你才会更多的图标。

 


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

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

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