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

最终效果

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

查看《毛线图标(更新教程)》原图,原图尺寸:869x869

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

转载请注明:学UI网—UI设计师学习教程平台 » PS+AI制作精致可爱的毛线风格图标

登录收藏

学UI就上学UI网!越努力,越幸运!

“学UI网www.ccopus.com?”最值得关注的UI学习平台! 每天发布高质量的设计教程和分享设计经验,服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课(36013311),给大家提供更多免费学习的机会。想成为设计师的你快来关注吧!

【特色推荐】

APP截图站app.ccopus.com” 海量APP截图,让你灵感爆发!国内最好的APP截图站。

UI作业网 zuoye.ccopus.com” 每一个作业题都尽量配有教程,交作业就有大神免费帮你点评作业,爽歪歪!

UI设计导航站 hao.ccopus.com” 专为UI设计学习者打造的资源+学习,双用途的网址导航站。亲爱的,你收藏了吗?

【学UI网 原创文章 投稿邮箱:tougao@ccopus.com,也可以找各个群的管理】

 
你可能喜欢的:
VIP勋章拆解教程 [ps教程]VIP勋章拆解教程 [ps教程]
写实插头图标教程[PS教程]写实插头图标教程[PS教程]
《纪念碑谷2》图标教程[ps教程]《纪念碑谷2》图标教程[ps教程]
毛线编织纹理图标教程[AI教程]毛线编织纹理图标教程[AI教程]
4个规律快速画好断线图标!4个规律快速画好断线图标!
《Lit the Torch》解密游戏Icon[教程]《Lit the Torch》解密游戏Icon[教程]
标签栏ICON的设计与应用标签栏ICON的设计与应用
圆润可爱MBEstyle!教你绘制MBE风格图标圆润可爱MBEstyle!教你绘制MBE风格图标
可爱的扁平相机[PS教程]可爱的扁平相机[PS教程]
分享绘制可爱多肉植物【AI教程】分享绘制可爱多肉植物【AI教程】
?