分享

在Illustrator中制作一组表情包这么简单

 昵称49687903 2017-11-22
最终产品形象
你会创造什么
在本教程中,我们将使用渐变和基本形状绘制一组表情符号表情符号,与“探路者”面板相结合,将为表情符号提供生命。所以我们开始吧。


1.如何创建表情库

步骤1

首先打开一个新的文档(Command-N),并按照这个顺序添加图层:在上面是“Faces”图层,然后是“Faces Sketch”图层和“Base”图层(在这里我们将绘制我们的基本形状表情符号),最后是“基础素描”图层。

创建表情基地

第2步

在“基本草图”图层中,我们使用Blob画笔工具Shift-B绘制表情符号的基本图形在这种情况下,它只是一些用来定义阴影和灯光的线条。将草图不透明度降低40%,锁定 “基本草图”图层。我们将开始绘制“基础”层。

创建表情基地

第3步

我们的圈(L)大小是300 x 300像素这是基本的形状,所以用1磅的黑色笔画画出来

创建表情基地

步骤4

选择该圆圈并应用  偏移路径选项(“ 对象”>“路径”>“偏移路径”),并使用-10像素 偏移值。有了这个,我们会得到一个比我们原来的圆小一点的圆(也可以通过复制和缩放来实现)。

创建表情基地

第5步

现在,复制与圆(蓝色图像中的)命令-C复制命令-F前面粘贴,并拖动它像图像中的红色圆圈。再次复制蓝色圆圈,选择两个圆圈,并探路者面板中应用相交

创建表情基地

我们得到这个数字(黄色的) - 这是表情符号的光照区域。

创建表情基地

第6步

现在重复这个过程 - 再次复制这个圆。将其像图中洋红色圆圈一样拖动,再次复制图像中的蓝色圆圈,选择两者,再次探路者面板中应用相交

创建表情基地

我们得到这个数字(黄色的) - 这是表情的黑暗区域。

创建表情基地

第七步

选择所有形状,然后按D这是我们的表情没有颜色的基本形状。随着颜色应用程序,我们将详细一点。现在,您可以删除 “基本草图”图层。

创建表情基地

第8步

这是我们的调色板:

  • 白色 #FFFFFF
  • 黄色 #FCF17C
  • 红 #F05850
  • 蓝色 #67CDF5
  • 棕色 #641912

使用这些颜色,我们将生成所有渐变组合,以获得更完整的调色板(我们要使用的所有渐变都是线性渐变)。要保存调色板颜色,请选择颜色并单击“ 色板”面板中的“ 新建颜色组”图标

创建表情基地

只需给你的调色板命名,然后单击确定

创建表情基地

第9步

现在,我们从添加梯度每种颜色的,第一不透明度100%0%为每一个。要在渐变窗口中更改颜色,只需双击颜色,即可获得“ 色板”面板,然后在其中更改颜色。

创建表情基地

第10步

现在所有的颜色与白色渐变。

创建表情基地

现在用黄色。

创建表情基地

红色的颜色。

创建表情基地

最后是蓝色。现在我们有这些颜色的所有渐变组合,这将是我们的调色板。要将渐变添加到“ 色板”面板,您需要从颜色窗口拖动它们。

创建表情基地

步骤11

为了应用颜色,我建议让你的颜色接近你的插图,并使用吸管工具(I)如果你点击这个工具,你会得到你点击的数字的颜色值,如果你按Alt键,你可以使用该颜色来绘制。我们从黄色开始。

创建表情基地

第12步

现在应用红色和黄色渐变; 但是,在“ 渐变”面板中,我们将选择“ 径向”而不是“ 线性”这将是我们在径向模式下使用的唯一渐变

创建表情基地

第13步

对于阴影,我们使用图像中的红色渐变。

创建表情基地

第14步

对于灯光,我们使用白色渐变。现在我们开始看到我们的形状有一定的深度。

创建表情基地

第15步

添加更多的细节到我们的基地,现在我们准备开始绘制我们的表情的面孔。

创建表情基地

2.如何创建哭泣的表情

步骤1

我们复制了我们的基本形状的五个圆圈的表情和我们的“面部素描”图层。我们通过使用Blob画笔工具Shift-B绘制草图 - 悲伤,愤怒,惊讶,快乐和爱情表情我们将不透明度设置  为40%,更容易重绘,锁定这个图层,然后我们开始在我们的“Faces”图层重绘。

创建哭泣的表情

第2步

对于悲伤的表情,我们开始画眼睛。我们要使用的形状是矩形M)和圆角矩形请记住将草图与我们的表情图基本形状对齐。

创建哭泣的表情

第3步

现在,为了增加更多细节,比如眼泪,我们用多边形工具绘制一个由三角形组成的图形其与“ 探路者”面板相交成矩形形状。

创建哭泣的表情

步骤4

要绘制光芒,用多边形工具绘制一个三角形要做到这一点,绘制一个多边形,上下方向键可以添加或删除多边形的边。制作一个三角形,然后通过拖动并按Alt来复制它  然后Command-D以相同的距离复制副本,然后复制三个三角形并使用旋转工具(R)旋转它们,就像在图像中一样。最后,在Pathfinder面板中应用Unite

创建哭泣的表情

第5步

开始嘴巴,我们开始绘制一个圆角矩形选择它,然后用橡皮擦工具Shift-E)通过按Alt我们做一个拖动和擦除一半的形状。然后我们重复我们的形状,再次用橡皮擦工具再次拖动得到牙齿。 

添加一些矩形的更多细节。先画一个,然后复制它。要做到这一点,选择它,然后按住Alt键,并拖动它来获得你的矩形图的副本。然后按Command-D进行最后一步,并以相同的距离得到它的副本。然后选择三个。在“ 探路者”面板中应用统一,最后在“ 探路者”面板中应用与牙齿形状相交(请记住复制您的基本形状)。

创建哭泣的表情

第6步

现在来添加牙齿的阴影的形状。使用您的基本形状,并复制它,并将其向下拖动一下,然后再次复制,你会得到阴影形状。为了使舌头,你可以使用你的嘴基形状和缩放,然后复制它,并应用团结探路者面板。最后复制你的嘴基形和相交的形状。

创建哭泣的表情

第七步

一旦你创造了舌头,给嘴更多的细节,你可以使用一个圆圈,并与我们的嘴基地的数字裁剪然后画一个小圆圈,Pathfinder面板中应用Minus Front现在我们的悲伤的表情嘴完成了。

创建哭泣的表情

这是表情符号悲伤的表情。请记住将所有内容分组并将其与中心对齐

创建哭泣的表情

第8步

选择脸部,然后按D  使用基本黑线和白色填充进行设置。如果需要向前或向后发送某个对象,只需选择该对象并剪切它(Command-X),然后选择要在前面粘贴Command-F)或粘贴在后面Command-B)的对象。使用探路者面板将眼泪粘贴到我们的表情图形基础形状中,并将所有对齐到中心。现在我们将开始添加一些颜色。

创建哭泣的表情

第9步

对于我们的眼睛,我们使用我们的棕色纯色,流泪的黄色和蓝色的梯度,为闪耀的白色渐变。像在图像中一样应用它们。

创建哭泣的表情

画嘴,我们使用棕色和红色渐变,舌头黄色和红色,棕色渐变到最后的细节。您可以随意使用渐变的值,也可以像在图像中一样使用渐变的值。

创建哭泣的表情

对于牙齿,我们使用蓝色作为线条,使用蓝色和白色渐变作为牙齿基础。对于我们使用棕色渐变的阴影,现在我们的悲伤表情已经完成。

创建哭泣的表情

3.如何创建愤怒的表情

步骤1

现在用愤怒的表情,我们从一个圆圈开始。

创建愤怒的表情

第2步

要吸引眼球,首先使用橡皮擦工具Shift-E),并通过按Alt键拖动删除,并将其拖到一半。然后复制你的身影,拖动它,并使用  路径查找器面板中的减号前使眼睑。最后复制你的眼睛的形状,并用拖动来消除阴影。

创建愤怒的表情

第3步

眉毛,我们只需要画一个三角形,像在图像中转换它。然后旋转它,并将其添加到眼睛,如图所示。

创建愤怒的表情

步骤4

为了制作喇叭,我们从一个圆圈开始,然后抓住上面的节点并像图像一样拖动它。然后使用转换锚点工具Shift-C删除节点的锚点,然后单击该节点。有了这个工具,你可以添加或删除锚点。最后,如图所示旋转喇叭。

创建愤怒的表情

第5步

为了让嘴巴以三角形开始,然后用剪刀工具(C)去除节点只需点击节点并删除该段。另一种削减锚点的方法是选择它们并在应用程序栏上单击剪刀图标。剪切将完全位于您选择的节点中。然后,删除节点后,添加一些点到线,并应用轮廓描边对象>路径>轮廓描边),最后用橡皮擦工具删除拖动,我们得到了嘴。

创建愤怒的表情

我们的愤怒表情的脸会看起来像这样。

创建愤怒的表情

第6步

我们把愤怒的脸与中心对准表情基地,现在我们将以颜色开始。我们擦掉了因为角的一部分(洋红色)。

创建愤怒的表情

第七步

首先,我们用我们的黄色和红色的梯度和棕色的眉毛颜色的角。

创建愤怒的表情

对于眼睛和嘴巴使用红色,眼睛的阴影是棕色的渐变,眼睑的黄色和红色的渐变。我们生气的脸几乎已经完成了。

创建愤怒的表情

添加一些细节,如与白的渐变和他们背后的阴影与红色渐变的角闪耀,记住应用探路者作物的对象。我们生气的表情完成了。

创建愤怒的表情

4.如何创建惊讶的图释

步骤1

对于惊讶的表情,我们从眼睛的圆角矩形开始。

创建惊讶的图释

第2步

您可以通过使用“ 偏移路径”来执行此操作,然后复制图形并使用“ 橡皮擦工具”(如图像中的洋红色图形)进行拖动最后加上一些圈子,让眼睛闪耀。

创建惊讶的图释

第3步

对于嘴巴,我们从一个简单的圆圈开始,为牙齿两个圆角的矩形。在“ 探路者”中应用“ 团结 ” 在圆内裁剪,然后通过选择对象并应用“ 偏移路径”来生成较小的圆  

创建惊讶的图释

步骤4

复制牙齿,并路径查找器中使用Minus Front生成阴影。制作舌头,加两个圆圈,然后应用Unite,然后用嘴的主圆圈裁剪。

创建惊讶的图释

第5步

要添加更多细节的嘴巴,你可以画一个圆的喉咙为基地,并结合长方形和圆形的悬雍垂。Pathfinder中应用Unite,选择图像中看到的节点(绿色虚线),然后在工具栏中将它们转换为圆角,以获得更平滑的外观。最后应用Minus Front

创建惊讶的图释

我们的惊讶的脸完成了。请记住按下D ,然后将它们切割并粘贴在应该放置的部分的前面或后面。当你习惯了这个,它比使用排列命令更快。

创建惊讶的图释

第6步

将惊讶的脸对准表情的基本形状,让我们从颜色开始。

创建惊讶的图释

第七步

对于眼睛我们使用棕色的颜色,眼睛的光芒,我们使用黄色和白色的梯度,为眼睛的细节黄色和红色的梯度。

创建惊讶的图释

对于脸颊,我们使用红色,牙齿为白色和蓝色渐变,阴影为棕色和蓝色渐变。

创建惊讶的图释

对于嘴巴,我们使用黄色和红色渐变为舌头添加颜色,为嘴巴添加棕色和红色渐变,为喉部添加棕色。我们惊讶的表情完成。

创建惊讶的图释

5.如何创建快乐表情

步骤1

我们可以用圆圈开始快乐的表情,画出一个灿烂的笑容。

创建快乐的图释

第2步

首先应用橡皮擦工具,并用拖动擦除一半的圆圈。

创建快乐的图释

第3步

要创建牙齿,首先绘制一个圆角矩形,然后像在图像中一样复制它。然后使用橡皮擦工具,最后复制它们并使用反射工具(O)

创建快乐的图释

步骤4

将牙齿对准嘴的形状,然后取出其中一个牙齿。

创建快乐的图释

第5步

对于舌头和喉咙,我们可以使用与惊讶的脸相同的 - 只是在嘴巴的基本形状。

创建快乐的图释

第6步

对于眼睛,绘制一个圆圈,删除一些节点,并添加一些点的线,并作出的线圆连接的值最后应用Outline Stroke。

创建快乐的图释

我们快乐的脸已经完成了,现在我们可以着色了。

创建快乐的图释

第七步

与以前的表情符号一样,将脸部对齐到中心,现在让我们从颜色开始。

创建快乐的图释

对于眼睛,我们使用我们的黄色和棕色渐变,并为脸颊红色。

创建快乐的图释

对于牙齿,我们使用白色和蓝色渐变,阴影棕色渐变。为了在不同的平面上分离牙齿,只需调整牙齿的体积和深度即可。

创建快乐的图释

嘴巴的颜色与惊讶的脸相同 - 只是舌头上的光线是白色的渐变。我们的快乐表情完成。

创建快乐的图释

6.如何创建爱情表情

步骤1

最后恋爱表情符号。与所有以前的表情符号一样,将草图对准中心并开始重新绘制。

创建爱情表情

第2步

为了画心,底座是两个圆圈。Pathfinder中应用Unite并在中间拖动节点,如图所示。

创建爱情表情

第3步

选择中间的节点并删除锚点。您可以通过单击应用程序栏中的图标并转换为转角来完成此操作,也可以使用转换定位点工具Shift-C将其转换为转角之后,调整节点使心脏更圆,最后应用偏移路径

创建爱情表情

步骤4

为了使嘴巴,我们从一个圆圈开始,删除一些锚点,复制和拖动像图像。然后在笔画中添加更多的点,应用Outline Stroke,最后应用Unite将其转换为一个路径。

创建爱情表情

我们恋爱的表情符号完成了。

创建爱情表情

第5步

将脸部对准我们的表情符号。

创建爱情表情

对于我们的心脏,我们使用红色和棕色渐变,并为光线的白色渐变。

创建爱情表情

对于嘴和脸颊,我们使用红色,我们恋爱的表情完成。

创建爱情表情

完成了!

这是我们最后的结果。希望你喜欢这个教程!

Adobe Illustrator表情教程Beto Garza

每日分享各种设计教程学习交流,能够快速提高你的设计思维! 推荐设计常识实用技巧学习公众号:pmsj-ps (扫一扫二维码关注)定期更新优质干货!

《福利赠送:关注后在后台回复 “PS资源素材” “字体” “图片素材”(不含引号)可获取到常用PS周边插件,笔刷,素动作,素材,字体 等。》

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多