这篇文章最初发表于2011年。
介绍的技巧和技术可能过时。

想学习Adobe Illustrator的基础知识吗?在本教程中,我们将使用各种工具和技术来创建一个简单的矢量机器人角色。由于这个机器人由许多基本形状组成,它为初学者提供了一个很好的教程,使他们能够掌握Illustrator应用程序。

矢量机器人特征

这是我们将在本教程中制作的简单矢量卡通机器人角色。它基本上由许多基本形状组成,如矩形和圆形,但我们会用不同的击球重量让它变得栩栩如生,渐变填充和细微的高光。

打开Adobe Illustrator并创建新文档。选择矩形工具并绘制基本头部形状和天线。切换到“圆形”工具,并将形状添加到天线的任一端。按Cmd+shift+[选择下圆圈将其发送到矩形下方。

画一个圆圈形成一只眼睛,然后转到“对象>路径>偏移路径”。在“偏移选项”字段中输入1.5毫米,以创建一个略大的圆,该圆与原始圆完全对齐。

混合使用基本形状,如矩形,圆形和圆形矩形,以完成机器人头部的一系列功能。将一对元素(如眼睛)组合在一起,然后将所有元素集中对齐。

将各种按钮和拨号添加到具有更基本形状的字符体中,把所有的东西都集中在头上。

用大圆圈画出手的基本轮廓。复制(Cmd+C)并粘贴在前面(Cmd+F)。然后按住ALT键并按住SHIFT键,同时向下缩放新圆。

选择两个对象后,使用Pathfinder托盘中的Subtract选项从较大的圆中冲出较小的圆。

画一个正方形,将其旋转45度,然后将其置于圆环的中心。打开智能辅助线,使对齐更容易(Cmd+U)。再次使用“探路者”弹出此方形选择。

选择组成手臂的所有形状,复制粘贴在前面。转到“对象>变换>反射”,然后选择“垂直”选项以翻转对象,然后将它们放在另一侧。

尽管我们只使用了标准工具和几个定制的形状,我们的机器人开始看起来很酷!

抓住多边形工具,单击并将形状拖到艺术板上。在释放鼠标之前,用键盘光标键将点数增加或减少到5。

将五边形与主体矩形的下角精确对齐。打开轮廓模式(Cmd+Y)以获得清晰精确的视图。

用线工具画一条与车身下半部分平行的对角线。复制/粘贴并翻转线条,将副本放置在另一侧。

选择两条线后,转到“对象>混合制作”(Object>Blend Make)。然后返回到对象>混合>混合选项。将间距更改为指定的步数,然后更改数字以适应。

用更多的长方形和七角形的腿和脚来完成机器人。然后用临时矩形和探路工具夹住脚底。

在组成机器人的所有形状周围绘制一个选区,复制并粘贴到前面,然后单击Pathfinder调色板中的合并选项。清除填充物,并将行程提升至与外部对齐的5pt。

浏览每个元素,并根据其在定义角色轮廓时的突出程度调整笔划权重。对头部等重要物体使用3PT,2分代表没有那么重要的元素,1分代表更精细的细节。

现在我们可以开始添加一些颜色。给每个形状一个颜色填充。我用两种灰色调做身体部位,关键区域为红色,按钮和刻度盘为蓝色或黄色。

为了增加平面设计的深度,我们可以把固体填充物换成凉爽的渐变色。用浅色-深色渐变色为每个颜色选择创建样本,并替换填充。必要时使用渐变工具调整渐变的角度。

我们还可以通过创建一系列微妙的高光来增加深度。复制并粘贴天线的副本,并用白色填充。绘制一个穿过圆的临时形状,然后使用“探路者”调色板裁剪该形状。

将此剪裁形状的不透明度更改为20%左右,以创建一个柔和的反射,使其具有光泽或有光泽的材质的效果。

对机器人身体上的每一个形状重复这个过程,以增加微妙的光线反射,从而增加设计的深度和真实感。

用一点阴影来完成设计。从一个充满柔和的灰色到透明渐变的圆形开始。

把形状压扁,放在机器人的脚下。使用快捷键cmd+shift+[将阴影发送到堆栈的底部。

矢量机器人特征

这使得我们的复古风格的向量机器人角色完成。即使它是由基本的形状和简单的颜色组成的,也能填充不同的线重。渐变和高光真的有助于它的生活和提升从屏幕上的角色。

访问此下载

分享
在Pinterest分享
20评论 提交 加上你的!
订阅接收spoon图形通讯beplay全方位手机移动娱乐平台

订阅我的时事通讯,成为第一个听到新文章的人

20评论

  1. 你好,克里斯,我刚开始写博客,坦率地说,我很欣赏你作为设计师和程序员的工作,你做的事情很有趣,我希望达到你们设计的质量,希望将来我们能一起完成一个项目。.
    来自墨西哥的问候!!!!!!!

  2. 首先,谢谢你的指导,这正是我进入Illustrator之旅开始时所需要的。
    我真的很喜欢这个教程,直到它开始创建整个机器人的轮廓。我用空指针在机器人周围画了一圈来选择整个东西,然后复制并粘贴到一个新层,并使用PathFinder进行合并。然而,手和脚是分开的,保留其填充和笔画,没有选择合并到形状的其余部分。也,当我在合并的部分周围创建一个笔划时,它还可以在一些单独的元素(腋窝和耳朵)周围创建笔划。我在这里做错什么了?
    我正在使用CS3

    - 4
  3. 我花了3个半小时才完成这个教程,我喜欢结果,不过,我对机器人做了一些改动,但非常感谢老兄,从中我学到了一些基本的东西。

    - 6
  4. 机器人看起来很神奇。我一直想创造一个机器人吉祥物设计,但我似乎不能得到正确的比例。你所做的角色设计只是一流的。最后,我决定在http://www.mascottodesigncorner.com.我给他们看了这个特别的教程来展示我在你的设计中喜欢什么。最初的吉祥物设计比预期的好,而且以我支付的价格,这是一次偷窃。感谢您发布本教程(最终成为我的灵感来源)。

    - 6

评论现已关闭