1. Design & Illustration
  2. Icon Design

如何在Adobe Illustrator中绘制一组牙齿护理图标

by
Read Time:8 minsLanguages:

Chinese (Simplified) (中文(简体)) translation by Clare Liu (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

可能我们都知道这样一句很常见的谚语说健康是财富。我们也都明白这个说法非常正确,并且牢记于心,但是我们时常需要一些动力或者或提醒,健康的生活。

保持健康基本要求之一就是注意日常卫生。在本次教程里,依然是学会如何使用简单的形状,变形效果,以及路径查找器面板里各种各样功能来设计这些图标,我们要提醒自己,以及身边的其他人,“健康的微笑,健康的你。“

GraphicRiver查看更多不错的图标吧,也许你会获取一些灵感,创造另一个惊人的想法。

总之,我们开始吧!

1. 如何绘制一个牙线图标

步骤1

打开Adobe Illustrator新建一个文件高分别为 850 x 850 px

我们开始来绘制牙线图标。使用圆角矩形工具,绘制一个浅灰色圆角矩形,可参考下图来设置填充颜色,。 接着,使用直线段工具(\),在圆角矩形上画一条直线。不要忘了去除填充颜色,描边颜色任意。直线的描边颜色和粗细不重要。

现在选中圆角矩形和直线,点击路径查找器面板内的分割按钮。之后,右击鼠标,点击取消编组。 在直线的位置,圆角矩形就会被分成两个部分。最后,选择圆角矩形的上部分,将颜色改为蓝色。

creating the dental floss boxcreating the dental floss boxcreating the dental floss box

步骤2

在被分割的圆角矩形上面,再添加两个圆角矩形,填充颜色可以参考下图。 为了得到圆角非常圆的圆角矩形,首先绘制一个小圆角矩形,然后将它进行延伸。或者你可以打开视图>显示边角构件,通过向内拖拽来调整边角。

adding the volumeadding the volumeadding the volume

步骤3

将两个蓝色的圆角矩形进行旋转,如下图所示。接下来,使用矩形工具(M)在底部再绘制一个更深一点的灰色矩形。选中它,按Control-X, Control-B 把它放在后面一层。

最后,选择铅笔工具(N),没填充颜色,来画牙线,它应该是和这个矩形连接在一块的。最后,把牙线放在最底层 (Control-X, Control-B),现在牙线图标就完成了。

creating the floss of the dental floss boxcreating the floss of the dental floss boxcreating the floss of the dental floss box

2. 如何绘制牙膏管图标

步骤1

对于牙膏管,我们使用矩形工具(M)绘制一个浅灰色的矩形。现在我们来对这个矩形进行变形。

首先,使用突出效果。选中这个矩形,打开效果>变形>突出。在弹出的窗口里,调整显示的选项值。之后对这个形状进行拓展对象>拓展外观)。

creating the toothpaste tube shapecreating the toothpaste tube shapecreating the toothpaste tube shape

第二,我们将使用到上弧形效果。依然选中这个形状,打开效果>变形>上弧形。在弹出的对话框里,按照下图,调整相应的参数值。

将这个形状进行拓展对象>拓展外观)。

creating the toothpaste tube shape 2creating the toothpaste tube shape 2creating the toothpaste tube shape 2

步骤2

在管的底部,再附着添加一个细长的灰色矩形。为了突出这个矩形,把它复制一个,然后进行缩小,颜色改为浅棕色,把它放在原本形状的后面,稍微向上移动一点。

creating the toothpaste tube shape 3creating the toothpaste tube shape 3creating the toothpaste tube shape 3

步骤3

我们先来使用椭圆工具(L)绘制一个椭圆作为牙膏的logo。使用旗形效果对这个椭圆进行变形。打开效果>变形>旗形,输入下图所示的参数值。

creating the toothpaste tube logocreating the toothpaste tube logocreating the toothpaste tube logo

把它放在牙膏管体中间。

placing the logoplacing the logoplacing the logo

步骤4

现在我们需要个管帽。只需要绘制一个蓝色的矩形,应用上弧形效果:打开效果>变形>上弧形,调整必要的参数值。

creating the capcreating the capcreating the cap

将这个帽放在管体上方。牙膏管就绘制完成了!

placing the capplacing the capplacing the cap

3. 如何绘制牙齿图标

步骤1

怎么得到一个像牙齿的形状呢,绘制一个圆角矩形,对它进行调整。这里我们使用鱼形效果,打开效果>变形>鱼形,输入下面所示的参数值,再对它进行拓展

接下来,在这个形状前面绘制一个垂直方向的椭圆(如下图所示)。我们把这个椭圆作为剪板;因此,它的颜色就没那么重要了。 选中这两个形状,点击路径查找器里的减去顶层按钮。这样做之后,就得到一个和牙齿很像的形状。

creating the tooth shapecreating the tooth shapecreating the tooth shape

步骤2

如果你使用的是Adobe Illustrator后面几个版本,可以打开视图>显示边角构件。选中下图标记的两个变焦,将它们向内拖拽,边角就变圆了。

如果你没有边角构件,你可以通过延伸,拉长标记锚点的手柄来让它们变圆。

由于牙齿顶部不完全是平的,我们对它再进行一次变形:打开效果>变形>上弧形

creating the tooth shape 2creating the tooth shape 2creating the tooth shape 2

步骤3

绘制垂直方向的椭圆,把它放在牙齿的顶部。选择直接选择工具 (A),选中椭圆左右两边的锚点,将它们向上移动。

给这个形状添加一些厚度,将像牙齿的形状复制一个,把它稍微缩小一点,颜色改成稍微亮一点,再把它放在原形状的前面。牙齿就画好了。

adding the volume to the tooth iconadding the volume to the tooth iconadding the volume to the tooth icon

4. 如何绘制牙刷图标

步骤1

我们先来画一个蓝色的圆角矩形,将会被用来做牙刷手柄。对这个圆角矩形应用旗形效果。 打开效果>变形>旗形,使用下面的参数设置。不要忘了对最后得到的形状进行拓展:选中它,打开对象>拓展外观

creating the handle of the toothbrushcreating the handle of the toothbrushcreating the handle of the toothbrush

步骤2

我们来画牙刷毛,画一个细长的,竖直仿制的白色椭圆。选中它,按住Shift Alt 键的同时,把它向右拖动。 现在就得到两个椭圆,并且正好对齐。选中新创建的椭圆,根据需要,多次按Control-D键,就得到一排椭圆,如下图所示。

现在我们将对这组椭圆进行裁剪。绘制一个没有填充色,任意描边色的矩形作为切割板。将矩形覆盖在椭圆组的底部部分上。 选中所有对象,点击路径查找器里(窗口>路查找器)的裁剪按钮。最后就得到椭圆组的底部部分。

最后,裁剪之后,我们需要清理其他空白填充区域。打开对象>路径>清理,确保所有的框都被选中,点击OK

creating the bristles of the toothbrushcreating the bristles of the toothbrushcreating the bristles of the toothbrush

步骤3

选择创建好的形状,应用凸出效果:打开效果>变形>凸出。在弹出的新窗口,输入下面的选项值。

把牙刷毛放在手柄上面。

最后,为了使得牙刷的手柄使用起来更为方便,上面再添加一个白色的椭圆作为橡胶手柄。现在牙刷就完成了!

placing the bristles on the toothbrushplacing the bristles on the toothbrushplacing the bristles on the toothbrush

5. 如何绘制漱口瓶

步骤1

绘制一个浅灰色的圆角矩形。现在我们需要一个比它小一点的副本。正好位于正中央。 选中这个圆角矩形,打开对象>路径>偏移路径,输入负数值(位于-4-10之间)。在前面就会得到一个稍微小一点的圆角矩形副本。

将小圆角矩形的颜色改为深灰色。选中小圆角矩形,复制一个(Control-C, Control-F). 将前面副本的颜色改成蓝色(使用吸管工具(I),吸取牙刷手柄的颜色)。这就是瓶子内部液体的颜色。

因此,在这一步我们需要三个圆角矩形:

  1. 最大的浅灰色的
  2. 稍微小一点的深灰色的
  3. 和2一样大小,蓝色的
creating the mouth rinse bottlecreating the mouth rinse bottlecreating the mouth rinse bottle

步骤2

绘制一个矩形(任意颜色),将它覆盖在蓝色的圆角矩形上部,至于多大距离,取决于你希望瓶子里液体的高度。 接着,选中蓝色圆角矩形和新绘制的矩形,点击路径查找器里的减去顶层按钮。这一步,就得到我们想要的液体量。

我们来添加一些液体效果,在蓝色矩形的前面画几个大小不同浅蓝色小圆。为了使得画出的圆是一个正圆,使用椭圆工具 (L) 绘制的时候,按住Shift 键。

creating the liquid of the mouth rinse bottlecreating the liquid of the mouth rinse bottlecreating the liquid of the mouth rinse bottle

步骤3

来绘制一个瓶盖,先画一个蓝色矩形,应用上弧形效果(效果>变形>上弧形),设置值如下。或者你可以直接复制之前绘制的牙膏管的盖子,适当调整大小。

将这个盖子放在瓶子顶部,现在瓶子就完成了!

creating the cap of the mouth rinse bottlecreating the cap of the mouth rinse bottlecreating the cap of the mouth rinse bottle

6. 如何绘制图标背景

步骤1

绘制5个蓝色的圆,来放置图标。为了保证所有的副本对齐,就如本次教程前面步骤应用的方法,同时按住 Alt Shift键。

creating the icons backgroundscreating the icons backgroundscreating the icons backgrounds

步骤2

这这些图标放在蓝色的圆内。为了方便将图标放在圆内,将每个图标进行编组右击>编组)。

placing all icons on backgroundsplacing all icons on backgroundsplacing all icons on backgrounds

总结

希望你们喜欢这次教程!我相信在跟着教程绘制时候发现一些有趣的新技巧,对将来的插画创作有所帮助。想要看到更多简单容易的教程,来看看我的其他作品吧。

不要忘了将你的绘制成果展示在下面的评论区哦。

Dental Icons Adobe Illustrator TutorialDental Icons Adobe Illustrator TutorialDental Icons Adobe Illustrator Tutorial
关注我们的公众号
One subscription.
Unlimited Downloads.
Get unlimited downloads