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

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

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

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

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

1、先用PS制作两张纹理处理,如下图。
PS+AI制作精致可爱的毛线风格图标

2、打开AI(Illustrator),先制作下图所示的图形。
PS+AI制作精致可爱的毛线风格图标

3、然后用图案及画笔制作出下图所示的效果,这是在AI完成的。
PS+AI制作精致可爱的毛线风格图标

4、其它形状图形也是用同上的方法制作。
PS+AI制作精致可爱的毛线风格图标

5、再把毛线纹理制作出来,如下图。
PS+AI制作精致可爱的毛线风格图标

6、下面是几个图形做好的效果图。
PS+AI制作精致可爱的毛线风格图标

7、把在AI里面做好的几个图形导入到PS中,每个图形都粘贴为智能对象。
PS+AI制作精致可爱的毛线风格图标

8、为图层添加样式,需注意大部分图层效果里的图案叠加都用到了教程最初制作的图案纹理。
PS+AI制作精致可爱的毛线风格图标
PS+AI制作精致可爱的毛线风格图标
PS+AI制作精致可爱的毛线风格图标
PS+AI制作精致可爱的毛线风格图标

9、里面的小图形也添加图层样式。
PS+AI制作精致可爱的毛线风格图标
PS+AI制作精致可爱的毛线风格图标
PS+AI制作精致可爱的毛线风格图标
PS+AI制作精致可爱的毛线风格图标

10、利用大圆图层生成选区,设为”毛线”图层的蒙版,添加图层效果,参数如下图。
PS+AI制作精致可爱的毛线风格图标
PS+AI制作精致可爱的毛线风格图标

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

11、底部图层添加图层样式,如下图。
PS+AI制作精致可爱的毛线风格图标
PS+AI制作精致可爱的毛线风格图标

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

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

13、最后部分就是增加效果,给边缘增加一点细线,如下图。
PS+AI制作精致可爱的毛线风格图标

加上背景,完成最终效果,如果你想自由发挥,这里是作者补上的,也可以参照一下。
PS+AI制作精致可爱的毛线风格图标

作者:Chris_Ye


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

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

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