设计一个矢量铅笔卡通人物

Trevin是WebFX业务发展的高级总监。他参与了超过450个市场营销活动,20多年来一直在建立网站。他的作品曾被《搜索引擎之地》、《今日美国》、《快速公司》和《Inc.》收录。

预览

预览

第一步:在Illustrator中创建画板

创建一个新文档(Cmd/Ctrl + N),使用下面的设置。

在Illustrator中创建一个画板

步骤2:将草图放入模板中

点击文件> Place,将草图放入画板。如果你愿意,你可以使用我的原始草图来跟随本教程。不过,我必须警告你,这是一个非常粗糙的草图和扫描。在这里下载如果你必须的话)。

把草图放进去,做成模板

选择你的草图模板。

把草图放进去,做成模板

双击放置文件的图层,使用下面指定的设置使该图层成为模板。

把草图放进去,做成模板

为基础形状创建一个新图层

创建一个新图层,命名为Base Shapes。这将使我们的工作井然有序。这一层将包含我们矢量插图的基本形状和绘图。

新建基础形状图层

第四步:开始制作基础形状

选择椭圆工具(L)开始绘制我们的基础形状。

开始制作基础形状

使用你的素描模板作为参考,创建一个椭圆形的头部,然后,铅笔。

开始制作基础形状

要制作基本圆柱体形状,复制椭圆,向下移动拖动,然后创建一个与复制的椭圆完美对齐的矩形。

复制这个形状,然后在副本上应用组合探路者命令。你必须有一个副本的原因是,稍后我们将使用pathfinder没有提交的那个元素。

开始制作基础形状

探路者面板可以使用“窗口”菜单项打开。

开始制作基础形状

第五步:拉长圆筒

我们需要拉伸圆柱,让它变高。我们将使用直接选择工具(A)来做到这一点。

延伸的汽缸

复制圆柱体形状。

用直接选择工具选择最上面的三个锚点,并向上移动拖动,拉长基本圆柱体形状。

延伸的汽缸

第六步:制作边缘细节

要制作边缘的细节,使用上一步的小圆柱体形状和基础形状步骤的椭圆形。

使用“对齐对象”命令水平和垂直对齐这两个形状。

延伸的汽缸

使用Divide pathfinder命令划分这些形状。

延伸的汽缸

一旦分开,你就可以使用组选择工具把它们分开。

延伸的汽缸

下面的形状是角色头部的基础。

延伸的汽缸

步骤7:绘制头部的基础形状

要制作人物的基础头(铅笔的橡皮擦部分),得到细长的圆柱体形状和椭圆形。

绘制头部的基础形状

对齐这两个形状的中间和顶部边缘。

绘制头部的基础形状

通过选择它并将其带到前面(对象>安排>带到前面),确保椭圆形在顶部。

绘制头部的基础形状

绘制头部的基础形状

第八步:把头部和边缘结合起来

到目前为止,您应该拥有以下元素。我们现在开始把它们放在一起。

结合头部和边缘

首先,选择细长的基础头和组它。

然后取消边缘元素组,并选择底部边缘。选择这两个元素,并使用“对齐面板”中的“垂直对齐底部”命令将它们对齐到底部边缘。

用缩放工具(S),点击一次在下边缘的底部边缘,并将它放大一点。

复制这个缩放的边缘(Shift + Opt/ alt -向上拖动)并反射它(对象>变换>反射)。

将反射的边缘发送到后面(对象>安排>发送到后面)。

结合头部和边缘

结合头部和边缘

好了,一切都很顺利。

结合头部和边缘

第九步:在边缘添加细节

复制最近的边缘细节两次从上一步(Shift + Opt/ alt -向下拖动)。

选择这两个形状,并在探路者面板中使用Intersect命令。

边缘的细节

边缘的细节

步骤10:在细节上使用偏移路径

我们将继续塑造我们的橡皮擦,给它另一个脊,似乎在一个比当前的边缘更高的平面上。我们将通过偏移形状来创建一个不同大小、更小的它的副本(对象>路径>偏移路径)。

在详细信息上使用偏移路径

在此形状上使用这些偏移设置。

在详细信息上使用偏移路径

将偏移的形状对准边缘;一个方便的方法是选择这两个形状,然后再次点击底边。这样做会告诉Illustrator基本边缘是关键对象。当你对齐时,只有偏移细节将移动并与基础边缘对齐。

在详细信息上使用偏移路径

步骤11:制作角色的身体

橡皮擦成型后,现在让我们进入角色的身体——铅笔杆。创建一个矩形的宽度相同的基础头(不是边缘)。

选择此形状的两个底部定位点。

向下拖动并向内缩放。确保这个形状的比例是相对于你的草图模板。

制作角色的身体

现在用矩形工具创建四个相邻的完美正方形,并按住Shift键。

复制你的第一个正方形按Shift + Opt/ alt -拖动一次,然后按Cmd/Ctrl + D两次。这将得到如下所示的结果。

制作角色的身体

组合(Cmd/Ctrl + G)四个正方形,并发送回来。

制作角色的身体

选择下面显示的两个元素,然后转到Object > Envelope Distort > Make with Top Object。

制作角色的身体

一旦您应用了信封扭曲,选择并展开它。

制作角色的身体

步骤12:创建一个新的艺术画笔

展开形状后,将其放入艺术画笔。你可以通过拖拽元素到画笔面板来完成。一个对话框会问你想要什么样的笔刷-指定新的艺术笔刷。

创建一个新的艺术画笔

步骤13:在角色的身体上应用新的艺术笔刷

用钢笔工具(P)创建一个路径。当你这样做的时候,参考草图模板会很有帮助。

创建一个新的艺术画笔

步骤14:应用新的艺术笔刷

应用上一步制作的艺术笔刷,展开它的外观,对象>展开外观。

然后,确保这个元素被发送到后面。

创建一个新的艺术画笔

步骤15:画铅笔头

用钢笔工具(P)创建一个半“u/v”形状,形状像一支铅笔的尖端。

接下来,选择形状,然后反射它(对象>变换>反射)。

然后通过选择它们,然后点击Cmd/Ctrl + J,将两个底部锚点连接起来。

对顶部的锚点重复这个步骤。

制作木头和多色铅

使用Object > Arrange命令将此形状发送到主体的后面。然后使用缩放和旋转工具使边缘相同的大小和对齐。

制作木头和多色铅

要制作铅笔的铅笔芯,在木形前复制粘贴。所以,现在你有两个相同形状的东西在另一个上面。

现在,用椭圆工具做一个圆,并与前面的木头形状相交。

制作木头和多色铅

步骤16:塑造角色的嘴型

好的,现在我们有我们的角色的基本形状,我们将开始它的细节。首先是我们的角色的脸,它将被放在橡皮上。用椭圆工具画一个圆,用直接选择工具(a)删除最上面的锚点。

做角色的嘴

用路径橡皮擦工具(隐藏在铅笔工具后面)细化嘴的形状。

做角色的嘴

加厚笔画,并在笔画面板中圆润路径的边缘。

做角色的嘴

扩展路径(对象> Expand)。

做角色的嘴

步骤17:创建角色的牙齿

创建字符的牙齿,通过复制形状并对其应用负偏移值。当添加偏移路径效果时,确保路径没有笔画,否则你会得到奇怪的结果。另外,偏移路径要求形状的外观在应用程序提交它并允许我们使用它之后展开(对象> Expand appearance)。

创建角色的牙齿

创建角色的牙齿

步骤18:制作角色的眼睛

用线段工具(\),通过拖动对角线来创建一条对角线;按住Shift键可以确保你创建了一条45度角的对角线。

使眼睛

现在反射一个对角线的副本。加厚和圆润的边缘,就像我们的角色的嘴。

同样,展开这个形状,然后在探路者面板中使用组合命令将展开的形状组合起来。

使眼睛

然后,用椭圆工具按住shift拖动画一个完美的圆。

要完成眼球,就把它送到后面。

这就是眼睛,眼睛上有个叉,就是瞳孔。

使眼睛

步骤19:放置和调整特征

将眼睛和嘴巴分组,然后用组选择工具调整它们。然后,使用选择工具(V)将这些碎片放置在我们的橡皮擦的顶部。

放置和调整特性

步骤20:制作纸底

我们会让它看起来像我们的铅笔在一张纸上写字;纸是我们形状的基础。用钢笔工具做一个窄的“C”形状,然后拖动shift复制它。

使用探路者命令连接“C”形状的底部和顶部锚点。

你现在应该有一个折纸形状。

制作原纸

创建一个矩形,完美地对齐底部边缘的纸张折叠。

制作原纸

选择此矩形底部的两个锚点,并将其向上拖动到纸张折叠的上边缘。

确保这个形状在折纸的后面。

制作原纸

当锚点仍然被选中时,移动它们,让矩形看起来倾斜,给人一种在3D空间的角度上看到纸张的错觉。

制作原纸

步骤21:在艺术品上着色

艺术品可以很容易地用滴管工具(I)和颜色和色块面板打开着色。(我在我的文章中详细讨论了这种简单的着色技巧以前的图解教程)。

在颜色面板中,指定描边和填充颜色;你也可以使用Swatches面板。我建议在你给作品上色的时候把这两个面板连接起来,这样更方便,在你做线条工作的时候把它们隐藏起来,这样你的显示器屏幕上就有更多的空间。

一旦你指定了填充和描边,按下Opt/Alt,然后点击关闭路径,给它们想要的颜色,渐变和/或模式。

艺术品的颜色

艺术品的颜色

步骤22:为你的美术作品添加细节

用刀具将铅条切割成四条封闭路径。

为你的作品添加细节

双击底纸可进入隔离模式。在隔离模式中,使用钢笔/铅笔工具创建角色绘制的路径。

为你的作品添加细节

在路径的顶部,创建线条(没有描边或填充),将底部形状分成四个部分。使用Pathfinder中的Divide命令来选择这些元素,这将把底部形状切割成四个单独的封闭路径。

为你的作品添加细节

用直接选择工具,复制基础纸矩形并粘贴到绘制路径的前面。

为你的作品添加细节

选择绘制的路径和正面形状,通过对象>剪贴蒙版> make创建剪贴蒙版。

为你的作品添加细节

用选择工具(V)选择剪切路径,再次应用划分命令(在路径查找器中)。

为你的作品添加细节

步骤23:添加高光和阴影的技术

当添加高光/阴影细节时,最好只把它作为一个填充。

一种添加高光和阴影的技术

用钢笔工具,我在边缘上创建了一个高亮的形状。

一种添加高光和阴影的技术

清理高光细节复制和粘贴在突出形状的抵消边缘细节形状前,然后删除其填充。

重复这一步,你的角色就会活过来!

一种添加高光和阴影的技术

教程汇总

预览

在本教程中,我已经向您展示了基于扫描的草图绘制卡通人物的不同方法。我们应用了各种探路者命令、形状工具、转换命令和其他基本和不复杂的Illustrator功能来创建一个矢量字符。

我希望通过本教程,您可以看到Illustrator的许多力量在于它的基本形状和转换工具,您应该尝试探索它们的潜力,以帮助您将草图转换为数字矢量艺术。

说明快乐!展示你自己的矢量图添加到设计指示Flickr组池

下载教程源文件

WebFX职业

加入我们的使命,为全球企业提供行业领先的数字营销服务——同时建立您的个人知识和个人成长。

我们招聘! 视图30 +职位空缺!