PS结合AI设计一枚开关图标

woaiquqiao · 发表于 2016-12-5 01:24:04

您需要登录才可以下载或查看，没有账号？注册

x

设计一个滑动开关按钮，主要利用AI和PS制作，AI负责设计外形，PS负责按钮的质感，有兴趣的可以一起跟着教程练习一下。先看看效果图

作者：yao66298 出处：UI中国

woaiquqiao · 发表于 2016-12-5 01:24:04

在AI建1200px*800px画板

woaiquqiao · 发表于 2016-12-5 01:24:04

绘制一个400px*70px矩形

woaiquqiao · 发表于 2016-12-5 01:24:04

边角设置35px ,好像只有cc版本可以直接设置圆角

woaiquqiao · 发表于 2016-12-5 01:24:04

偏移一个矩形出来，在向里偏移3px的矩形(向里设置负数)

woaiquqiao · 发表于 2016-12-5 01:24:04

最后绘制出这样的图形

woaiquqiao · 发表于 2016-12-5 01:24:04

然后释放图层导出psd格式(不释放会都在一个图层)

woaiquqiao · 发表于 2016-12-5 01:24:04

背景拉个渐变e7e3dc到f7f5f3

woaiquqiao · 发表于 2016-12-5 01:24:04

小圆拉个c2c0be到d6d6d6

woaiquqiao · 发表于 2016-12-5 01:24:04

按钮做描边渐变叠加投影的处理

woaiquqiao · 发表于 2016-12-5 01:24:04

描边

woaiquqiao · 发表于 2016-12-5 01:24:04

渐变叠加

woaiquqiao · 发表于 2016-12-5 01:24:04

投影里面的样式

woaiquqiao · 发表于 2016-12-5 01:24:04

渐变叠加f28b00，e75300，db7500

woaiquqiao · 发表于 2016-12-5 01:24:04

内发光里面的一圈a4a4a4到e8d7be

账号		自动登录	找回密码
密码			注册

[按钮图标] PS结合AI设计一枚开关图标