用AI绘制立体风格的打招呼可爱饼干人教程

问题描述:

人物设计总是充满着乐趣和创造性。如果你像我一样喜欢做这件事情,你就可以根据这篇文章来学习如何在矢量的环境下制作一个可爱的饼干人

先看看效果图

用AI绘制立体风格的打招呼可爱饼干人教程

首先呢,你要创造一个饼干人的身体形状作为开始,然后你需要用到饼干的纹理,通过散射和不同的效果来制作。调整阴影和高光,你的饼干人物将会看起来更加的3D。接下来是创作的一部分:创作脸和其余所有的装饰。

1.创建一个新的工程

启动Illustrator,然后使用文件下面的创建新文件来创建一个新的文件。输入文件名,设置文件尺寸,选择以像素为单位,颜色模式为RGB。确保使新建图像与像素网格对齐没选中。

接下来,在编辑>首选项>常规里设置键盘增量1PX(MAC在文件前面的Illustrator里找到首选项,译者说,原教程这里写的没有顾及MAC用户,让我好一顿寻找),同时在单位里设置和下面的图片一样。我通常工作都用这些设置,这会在绘画工程中都会帮助你。

用AI绘制立体风格的打招呼可爱饼干人教程

用AI绘制立体风格的打招呼可爱饼干人教程

用AI绘制立体风格的打招呼可爱饼干人教程

2.创建饼干人的身体

第一步

从头部开始用椭圆工具(L)绘制一个圆形,在用两个圆角矩形组成脚。

用AI绘制立体风格的打招呼可爱饼干人教程

第二步

使用钢笔工具(G)绘制除了头和脚之外的身体形状。然后像下面图像一样绘制出手的形状。

用AI绘制立体风格的打招呼可爱饼干人教程

第三步

现在选中头、身体和腿在路径查找器里选中拼合功能,用直接选择工具(A)移动几个锚点来做一些额外的变化。用转换锚点工具(Shift+C)生成一些锚点手柄因为角度需要更加平顺。(译者说CC版有实时转角功能也可以使用)

用AI绘制立体风格的打招呼可爱饼干人教程

3.创作饼干人的纹理

第一步

选中所有的形状,填充一个温暖的棕色。然后使用效果>风格化>内发光功能,像下面一样设置参数。在你进行下一步之前,把两个胳膊放在身体的后面。

用AI绘制立体风格的打招呼可爱饼干人教程

第二步

在所有图形选中的状态下,在外观面板里做一个新的填充,填充为白色。然后使用效果> 艺术效果>胶片颗粒,然后设置参数像下面一样,设置混合模式为柔光,设置透明度为22%。(话说这里饼干人的效果,我的MAC总卡住,没法实验了,大家电脑配置高的可以做出来)

用AI绘制立体风格的打招呼可爱饼干人教程

4.给饼干人的胳膊添加阴影。

第一步

在左边的胳膊的右边和身体之间用钢笔工具(P)画一个路径。在扩展里里设置描边为3pt,设置描边面板里为宽度配置文件1(如下图)接下来是用效果>模糊>高速模糊,模糊半径为3pt。把透明度调整为75%,然后把这个路径放在身体的后面胳膊的前面。

用AI绘制立体风格的打招呼可爱饼干人教程

第二步

拷贝然后在前面粘贴这个路径(Control+F),从扩展面板里改变填充颜色,把这个路径复制在身体的前面,按照下图设置一下参数。

用AI绘制立体风格的打招呼可爱饼干人教程

第三步

用钢笔工具(P)在右边的胳膊和身体之间画一个路径。在描边里设置1px黑色,在描边模版里设置宽度样式第一个。接下来是用效果>模糊>高速模糊,模糊半径为4pt。把透明度调整为50%,把这个路径放在右边胳膊的上面,在胳膊和身体的中间。

用AI绘制立体风格的打招呼可爱饼干人教程

5.给饼干人的身体添加投影

第一步

使用钢笔工具(P)或者使用铅笔工具(N)在身体的左边画5个路径(1),选择10pt的描边,在描边面板里的控制文件里选择宽度控制文件4,然后在描边控制面板里按一下纵向翻转(2)。保持所有的路径选中,使用效果> 模糊>高斯模糊,应用半径为5px(3)。

用AI绘制立体风格的打招呼可爱饼干人教程

第二步

接下来在饼干人身体的周边画6个像下面一样的路径,设置为10pt的描边,宽度配置文件4(在描边面板里,这次不镜像)然后设置5px的高速模糊。

用AI绘制立体风格的打招呼可爱饼干人教程

第三步

在脖子上画一个路径,在描边面板里设置10pt描边和宽度配置文件4,然后使用效果>模糊>高斯模糊设置模糊数值为5px,改变颜色混合模式,和透明度变成15%。

用AI绘制立体风格的打招呼可爱饼干人教程

12.创建饼干人的头发

第一步

使用钢笔工具(P)或者铅笔工具(N)画一个卷曲的路径作为饼干人的头发,设置6pt棕色的描边。圆角,然后使用对象>扩展。

用AI绘制立体风格的打招呼可爱饼干人教程

第二步

保持头发选中,像下图使用设置内发光效果,和嘴形一样设置投影效果。

用AI绘制立体风格的打招呼可爱饼干人教程

13.创建纽扣

使用椭圆工具(L)在身体上画上两个圆形作为按钮,使用蓝色作为填充色,像下面设置一样适用内发光效果。

在第一个的基础上做一个新的填充,设置填充色为白色,使用效果>扭曲和变形>变形,变形效果,像下面图像一样设置参数,然后确定。现在呢,使用效果>风格化>羽化功能,设置羽化半径为8px,同透明图调整为66%(2)。

仍然保持按钮选中,和嘴部形状一样,应用外投影效果。

用AI绘制立体风格的打招呼可爱饼干人教程

14.给饼干人添加冰雪的装饰

第一步

使用铅笔工具(N)在胳膊和腿上画一个波浪形的路径,对于啷个路径中靠近我们的左边的路径,设置9pt的描边,两个路径中右边的设置为8pt 的描边,在描边模版里设置圆角边缘然后使用对象>扩展。(话说译者翻译的也挺累,大家看的咋样了记得关注我,反馈给我,我好有动力继续翻译下去)

用AI绘制立体风格的打招呼可爱饼干人教程

第二步

保持冰的形状选中,使用内发光和外投影效果(和下图一样)

用AI绘制立体风格的打招呼可爱饼干人教程

第三步

接下来使用钢笔工具(P)像下面一样画出裤子的形状加上两条线,设置5pt的描边然后使用对象>扩展。

用AI绘制立体风格的打招呼可爱饼干人教程

第4步

保持裤子和两条线选中,像下图的参数一样使用内发光效果,和之前一样使用外投影效果。

用AI绘制立体风格的打招呼可爱饼干人教程

第五步

在裤子上画一个卷曲的形状,在描边里设置6pt白色描边,然后使用对象>扩展,使用内投影效果,

用相同的设置参数设置外投影。

用AI绘制立体风格的打招呼可爱饼干人教程

15.创建蝴蝶领带

第一步

画两个类似三角形的圆角三角形和在他们中间的圆,选择他们,填充红色。

在右侧正确的三角形选中的情况下,适应内发光效果,和下面的图像设置一样。在这个的基础上添加一个新的填充,设置颜色为白色。使用效果>扭曲和变形>变形,像下图一样设置,然后使用效果>风格化>羽化,设置羽化半径为8px,把透明度减少到66%。

其他两个形状也有大体差不多的设置,但是左边的图形从扩展面板里删除内发光效果。

用AI绘制立体风格的打招呼可爱饼干人教程

第二步

像下图的图一样,给三个形状使用垂直投影效果,这样就组成了领带结,这样饼干人的主体形象就已经完成了。

用AI绘制立体风格的打招呼可爱饼干人教程

16.创建饼干人的投影

第一步

选择你早先在教程中建立的“整个身体”形状,填充为黑色,把这个图形移动到饼干人的后面。现在,使用效果>扭曲和变形>*扭曲,拖拽锚点像下图一样来扭曲图形。

用AI绘制立体风格的打招呼可爱饼干人教程

第二步

保持黑色路径选中,使用对象>扩展外观,为了可以扩展到*扭曲的效果。用选择工具(V)选择黑色投影,拖拽,使得投影变的长一点。或者使用直接选择工具(A) 选择形状的上半部分(头和胳膊)向上移动这些锚点。

用AI绘制立体风格的打招呼可爱饼干人教程

第三步

用线性渐变代替黑色(像下图一样),使用效果>模糊>高斯模糊,设置模糊数值为3px,然后把透明度调整为80%

用AI绘制立体风格的打招呼可爱饼干人教程

添加你喜欢的背景,用Adobe Illustrator制作饼干人的教程就完成啦

用AI绘制立体风格的打招呼可爱饼干人教程