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

按照这一步一步的设计教程,在Illustrator中创建一个简单的矢量机械角色。我们将使用简单的形状来构建角色的基本形状,然后用一系列线条慢慢地建立细节。为了完成角色,我们将用颜色填充设计,然后添加一些阴影和突出显示。

矢量力学特性

我们要塑造的角色是由基本的圆形构成的,这给了这个酷的风格,同时保持性格可爱和友好。线条和底纹中巧妙变化的权重是常用的说明性技术,有助于为完成的角色添加深度和定义,把它从一个普通的老式平面设计上移开。

查看机械特性设计

角色的创造基本上有三个阶段。一是核心结构是由基本形状构成的,然后,更精细的细节将角色识别为一个机械师,最后通过着色使角色变得栩栩如生,阴影和高光。

打开Illustrator并创建新文档。我倾向于使用CMYK颜色模式,以便于调整调色板中的黑色。在画板上画两个形状,一个简单的长方形作为身体,一个圆形作为头部。使用对齐调色板垂直对齐这两个选项。

使用圆角矩形工具绘制肢体。拖动形状时,按键盘光标键调整角的半径。将手臂旋转45度,然后使用cmd+[快捷键更改对象的堆叠顺序,将其放置在身体元素下。

选择组成主体的所有对象,并将它们与“探路者”选项板合并在一起。

现在轮廓已经就位,是时候画出更精细的细节了。在艺术板上画一个圆角矩形,使用直接选择工具删除最下面的点,只留下上边缘。用一个类似于四肢形状的小矩形来做同样的事情,但去掉上面的点,留下一个半圆。

将元件放置在机修工身上,形成工装裤的轮廓。放大以仔细对齐点,使线无缝流动。使用简单的矩形创建皮带和绘制直线从脚分开裤腿。

使用另一个圆角矩形绘制一个大口袋。用一条水平直线来完成这项工作。确保线条在黑色笔划的宽度内开始和结束,以避免出现任何间隙。

加一个小口袋,里面有几支钢笔。用细的圆角矩形绘制钢笔,然后用一个临时形状和探路者中的减法选项移除下部。

在艺术板的其他地方开始画一个简单的工具箱。使用一个大的圆角矩形作为主框,还有一个更小的手柄。使用一个临时矩形和Pathfinder调色板移除盒子的下半部分,以留下一条直边。

选择工具箱主体后,转到“对象>路径>偏移路径”。输入-2毫米以生成一条与原始线平行的插入线。

选择组成工具箱的三个对象,然后将它们移到主体上的适当位置。如有必要,可使用快捷键Cmd+[或Cmd+]更改对象的堆叠顺序。

使用笔工具在角色的脸上绘制半个小胡子。用长的Bezier手柄绘制每个点以创建流线,但在继续线之前,请单击右手边的点,将定位点转换为锐角。

选择鼠标对象,然后转到“对象>变换>反射”。选择垂直选项,然后单击“复制”以复制形状。

用另一个圆角矩形绘制帽子的基本形状,但选择每个下角的底部两个点,并用光标键向外移动三次。

使用临时椭圆和“取景”选项板中的“减法”选项裁剪弯曲的下边缘。

画另一个椭圆,然后使用直接选择工具抓取并垂直向上移动最低点,将形状弯曲成帽子顶部的轮廓。复制并缩小帽子的主轮廓以创建前面板。

角色的细节都很完整,但是,为了使用不同的线权技术,需要对路径进行拆分和连接。选择形成角色轮廓的每个单独形状,并使用剪刀工具与继续在角色内部的线条相交。当两个形状的线条被分割时,使用直接选择工具选择两个端点,并使用快捷键Cmd+J将它们连接起来。沿着角色整个轮廓的路径,直到只剩下一个轮廓路径。

一旦主大纲完成,使用“笔划”选项板中的选项,将笔划增加到4pt,并将笔划与外部对齐。

选择主体内的其余各行并更改笔划权重。构成角色结构的线条需要更高的权重,而那些构成更精细细节的线条可能更细。有些点可能需要小心地调整到合适的位置,以继续流动,在那里,线条从粗轮廓变为细线条。使用直接选择工具小心地将这些点调整到适当的位置。

现在这是一个数字绘画的例子。使用带有相关填充颜色的笔工具来跟踪角色每个部分的轮廓。轮廓不一定要整齐,但它必须保持在黑线的范围内。如果你发现你不小心选择了一个现有的定位点,把轮廓弄得一团糟,尝试将线条锁定在其他图层上。按Cmd+shift+[将每个颜色填充发送到底部,所以整齐的线条就放在上面。

继续用相关的颜色填充字符的每个区域。构成工装裤的部分是蓝色的,而构成T恤的三个区域都是白色的。

角色现在开始成形,不同的线重和颜色的填充已经就位,但要真正让它弹出一些阴影和高光是必要的。

使用相同的技术创建更多的颜色填充,但这次使用的是底色的浅色调。还要确保线条与原始形状相交,但这条线应该平滑流畅,与黑色线条隐藏的锯齿状轮廓不同。

重点不一定要科学准确。即使把腿从中间分开,用较浅的色调填充一半,也会有助于增加设计的深度。

通过复制现有线条形状为特定元素(如小胡子和帽子)创建阴影,将笔画更改为肤色较深的阴影,并使用cmd+[快捷方式]发送原始项目下方的对象。

沿着面的下边缘的阴影可以用一个新的形状完全创建。在整个脸上画一个圈,然后用一个复制品垂直移动几下,把这个裁剪成合适的大小。

使用笔工具小心地在手臂的下半部分绘制单独的阴影,然后将其放到身体上。使用原始颜色的较深色调来创建微妙的阴影。这就是CMYK颜色模式的用武之地,因为K通道可以简单地稍微增加,以创建较暗的色调。

在下巴下面用一个微妙的阴影来结束阴影,把头从身体上抬起来。画一个充满灰色的大椭圆,然后把这个物体放在头元素下面和工作服下面,但在T恤元素之上。使用这些Cmd+[和Cmd+]快捷键更改所有单个对象的堆叠顺序。

把帽子的前面板填满白色,然后复制(Cmd+C)并粘贴在形状前面(Cmd+F)。将填充物切换为浅灰色,然后使用剪刀工具剪出下边缘。

在帽子上画一个简单的螺母符号,以加强机械师的性格。用多边形工具画一个简单的六角形,在中心画一个圆,就能很好地完成这项工作。

矢量力学特性

这就让我们这个酷酷的小机械师的角色完美无缺了。基本形状可用于创建任何类型的字符。接下来是线条,颜色填充和底纹,将设计转换为完整的字符。

访问此下载

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

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

39评论

  1. 很好地使用了基本的形状和设计原则,特别平衡的颜色,喜欢勺子图形!beplay全方位手机移动娱乐平台

    - 2
  2. 像往常一样精彩的教程,克里斯,谢谢您。希望你是我的插画老师,希望我的老师不是你博客的读者。
    你也可以做一个勺子工,得到它:)。更严重的是,你在考虑做同样的视频教程,甚至音频文件,beplay体育世界杯这样我们就可以边走边听指令了吗?

    - 2
  3. 你没有收到我的评论吗?当我评论的时候,有些评论是不存在的,所以你很明显读过,因为某种原因没有批准它。我不希望你同意这个评论,我理解,但我只想回答我的问题。很难相信你可能有点错了,或者打错了理解?

    附言:我现在能有答案吗?

    - 2
  4. 对于那些想看到他的人,为什么?我觉得他现在看起来很棒。为什么不试试自己呢?不要总是寻求帮助!你可以做到。:)

    - 2
  5. 我被卡在剪刀的那部分。有点混乱。我切了它,但是没有两个端点。
    一段视频至少对那个部分有帮助。

    谢谢。

    - 2
  6. 很酷的家伙,你回答说你正在考虑把它扩展到一个完整的插图行。有没有想过要把它变成一个社区项目?这可能有点有趣。基本上概述这些想法,然后跟随你博客的人注册并提交他们的工作。然后你为最后一盘选择最好的。对?不?坏主意?

    - 2
  7. 我显然对插画家不熟悉。我想知道为什么我的胳膊和身体合二为一,我只剩下一条路,没有一条线?一旦它们合并在一起,我就看不到任何东西。

    - 2

评论现已关闭