Illustrator详细解析图标的质感表现技巧

2019-10-20 13:01:39王冬梅

最下面的三个填色层附带的效果是这样的:
Illustrator详细解析图标的质感表现技巧,
这三个填色层由于在蓝色的填色层下,所以填色层本身实际上是不能被看到的。三个填色层可以使用任意的颜色,只是可见度要设置为 100%,即完全可见。加入这三个填色层的目的,是为了给图形加上细微的光影效果,对比如下:
Illustrator详细解析图标的质感表现技巧,
Illustrator详细解析图标的质感表现技巧,
上面说的就是是底座图层了。上面的几个图层就很简单了。底座层上面是内容层。现在内容层里只有一个文字对象,文字对象加上了变形、羽化、外发光等效果,让文字看上去是在发光,如图:
Illustrator详细解析图标的质感表现技巧,
Illustrator详细解析图标的质感表现技巧,
再上面是「盖子」,也很简单了。下面是一个圆形,上面是一个椭圆。模拟一个圆形的灯光光源,从顶向下照射到一个光滑的球面玻璃表面上。两个矢量对象均没有描边,填充色都是半透明渐变:
Illustrator详细解析图标的质感表现技巧,
最上面就是参考线图层了:
Illustrator详细解析图标的质感表现技巧,
差不多就是这个样子了。可以看到,虽然可能相对于 PS 这样的像素图处理工具来说,AI 的效果会有一些局限性,不过整体上还是够用的了。熟练掌握 AI 的使用后,如果图标不是特别复杂,那么用 AI 来画也可以,甚至可能更方便一些。