AI实例:制作漂亮的Aperture风格的镜头图标_ai实例制作镜头

2020-02-29 其他范文 下载本文

AI实例:制作漂亮的Aperture风格的镜头图标由刀豆文库小编整理,希望给你工作、学习、生活带来方便,猜你可能喜欢“ai实例制作镜头”。

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 接着创建一个更小的圆,这次改变渐变方向,变为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的剪刀工具去掉一些不需要的部分。选中AI剪刀工具,分别在右上角和左下角点击,然后删掉另一半。然后用钢笔工具调整出一个如下图的弧线的形状,最后降低这个形状的透明度。

步骤20:

现在我们要来改善这个反射效果,这里通过建立一个AI透明蒙版来实现。AI透明蒙版可以填充为黑色、白色或者黑白渐变。它会对它下面的图层产生作用,下面图层的透明度取决于透明蒙版的灰度值,比如透明蒙版越暗,下面图层就会越透明。

所以新建之前建立的反射图层,复制后用Ctrl+F直接复制到图层上方,因为这是蒙版,所以要将透明度重新改为100%,然后应用一个如下图的径向渐变。

步骤21:

最后一步了,选中反射的图层和上一步建立的透明蒙版图层,在AI透明(Transparency)面板里,点出菜单,选择创建透明蒙版(Make Opacity Mask)。

《AI实例:制作漂亮的Aperture风格的镜头图标.docx》
将本文的Word文档下载,方便收藏和打印
推荐度:
AI实例:制作漂亮的Aperture风格的镜头图标
点击下载文档
相关专题 ai实例制作镜头 图标 实例 镜头 ai实例制作镜头 图标 实例 镜头
[其他范文]相关推荐
    [其他范文]热门文章
      下载全文