制作相机镜头介绍.doc

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%灰色，为了模拟自上而下光照，需要把径向渐变的中心点稍微向左上角移动。先选中圆圈，然后选择渐变工具，向左上角拖动即可。见下图效果： 步骤10 现在需要做一个稍微复杂一点的渐变，在AI里简单的渐变已经无法满足我们的要求，这里会用到AI的网格渐变。AI的网格渐变是一个强大的渐变工具，它通过融合近乎无限数量的颜色，可以制作出复杂的照片级别的图像，但是这里，我们仅需要简单的运用。 你可以通过AI工具栏，直接用网格渐变工具手动增加网格来创建渐变，这里是一个简单的网格渐变，所以我们使用命令的方式，到AI菜单：物体（object） 建立网格渐变（create gradient mesh）。把行和列都改成3，点击完成，网格渐变就建立了。 注意：使用直接选择工具 删除网格锚点可以取消网格 切换到AI直接选择工具，如下图，选中左上角的点，将颜色改为80%的灰色，选中右下角的点，将颜色改为70%的灰色，这样就轻松实现了稍微复杂的渐变，AI网格渐变工具实在是很强大。 步骤11 在中间再建立一个稍小的白色的圆，然后同样要增加一点柔和效果，给这个圆一点羽化，在AI菜单：效果（Effect）风格化（Stylize）羽化（Feather）。 步骤12 还是之前的思路，我们要模仿镜头玻璃部分的倒角高光，所以再次新建一个圆，并填充为黑色，为了增大倒角高光的效果，我们要对新建的圆进行偏移。按住键盘的箭头，分别向左和向上按两下即可。 步骤13 再次新建一个圆，设置为径向填充，渐变值从100%灰色到90%灰色。 步骤14 我们建立玻璃边缘的柔和光亮，所以再次新建一个圆圈，去除掉填充，设置7pt的画笔，同时施加一个羽化效果，效果如下图： 步骤15 现在我们模拟玻璃的眩光和反射效果。简单地用钢笔工具在右下角勾勒出一个新月的形状，然后填充为白色，施加一些羽化效果，同时将透明度调节为75%，见下图： 步骤16 现在进一步来细化玻璃的质感，在右下角在拉一个椭圆形，将之填充为白色，同样施加一些羽化，并降低透明度到50%，效果如下： 步骤17 再增强一些反射的效果，建立两个如下图的形状，同样填充为白色，施加羽化效果，并降低透明度。 步骤18 现在来模拟一些镜头光晕的效果，用椭圆形工具创建出如下图的形状，从中间向两边分布，圆形越来越大，一边大约3个椭圆形。同样适当羽化并降低透明度。 步骤19 镜头现在大致完成了，现在我们要为整个镜头加一个绚丽的反射效果。如下图，创建一个白色的圆圈，覆盖住镜头的里面部分。这里要用AI的剪刀工具去掉一些不需要的部分。选中A