起航学习网

- 让每个人都能学到最前沿新知识、新技能!
起航学习网
当前位置: 起航学习网 > 短期培训 > 设计培训 > PS+AI制作精致可爱的毛线风格图标

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

时间:2016-05-19 09:40:00来源:UI设计网 作者:起航学习网 已有: 名学员访问该课程

  快捷搜索:icon图标icon教程


机构名称:我爱学习网 联系手机:13783581536 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 网站域名:

前言: Chris_Ye:效果图的主体部分是在AI里完成的,图形不是很复杂,作者介绍也比较详细,自己可以慢慢完成。然后把做好

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

最终效果

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

转载请注明:起航学习网 » PS+AI制作精致可爱的毛线风格图标

文章出自:http://qh.itpxw.cn/peixun/ui/201612918.html

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



免责声明:本站文章均由入驻起航学习网的会员所发或者网络转载,所述观点仅代表作者本人,不代表起航学习网立场。如有侵权或者其他问题,请联系举报,必删。侵权投诉


机构名称:我爱学习网 联系手机:13783581536 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 网站域名:

(责任编辑:深圳学历教育网)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------