文档介绍：AI实例:制作漂亮的Aperture风格的镜头图标
本AI实例教程通过运用简单的图层叠加、渐变、网格渐变以及透明蒙版来建立一个绚丽的仿Aperture风格的镜头图标。
在这个教程里,我们要用AI创建一个类似苹果图形编辑软件Aperture标志的镜头图标。镜头很适合用来做软件的图标,或者用于其他地方的设计,这篇AI教程涉及到了多个图层、AI网格渐变等,最终得到一个立体的镜头图标。先看一下最终的效果:
步骤1
在AI新建文档不像Photoshop有一些限制,你可以随便建立任意大小的文档,在制作过程中也可以随时更改文档大小,因为AI里矢量图形缩放是无损的。这里我们先新建一个550×550的文档。
实质上,制作这个镜头图标的原理非常简单,只是将许多不同填充或渐变的AI图层叠加在一起而已。所以下面的大部分步骤是指示图形尺寸、渐变类型、渐变颜色、方向等。
首先,我们要制作出镜头的金属外圈。
在AI里建立一个新430px大小的圆(无轮廓),加一个-45°线性渐变,具体数值:100%灰度-40%灰度。如下图
步骤2
在建立一个比之前稍小的圆形,如424px,渐变差不多,数值为100%灰度到60%灰度,如下图
步骤3
接着创建一个更小的圆(350px),这次改变渐变方向,变为135°,模拟从上到下的光照的,渐变大致和上面相同,参考下图
步骤4.
现在建立一个比之前的圆稍微小一点的圆,并填充成黑色,这样就模仿出倒角的高光。除此之外,我们要增加一点柔和效果,给这个圆一点羽化,在AI菜单:效果(Effect)>风格化(Stylize)>羽化(Feather)。(注意再复制时去掉羽化)
步骤5
再建立一个比之前稍小一点的圆,并填充为70%的灰色,这样就模拟出来镜头的缝隙。
步骤6
在新建一个更小点的圆,填充为90°的渐变,依然是为了模仿从上向下的光照。
步骤7
同上面的原理,再次新建一个稍微小一点的圆,填充70%灰色,用来模拟出新的倒角高光。
步骤8
简单重复步骤6和步骤7的操作,最终你应该会得到几层光圈叠在一起的效果,金属外圈完成了,效果如下图:
步骤9
现在我们要开始创建镜头的中间部分。
在中间新建一个小一点的圆,填充为一个径向渐变。渐变大约为100%灰色到80%灰色,为了模拟自上而下光照,需要把径向渐变的中心点稍微向左上角移动。先选中圆圈,然后选择渐变工具,向左上角拖动即可。见下图效果: