Illustrator绘制立体风格的饼干小人教程

2016-02-16 18:31 48 1 收藏

下面图老师小编跟大家分享Illustrator绘制立体风格的饼干小人教程,一起来学习下过程究竟如何进行吧!喜欢就赶紧收藏起来哦~

【 tulaoshi.com - Illustrator 】

先看看效果图

Illustrator绘制立体风格的饼干小人教程,PS教程,图老师教程网

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

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

如果你对人物设计感兴趣,记得联系我。大家一起交流。(这里是译者的话)

1.创建一个新的工程

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

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

Illustrator绘制立体风格的饼干小人教程,PS教程,图老师教程网

Illustrator绘制立体风格的饼干小人教程,PS教程,图老师教程网

Illustrator绘制立体风格的饼干小人教程,PS教程,图老师教程网

2.创建饼干人的身体

第一步

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

Illustrator绘制立体风格的饼干小人教程,PS教程,图老师教程网

第二步

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

Illustrator绘制立体风格的饼干小人教程,PS教程,图老师教程网

第三步

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

Illustrator绘制立体风格的饼干小人教程,PS教程,图老师教程网

3.创作饼干人的纹理

第一步

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

Illustrator绘制立体风格的饼干小人教程,PS教程,图老师教程网

第二步

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

Illustrator绘制立体风格的饼干小人教程,PS教程,图老师教程网

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

第一步

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

Illustrator绘制立体风格的饼干小人教程,PS教程,图老师教程网

第二步

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

Illustrator绘制立体风格的饼干小人教程,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/illustrator/)

第三步

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

Illustrator绘制立体风格的饼干小人教程,PS教程,图老师教程网

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

第一步

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

Illustrator绘制立体风格的饼干小人教程,PS教程,图老师教程网

第二步

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

Illustrator绘制立体风格的饼干小人教程,PS教程,图老师教程网

第三步

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

Illustrator绘制立体风格的饼干小人教程,PS教程,图老师教程网

6.添加饼干人身体的高光

使用钢笔工具(P)或者画笔工具(N)像下图(1)一样在饼干人的身体右侧画5个路径,在描边面板里设置10pt描边和宽度配置文件1,仍然保持这些路径选中状态下,使用效果模糊高斯模糊,设置模糊数值为5px.

Illustrator绘制立体风格的饼干小人教程,PS教程,图老师教程网

第二步

接下来画一个像下面一样的路径,选择10px描边,在描边面板里选择宽度配置文件4。应用3px的高斯模糊,设置混合模式为柔光。

Illustrator绘制立体风格的饼干小人教程,PS教程,图老师教程网

7.制作面包人的身体

第一步

选择身体和手臂然后复制,原位粘贴(Shift-Control-V)。从外观面板里删除所有外观样式,在路径查找器里点击拼合按钮,让我们设置新的形状为整个身体,在你进行下一步之前,复制一个作为待用。

Illustrator绘制立体风格的饼干小人教程,PS教程,图老师教程网

第二步

在你画版里选择所有图形,使用对象剪切蒙板建立(Control+7)

Illustrator绘制立体风格的饼干小人教程,PS教程,图老师教程网

8给饼干人的表面纹理增加一些细节

第一步

使用铅笔工具(N),像下面图像一样画5个路径,两个胳膊,两条腿,一个脑袋各一个像下面图像一样(1)

选择0.5pt黄色像素的描边,在画笔面板里设置添加艺术效果油墨,使用油墨泼贱1笔刷。

从外观面板里打开散点画笔选项,像下图一样改变设置。编辑成组(control+G)这些路径,改变混合模式为柔光。

Illustrator绘制立体风格的饼干小人教程,PS教程,图老师教程网

第二步

再次使用铅笔工具(N),像下面图(1)样画6个路径,设置0.5pt黑色像素的描边,在画笔面板里设置添加艺术效果油墨,使用油墨泼贱1笔刷。像图(2)一样设置描边属性的设置。成组这些路径,设置叠加模式,透明度为55%(3)

Illustrator绘制立体风格的饼干小人教程,PS教程,图老师教程网

9.创建饼干人的眼睛

第一步

使用椭圆工具(L)画两倍白色的圆作为饼干人的眼睛,两个眼睛选中,使用效果风格化内发光,然后使用效果风格化投影,按照下图的设置来制作。

Illustrator绘制立体风格的饼干小人教程,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/illustrator/)

第二步

画两个小圆,用棕色填充他们。

Illustrator绘制立体风格的饼干小人教程,PS教程,图老师教程网

10.创建饼干人的眼眉

第一步

在眼睛上面画两个路径(1),给他们9pt蓝色描边,在描边面板里,选择圆角功能保持圆角的结束和开始。两条路径选中,使用对象下面的扩展功能(3)。

Illustrator绘制立体风格的饼干小人教程,PS教程,图老师教程网

第二步

保持眼眉的形状选中,使用效果风格化投影,和下图一样设置参数,点击确定。

Illustrator绘制立体风格的饼干小人教程,PS教程,图老师教程网

第三步

保持眼眉选中,在扩展面板里增加一个新的填充在原来的上面,用白色作为填充色。使用效果扭曲和变换变换效果,向下图一样设置效果。现在使用效果风格化羽化,模糊值设置8px的半径。

Illustrator绘制立体风格的饼干小人教程,PS教程,图老师教程网

第4步

仍然保持眼眉选中,使用效果风格化投影,然后使用投影效果。

Illustrator绘制立体风格的饼干小人教程,PS教程,图老师教程网

11.创建饼干人的嘴

第一步

使用钢笔工具(P)像嘴一样画个路径,设置7pt红色描边。然后使用对象扩展,这样使得描边变为填充。

Illustrator绘制立体风格的饼干小人教程,PS教程,图老师教程网

第二步

选中嘴形,使用效果风格化内发光,和下图(1)一样设置。

在第一个图形的图形的基础上增加一个新的填充,使用效果路径偏移路径,设置偏移数值为-2px(2),然后使用效果风格化羽化,设置模糊为3px(3)

Illustrator绘制立体风格的饼干小人教程,PS教程,图老师教程网

第3步

仍然保持嘴型选中,用下图的数值参考设置投影效果。

Illustrator绘制立体风格的饼干小人教程,PS教程,图老师教程网

12.创建饼干人的头发

第一步

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

Illustrator绘制立体风格的饼干小人教程,PS教程,图老师教程网

第二步,

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

Illustrator绘制立体风格的饼干小人教程,PS教程,图老师教程网

13创建纽扣

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

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

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

Illustrator绘制立体风格的饼干小人教程,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/illustrator/)

14步给我们的饼干人添加冰雪的装饰

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

Illustrator绘制立体风格的饼干小人教程,PS教程,图老师教程网

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

Illustrator绘制立体风格的饼干小人教程,PS教程,图老师教程网

第三步

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

Illustrator绘制立体风格的饼干小人教程,PS教程,图老师教程网

第4步

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

Illustrator绘制立体风格的饼干小人教程,PS教程,图老师教程网

第五步

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/illustrator/)

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

Illustrator绘制立体风格的饼干小人教程,PS教程,图老师教程网

15.创建蝴蝶领带

第一步

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

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

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

Illustrator绘制立体风格的饼干小人教程,PS教程,图老师教程网

第二步

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

Illustrator绘制立体风格的饼干小人教程,PS教程,图老师教程网

16.创建面包人的投影

第一步

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

Illustrator绘制立体风格的饼干小人教程,PS教程,图老师教程网

第二步

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

Illustrator绘制立体风格的饼干小人教程,PS教程,图老师教程网

第三步

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

Illustrator绘制立体风格的饼干小人教程,PS教程,图老师教程网

恭喜你,终于完成啦(译者翻译的也很累,加我好友安慰一下坚持翻译的心灵)

添加你喜欢的背景,用Adobe Illustrator制作饼干人的教程就完成啦,我希望这是一篇有益的教程,让我知道你是否需要更多有益的课程。

Illustrator绘制立体风格的饼干小人教程,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160216/1570881.html

延伸阅读
对于初学者,你将学习如何建立一个简单的网格、如何使用基本工具创建风叶,同时你将学会如何使用混合模式和外观面板中的图层样式为这些形状添加颜色和阴影。也将学习如何用一个简单的变换效果制作更多新的风叶。最后,你将学会给风车天剑一个丰富多彩的微妙质感背景。 先看看效果图 一、创建新文档,设置网格 按Ctrl+N创建一...
标签: PS PS基础
最终效果 1、新建一个900 * 650像素,分辨率为72的画布,背景填充淡紫色:#ECACCE,如下图。 2、新建一个组,用钢笔勾出心形轮廓,转为选区后给组添加图层蒙版。如果嫌麻烦,可以直接使用素材图3,直接右键选择图片另存为,然后在PS中打开,素材为PNG格式,可直接使用。 3、在组里新建一个图层,选择渐变工具,颜色设置为红色至...
当你了解技术之后,创建折纸风格的设计是一件很容易的事。按照下面的快速教程就可以学到如何创建你的数字纸艺术。我们要使用Adobe Illustrator,不过你也可以把这些技术应用在那些位图软件中。 最终效果: 第1步:描绘轮廓 你需要对你的设计有个总体的概念。利用照片和钢笔工具(P)描出轮廓。把填充颜色设为无,描边颜色设为黑色,1pt 粗...
先看一下效果图。 下面通过分析和简单的几个步骤来完成这样一座山。 首先把前面的这座山分为4个部分,而他们的制作方式都是一样的。 2.下面就第一部分做详细介绍。 先用钢笔工具画最底部的线 然后用钢笔工具画最外围的线 双击混合工具调出混合选项,间距》指定步数 然后使用混合工具点击上面的线再点击下面的线 这...

经验教程

328

收藏

32
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部