PS+AI制作精致可爱的毛线风格图标

Chris_Ye：效果图的主体部分是在AI里完成的，图形不是很复杂，作者介绍也比较详细，自己可以慢慢完成。然后把做好的图形导入到PS中，用图层样式上色并增加质感及纹理等即可。

图标教程推荐：
绘制一个超级闪亮的铅笔图标
利用ILLUSTRATOR设计时尚漂亮的LOGO
10个超赞的图标设计技巧

最终效果

1、先用PS制作两张纹理处理，如下图。

2、打开AI(Illustrator)，先制作下图所示的图形。

3、然后用图案及画笔制作出下图所示的效果，这是在AI完成的。

4、其它形状图形也是用同上的方法制作。

5、再把毛线纹理制作出来，如下图。

6、下面是几个图形做好的效果图。

7、把在AI里面做好的几个图形导入到PS中，每个图形都粘贴为智能对象。

8、为图层添加样式，需注意大部分图层效果里的图案叠加都用到了教程最初制作的图案纹理。

9、里面的小图形也添加图层样式。

10、利用大圆图层生成选区，设为"毛线"图层的蒙版，添加图层效果，参数如下图。

11、底部图层添加图层样式，如下图。

12、各扇页图层的样式差异很小，效果如下图。

13、最后部分就是增加效果，给边缘增加一点细线，如下图。

加上背景，完成最终效果，如果你想自由发挥，这里是作者补上的，也可以参照一下。

作者：Chris_Ye
原文地址：zcool.com.cn

 
================关于优设网================
"优设网uisdc.com"是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计讲座：每月邀请国内互联网公司设计前辈及行业总监在群内及YY语音（YY频道：15335158）分享实战经验。
设计微博：拥有粉丝量47万的人气微博@优秀网页设计 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗？
添加 优秀网页设计 微信号：【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加：