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

Adobe Illustrator是我最喜欢的创建有趣和可爱的角色设计的工具。只有几个简单的形状,这里和那里混合了渐变色和一些阴影,你可以制作一些好看的插图。下面是一个逐步演练的过程,用于创建一个酷熊猫角色,从基本轮廓到详细的最终设计。

熊猫的进化

我们今天要建立的角色最初是一系列随机形状的模型,这些形状很快被放在Illustrator中。这提供了可以叠加多个梯度和颜色来建立可识别字符的基础。然后,当所有的事情都在一起,看看应该怎么做,一些额外的阴影形式的触摸真的可以帮助增加额外的层次的深度和现实主义。从一开始就是这样做的…

打开Adobe Illustrator并创建新文档。在画板上画一个圆,然后用直接选择工具向下拖动最上面的点,稍微挤压圆。

画另一个圆,这次要小一点来代表鼻子。拖动此圆的最顶端点,也可以将圆挤压成不规则形状。

添加两个完美的圆形,使枪口区域更丰满,确保他们在中心会面。

一系列的圆可以增加眼睛的面积。画一个大圆,然后复制(Cmd+C)并粘贴到位(Cmd+F)。然后在按住Shift和Alt的同时向下缩放。用圆圈画出眼睛的轮廓,瞳孔,然后是一些小的亮点。

用更多的圆圈来造耳朵,使用快捷键cmd+shift+[将圆发送到堆栈的后面。复制耳朵和眼睛,反射(对象>变换>反射)和位于对面的位置。

熊猫的主体来自一个大的圆形矩形。反复按向上光标键以最大化拐角半径。

我们不希望下半部分出现圆角,因此,绘制一个临时形状与“探路者”工具中的“前减”选项一起使用。

使用笔工具,然后在下边缘的中心添加一个额外的点。然后向下拖动该点,同时用笔工具按住cmd(这会暂时切换到直接选择工具)。

按住Alt键,然后从该点向外拖动。这将创建Bezier控制柄,允许您调整底部边缘的曲率。

在画板上的其他地方画一个小圆圈,然后放置一个覆盖一半形状的临时矩形。使用Pathfinder调色板中的减号前选项来剪切形状。

将两个半圆定位为脚,然后用钢笔工具粗略地点击画出腿的轮廓。将顶角与车身边缘对齐,然后按cmd+shift+[返回。

粘贴半圆形的另一个副本,但这一次将其旋转180度,并将其稍微放大以用作爪。

用钢笔工具粗略地画出手臂的其余部分。拖动贝塞尔曲线以添加流动曲线边。

复制手臂,反射,然后将其放置在另一侧。把这只胳膊放在后面,这样它就从身体后面爬出来了。

轮廓完整,是时候添加一些颜色了。清除头部的撞击,然后将填充替换为白色到灰色渐变。将设置调整为径向,并将白色滑块靠近灰色,以最大限度地增加白色的量。使用渐变工具拖动,挤压并将渐变精确定位在头部,以获得所需的颜色。

继续用渐变替换所有单个元素的填充。任何黑色区域都应使用深灰色到黑色渐变,并根据需要使用渐变工具调整角度。

构成枪口的两个圆可以调整,使渐变流为灰色,以产生微妙的效果。调整角度,使渐变从中心开始,然后向外流动。

画一些额外的细节,比如几个圆圈来代表胡须。将它们放在枪口两侧,中间填充灰色。

从枪口复制一个圆,轻轻向内推。粘贴另一个圆的副本,并将其作为一个工具与“探路者”一起使用,以减少多余的部分。这会留下一个薄薄的新月形,里面可以填满深灰色来突出嘴巴。

将月牙副本放在另一侧,用几个黑色的圆圈代表鼻孔来完成面部区域。

在车身上添加类似的白-灰渐变,必要时调整角度。还添加灰色的内部辉光(效果>样式化>内部辉光),以扩展身体边缘周围的阴影,使轮廓保持突出。

一个简单的圆形,带有柔和而微妙的灰色到透明的渐变,可以迅速为熊猫创造一个胸部区域。

用从黑到深灰色的渐变填充所有肢体,调整角度,使梯度垂直流动。

所有的颜色都已就位,字符可以识别,但有些收尾工作确实能帮助设计脱颖而出。为眼睛和鼻子的轮廓添加一个柔和的阴影(效果>样式化>阴影)。使用30%不透明度的细微设置,0偏移和1毫米模糊。

复制头部轮廓并稍微挤压。用黑色填充,然后添加一个高斯模糊(效果>模糊>高斯模糊),设置大约30像素。

反复按Cmd+[直到黑色物体出现在头部下方,但在身体上方。将透明度降低到10%,以创建一个微妙的阴影。

用手臂和手的图形重复这个过程。用探路工具合并两个形状,填充纯黑色,加上高斯模糊,调整堆叠顺序,然后降低不透明度。

这些小阴影技术真的有助于增加人物的深度,允许某些元素从屏幕跳转。

用钢笔工具从熊猫爪上画出一个粗糙的树枝形状。

用绿色渐变填充树枝,然后使用笔工具沿其长度添加带有粗糙形状的肋骨。

继续使用钢笔工具,画一些曲线形状来表示一些叶子。单击并拖动第一个点,然后在提示处单击一次。再次单击该点以重置曲线,然后在开始时完成路径返回。

把整根竹枝复制下来,合并在一起,用黑色填充,添加高斯模糊,然后将其定位为熊猫身体上的阴影。

最终矢量熊猫特征

一个简单的径向梯度的背景很快使我们的酷小熊猫字符完成!最初的一些基本形状现在是一个完整的字符,包括阴影和色调的变化。

访问此下载

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

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

61评论

  1. 谭克斯·克里斯如果我有稳定的收入,你的网站将是我作为会员网站的首选。我目前是一个药学的研究,对网络和图形设计有兴趣。

  2. 伟大的职位。我特别喜欢你使用细微的渐变来增加一点深度。我似乎总是从你的帖子里学到一些新东西…好东西

    - 1
  3. 嘿,克里斯,
    谢谢大家的关心。很高兴能来。我把它变成了我4岁侄女的卡片。最佳设计博客!!!!再次感谢

    - 1
  4. 很棒的教程,…你真好!我想知道你怎么能用这么少的钱完成这么多事情,好像你能在5分钟内完成我需要几个小时的工作……:d

    非常感谢:

    - 1
  5. 嘿,克里斯,谢谢你的精彩指导。进入Illustrator真的很有帮助。你做了一些很棒的有用的东西。如果你愿意的话,你可以看看我的版本。

    谢谢!

    - 1

评论现已关闭