PS+AI制作精致可爱的毛线风格图标
PS+AI制作精致可爱的毛线风格图标-移动阅读二维码

技术教程 / 图标设计 | 2014-02-07 | 来源:zcool | 作者:Chris_Ye

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

图标教程推荐：
《80后的回忆：红白机手柄图标制作教程》 
《轻松打造iOS7风格图标》
《用Photoshop设计一枚IOS 7风格日记图标》

最终效果

PS结合AI制作可爱的毛线编织图标 三联

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

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

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

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

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

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

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

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

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

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

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

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

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

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

查看《毛线图标（更新教程）》原图，原图尺寸：869x869

本文链接：http://www.mobileui.cn/ps-ai-making-wool-style-icon.html
本文标签: , ,

向您推荐：

2 条评论 发表评论
  1. Jevivien 说：
    2014 年 2 月 28 日下午 4:50

    拿来练手，不错，能够帮助熟悉工具的使用，感谢分享~~

  2. 芒果 说：
    2014 年 2 月 12 日下午 2:58

    对菜鸟来说是那么的神奇 >_<