恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
如何在adobe Illustrator中创建一个可爱的饼干
0.0°
2016-01-24 自译外文 教程 原作者: Diana Toma 举报 4665 34 42 4

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


Image title

我们将要制作出来的样子


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

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

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


1.创建一个新的工程


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

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

Image title

Image title

Image title


2.创建饼干人的身体

第一步

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


第二步

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


第三步

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


3.创作饼干人的纹理

第一步

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

第二步

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


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

第一步

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

第二步

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

第三步

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

Image title


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


第一步

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

Image title


第二步

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


Image title

第三步

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


Image title


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

第一步

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

Image title


第二步

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

Image title


7.制作面包人的身体

第一步

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

Image title


第二步

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

Image title


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

第一步

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

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

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

Image title


第二步

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

Image title


9.创建饼干人的眼睛

第一步

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

Image title


第二步

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

Image title


10.创建饼干人的眼眉

第一步

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

Image title


第二步

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

Image title


第三步

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

Image title


第四步

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

Image title


11.创建饼干人的嘴

第一步

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

Image title


第二步

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

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

Image title


第三步

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

Image title


12.创建饼干人的头发

第一步

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

Image title


第二步,

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

Image title


13创建纽扣


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


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


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


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

第一步

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

Image title


第二步

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

Image title


第三步

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

Image title


第4步

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

Image title


第五步

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

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

Image title


15.创建蝴蝶领带


第一步

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

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

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

Image title


第二步

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

Image title


16.创建面包人的投影

第一步

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

Image title


第二步

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

Image title



第三步

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

Image title



恭喜你,终于完成啦

Image title



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


觉得本文有帮助

请赐个赞并在下方发表评论

可以在评论里把自己的练习作品发上来,大家一起交流。

更新:2016-01-24

收藏

34人已收藏

鱼过无声design

weibo.com/yugongwen

  • 8

    作品

  • 443

    粉丝

  • 6

    关注

  • 泡泡龙
  • JS的诞生
  • 如何在AI中创建夏日泳池的连续样式图案
  • 如何在Adobe Photoshop中给扁平化的插图添加纹理

    猜你喜欢

      2016-01-24 自译外文 教程 原作者: Diana Toma 举报 4665 34 42 4

      如何在adobe Illustrator中创建一个可爱的饼干

      0.0°

      你确定要举报如何在adobe Illustrator中创建一个可爱的饼干

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2016年01月22日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      42
      34
      4

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录