数码资源网

文章频道 软件下载 安卓下载 苹果下载

当前位置:首页文章中心平面专栏Illustrator → AI实例教程 制作可爱的彩色织布图标

AI实例教程 制作可爱的彩色织布图标

时间:2013-09-05 10:03:14人气:197作者:网友整理
小A教程安卓官方版(iApp学习教学) v1.2 正式版
小A教程安卓官方版(iApp学习教学) v1.2 正式版 for Android
  • 类型:安卓学习阅读大小:17.01M语言:简体中文 评分:3.0
  • 这是一款全新的iApp快捷高效的安卓端学习与应用托管平台。小A教程安卓官方版帮你...
立即下载
办公软件WPS使用教程appv1.3 安卓版
办公软件WPS使用教程appv1.3 安卓版 for Android
  • 类型:安卓学习阅读大小:31.17M语言:简体中文 评分:3.0
  • WPS不会用?那你不学习一下怎么可以。生活办公都经常能使用的到,办公软件WPS使...
立即下载
织布鸟托运人安卓版v1.2.7 最新版
织布鸟托运人安卓版v1.2.7 最新版 for Android
  • 类型:安卓日常应用大小:23.98M语言:简体中文 评分:3.0
  • 让运输变的简单有效率。织布鸟托运人安卓版是一款非常专业的运输平台,在织布鸟托运人...
立即下载

本教程介绍一篇利用AI和photoshop结合制作的彩色织布图标的教程,大部分都是在AI里完成的,然后把做好的图形导入到PS中,用图层样式上色并增加质感及纹理等就完成了。感兴趣的朋友可以跟着做一下。
 

完成效果图

完成效果图

1、首先用photoshop制作两张纹理图片,如下图。 

 AI实例教程 制作可爱的彩色织布图标 图1


2、然后打开AI(Illustrator),开始制作下面的图形。 

 AI实例教程 制作可爱的彩色织布图标 图2
 

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

AI实例教程 制作可爱的彩色织布图标 图3 

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

 AI实例教程 制作可爱的彩色织布图标 图4

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

 AI实例教程 制作可爱的彩色织布图标 图5
 

[page]
 

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

 AI实例教程 制作可爱的彩色织布图标 图6

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

 AI实例教程 制作可爱的彩色织布图标 图7

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

 AI实例教程 制作可爱的彩色织布图标 图8

AI实例教程 制作可爱的彩色织布图标 图9

AI实例教程 制作可爱的彩色织布图标 图10

AI实例教程 制作可爱的彩色织布图标 图11

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

 AI实例教程 制作可爱的彩色织布图标 图12

AI实例教程 制作可爱的彩色织布图标 图13

AI实例教程 制作可爱的彩色织布图标 图14

AI实例教程 制作可爱的彩色织布图标 图15

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

 AI实例教程 制作可爱的彩色织布图标 图16

AI实例教程 制作可爱的彩色织布图标 图17

 AI实例教程 制作可爱的彩色织布图标 图18

[page]
 

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

 AI实例教程 制作可爱的彩色织布图标 图19

AI实例教程 制作可爱的彩色织布图标 图20

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

 AI实例教程 制作可爱的彩色织布图标 图21

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

 AI实例教程 制作可爱的彩色织布图标 图22

加上背景,一个漂亮可爱的彩色织布图标就完成了。

最后效果: 

 最后效果

相关文章

感谢速联科技、八度网络、九九数据、亿恩科技、群英网络赞助部分带宽!

关于本站 | 联系方式 | 版权声明 | 下载帮助(?) | 网站地图

Copyright 2002-2020 95262.com 【数码资源网】 版权所有 粤ICP备2020128507号-1

本站所有软件来自互联网,版权归原著所有。如有侵权,敬请来信告知 ,我们将及时撤销。