当前位置: 首页 > 优图知识库  > illustrator教程 > AI实例教程

AI教程:绘Adobe Bridge海螺矢量图标

2019/1/16 14:25:10 人评论

在以前的文章中我们学习了如何使用Illustrator绘制Photoshop CS2和Illustrator CS2的启动画面,今天我们用Illustrator绘制一个精致的Adobe Bridge的海螺矢量图标。

在以前的文章中我们学习了如何使用Illustrator绘制Photoshop CS2和Illustrator CS2的启动画面,今天我们用Illustrator绘制一个精致的Adobe Bridge的海螺矢量图标。

先看看最终效果:
\
  本文以Illustrator CS2中文版为例,其它版本的Illustrator在操作步骤上可能会略有差异。文章末尾提供.ai源文件供读者下载参考。

  具体操作步骤如下。

  1.置入图像

  首先,在Illustrator CS2中按Ctrl+N打开新建文档对话框,输入名称“Bridge图标”并适当设置文档大小后,单击“确定”按钮。

  使用其它抓图工具抓取Adobe Bridge软件的图标,保存为图像文件,然后在Illustrator CS2中选择菜单命令“文件|置入”,将抓取的图标图像置入到当前文档中。置入的图像默认位于图层1,我们将用该图像作为绘制时的参考。

  在图层调板中双击图层1,打开“图层选项”对话框,选中“锁定”和“变暗图像至50%”两个复选框,如图1所示。这一步是使用Illustrator依据原图描摹矢量图像时常用的技巧。

\

图1

  2. 开始描摹

  单击图层调板下方的“创建新图层”按钮,新建一个图层,按住Ctrl键的同时单击图层2的“切换可视性”图标(即眼睛图标),这样可以将图层2的视图临时切换为轮廓模式。

  现在可以使用“钢笔工具”开始在置入的图像上面描摹海螺图标的基本形状了。

\

图2
 

  经过一番描摹后,这时会得到如图3所示的结果。

\

图3

_ueditor_page_break_tag_

  3. 添加渐变

  选择图层2,然后对所绘制的路径应用双色径向渐变,其中一种颜色设置为M5(用CMYK颜色),另一种颜色设置为C26、M86、Y44。使用工具箱中的“渐变工具”从图形的中心偏下位置向右上角拖动,这样会重新设置渐变的位置,如图4所示。

\

图4

  4. 应用模式正片叠底混合模式

  现在,在“透明度”调板中,将混合模式改为“正片叠底”,注意,该模式将会创建出透视到底部的效果。

\

图5
 

  5. 底部螺旋面

  选择海螺的底部螺旋面路径,即刚填充渐变这一面上方的这一部分,使用另一径向渐变,其中一种颜色设置为C21,另一种颜色设置为C26、M86、Y44。我们仍然需要使用“渐变工具”重新改变一下渐变的位置,如图6所示。接下来,将混合模式也设置为“正片叠底”。\

图6

  6. 上层螺旋面

  选择刚绘制的螺旋面上层的螺旋面路径,填充另一种双色径向渐变,其中一种颜色设置为M5,另一种颜色设置为C33、M95、Y62,如图7所示。填充完毕同样将混合模式改为“正片叠底”。

\

图7

  7. 使用吸管工具

  选择其余未填充的路径,使用“吸管工具”在第6步所绘制的路径上单击,复制所填充的渐变色,如图8所示。为了得到更好的效果,可以使用“渐变工具”改变一下每个图形中渐变色的位置。

\
_ueditor_page_break_tag_

图8
 

  8. 图标背景

  使用“矩形工具”画一个矩形,并应用25pt的圆角(选择菜单命令“效果|风格化|圆角”,如图9所示)。

\

图9

  9. 添加阴影效果

  现在选择菜单命令“效果|风格化|投影”,并应用如图10所示的设置。

\

图10

  10. 对圆角矩形应用渐变

  使用“渐变工具”对圆角矩形应用三色渐变,如图11所示,其中第1种颜色设置为K0,第2种颜色设置为K16,第3种颜色设置为K13。

\

图11
 

  11. 添加新描边

  为了制作出一种同发光效果,我们需要添加一个新的描边。在“外观”调板中单击右上角小箭头,然后从弹出菜单中选择“添加新描边”命令,如图12所示。

\

图12

  应用内侧描边

  在“外观”调板中,选中新添加的描边,在“色板”调板中单击白色色板将描边颜色设置为白色,然后在“描边”调板中将描边的粗细设置为4pt,斜接限制设置为4倍,并在“对齐描边”右侧单击“使描边内侧对齐”,如图13所示。

\

图13

_ueditor_page_break_tag_

  12. 白色背景

  由于将混合模式设置成了“正片叠底”,当把海螺放到图标背景上方时,应该能够透过海螺看“透”到底部,注意看一下是不是这种效果。如果是,可以为海螺添加一个白色的背景。

  为了方便操作,先选中圆角矩形图标背景,按Ctrl+2将其暂时锁定。选中海螺图形,按Ctrl+C将完整的海螺图形复制到剪贴板。现在海螺图形应该仍处于选中状态,选择菜单命令“窗口|路径查找器”打开“路径查找器”调板,然后按住Alt键的同时单击调板中的“与形状区域相加”按钮,如图14所示,这样可以将这些路径相加在一起并扩展为普通路径。完成后将路径的填充色改为白色,描边色设置为无。

\

图14
 

  接下来,按Ctrl+F将剪贴板中的海螺图形粘贴到原来位置的上方,或者选择如图15所示的菜单命令。原文地址

\

图15

  最终效果

  如图16所示,左图为按照如上所述步骤制作出的最终效果,右图是从软件中抓取的图标效果,可以看出两者的差别并不是很大。原文件下载(解压密码:design.yesky.com)

\

图16

下一篇:AI教程:封套扭曲工具做褶皱卷曲效果 - 使用网格来建立封套

上一篇:一个好汉N个帮 AI教程:实用插件 - HOT DOOR MULTIPAGE提供多页和排版功能 ...

相关资讯