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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
萌萌哒小蝙蝠
0.0°
2017-10-27 自译外文 教程 原作者: Diana Toma 举报 2518 8 12 0

快来一起用illustrator绘制一只萌萌哒小蝙蝠吧!

                                                   AI绘制萌萌哒蝙蝠

       在本次教程中,你将学会怎么在AI中通过使用一些常用工具和小技巧来绘制一幅矢量风格的可爱小动物。


       所谓的“蝙蝠恐惧症”其实就是对于蝙蝠心怀恐惧!对于那些一想到或是一看到蝙蝠就充满了恐惧感的人而言,通常都是和“它们”保持相当的距离来避开它们。实则很多这种情况的产生,都是源于对于蝙蝠的误解!蝙蝠被看做是带有小而亮晶晶的眼睛和大而坚韧的翅膀的丑陋的生物,然而对于人类而言它们并不危险!

基于这些原因,今天我们就将用一种矢量形式来绘制一个可爱的充满亲切感的蝙蝠造型吧!那么准备好提升你的角色绘制技巧吧,我们开始咯!

步骤 :

      1、 绘制头的形状

       第一步:如下图所示使用椭圆工具(L)绘制两个椭圆。蓝色的椭圆是132X67px大小,另外一个粉红色椭圆是82X75px大小。为了使得角色后面的设定和效果都达到最好的状态,这两个椭圆的数值是我经过多次尝试后得出的非常肯定的结果,可以放心使用!

       选中两个椭圆,通过路径查找器面板的连接选项得到一个单独的形状。现在,通过钢笔工具中的加点工具(+),沿着这个形状的路径添加一些点,然后使用直接选择工具(A)移动这些点当中的一部分或者通过移动它们的手柄来使得这个形状稍微变形一点。


       第二步:选择灰色作为这个头部的填充色,然后紧接着,选择效果->风格化->内发光,如下图设置:


       第三步:使用钢笔工具(P)在这个头型的底部绘制一条曲线,给它5pt大小的描边。接着,通过效果->模糊->高斯模糊,模糊半径为5个像素。

选中整个头部形状,原位复制粘贴得到一个同样的形状(目的是后续剪切蒙版使用)。沿着曲线路径选中这个复制后得到的形状执行对象->剪切蒙版->建立 (ctrl+7)。(你也可以直接右键剪切蒙版,结果一样的)结果如下图所示。


       第四步:让我们给脸部添加一些细节。使用钢笔工具(P)在头部两边绘制两条短的路径以及在头的底部绘制两条路径得到所谓的“下巴”。接着在描边面板中选用两端成尖端的笔刷给这四条路径描边,描边粗细为0.5pt,透明度为20%。


       2、绘制眼睛

       第一步:使用椭圆工具(L)绘制眼睛的形状并使用线性渐变填充。左边眼睛线性渐变效果反转即可。

      使用钢笔工具(P)在两只眼睛上方沿着顶部边缘分别绘制一条路径,并且使用同样的两边尖端的描边笔刷给它们描边,描边粗细为2Pt。

接下来,在每只眼睛下边分别绘制一条相似的路径,使用同样的描边笔刷和粗细给它们描边。


       第二步:使用钢笔工具在眼睛上方绘制两个似月牙的形状,使得看上去就像盖在眼睛上一样(上眼睑)。给这两个形状填充非常深的灰色。


       第三步:仍然使用钢笔工具,给每只眼睛绘制两条像鞭子一样的短路径(其实就是睫毛)!给它们一pt的黑色描边,然后在描边面板里面选择如下图所示的描边样式(左边尖端)。


       第四步:在两只眼睛内部分别绘制一个更小一些的椭圆,并填充比眼睛颜色更深许多的灰色。


       第五步:使用铅笔工具(N)或者使用钢笔工具也行,以眼睛的中心为出发点,随机绘制5条路径(虽然是随机,但是还是有目的的绘制最好),并选中这五条路径,通过窗口->画笔->画笔库菜单(面板左下角)->艺术效果->粉笔炭笔铅笔选项,得到的结果就是下图所示,描边粗细设置为0.25pt;然后通过执行效果->风格化->羽化,羽化值为5px。

       选中右边这个刚绘制的小椭圆,然后原位复制粘贴一个复制品,去掉填充色。现在,将这个复制品和绘制的5条路径都选中执行对象->剪切蒙版->建立(control+7)。同样,左边只眼睛做同样的操作。


       第六步:选中这两个更小的椭圆原位复制粘贴得到两个复制品并置于顶层。给它们填充白色到黑色的径向渐变,然后设置混合模式为正片叠底(白色就变成透明的了)。


       第七步:绘制两个更小一些的椭圆,以黑色填充,这两个作为瞳孔。接下来给瞳孔增加光斑效果,通过在每一个瞳孔上方绘制两个不同大小的圆,并填充白色到黑色的径向渐变。为这四个圆都设置混合模式为滤色(黑色就变成透明的了)。

      到这里后,蝙蝠的眼镜就画好了,然后你可以给每只眼睛都单独打组了。



       3、绘制鼻子和脸颊

       第一步:使用钢笔工具绘制一个心的形状作为鼻子,并用浅紫色填充。选中这个形状,执行效果->风格化->添加阴影并应用此效果两次。


       第二步:使用钢笔工具在鼻子的底部绘制一条路径,并给它一个2pt大小的紫色描边。接下来,执行效果->模糊->高斯模糊,并应用2px的半径。

       选中这个鼻子的形状,原位复制粘贴得到一个复制品,移除填充的颜色。现在,选中包括这条紫色路径在内的复制品执行对象->剪切蒙版->建立(ctrl+7)。这样你就能看到下面图片上所得到的结果了。


       第三步:现在开始绘制鼻孔了。使用钢笔工具绘制下图所示的鼻孔形状,填充紫色。在其中间位置绘制一个更小的形状填充黑色。现在,同时选中这两个形状执行对象->混合->混合选项。到这里后,选择10步步数,随后执行对象->混合->建立(alt+control+b)。

      为左边的鼻孔做同样的操作,或者直接复制粘贴翻转得到一个也成。


       第四步:为了使得鼻子立体感更强更饱满,沿着鼻子的顶端绘制两条路径。在描边面板里面选择两边尖端效果的描边,描边颜色为白色,同时笔刷也变成了白色。设置这两条路径的混合模式为叠加,透明度为75%。

       到这里后,鼻子就差不多绘制好了,然后将所有的这些形状都打成一个组。


       第五步:开始绘制玫瑰色的脸颊效果,使用椭圆工具在鼻子的两边绘制两个椭圆,填充浅紫色并应用6px的高斯模糊效果。


       4、绘制嘴巴

       第一步:使用钢笔工具绘制一条细长的曲线路径作为嘴巴。在描边面板里面选择两端尖端效果的描边,设置描边粗细为2pt。

       仍然使用钢笔工具,绘制一个形状如下图所示,去覆盖这个混合笔刷的上半部分,然后以脸的填充色给它填充颜色。


       第二步:绘制右边牙齿的形状,然后在这个形状中间绘制一个更小的形状,填充白色。选中这两个形状然后通过对象->混合->混合选项,选择10步步数。

      为左边的牙齿重复同样的操作或者直接复制粘贴一个弄到左边也成。


       第三步:选中牙齿,执行效果->风格化->添加阴影,然后应用如下图展示的设置。


        5、绘制耳朵

       第一步:使用钢笔工具,绘制耳朵的形状,不要考虑非得绘制成一模一样的。接着绘制两条黑色路径,如下图图片所示。

      选中右边的耳朵然后原位复制粘贴得到一个复制品并置于顶层,移除填充颜色。现在,选中带有黑色路径的复制品,路径查找器执行分割。结果就是,你得到了两个形状,解组它们(shift+control+G)。删除底部的形状,只保留下这个更小一点的蓝色的形状。为左边的耳朵执行同样的操作。


       第二步:使用下图所示颜色填充耳朵,执行效果->风格化->内发光,并应用下图所示的设置。

       再次选中耳朵的形状,原位复制粘贴得到复制品并置于下一层。填充灰色并按照有方向键向右移动一个像素。为左边的耳朵做同样的操作。


       第三步:现在,选中蓝色耳朵的部分,用下图所示的线型渐变替换蓝色。左边的耳朵需要翻转这个渐变效果。之后,执行效果->风格化->添加阴影,并应用这个效果两次。


      第四步:使用钢笔工具,基于耳朵的形状边缘沿着头部形状绘制两条路径。给它们1pt大小的黑色描边,并且在描边面板里面选择如图所示描边效果;然后应用一个2px的高斯模糊。设置混合模式为柔光模式。


       第五步:原位复制粘贴耳朵形状的紫色部分得到一个复制品,并移除填充效果。现在,同事选中耳朵的灰色部分和紫色部分以及前一步基于耳朵边缘绘制的路径,执行对象->剪切蒙版->建立(ctrl+7)。为左边耳朵执行同样的操作。将这整个组置于头部层的后面。


       第六步:使用钢笔工具给每只耳朵都绘制两条路径;给它们1pt的黑色描边,并再次使用带尖端的描边效果。设置混合模式为叠加,透明度为20%。


       第七步:添加一些高光。沿着耳朵灰色形状的边缘绘制两条路径。给它们1pt的描边,再次使用带尖端效果的描边效果。设置它们的混合模式为叠加,透明度为75%。

       到这里耳朵就绘制好了,接着将每只耳朵所有形状打组。把它们置于头部形状的下一层。


        6、绘制翅膀

        第一步:使用矩形工具,绘制一个168X111px的矩形,把它作为绘制翅膀时候的参考,否则你的翅膀和蝙蝠的头部大小不会是成比例的。使用钢笔工具在这个矩形里面绘制4条路径,如下图所示。红色的路径有8pt的描边,3个橙色路径有4pt的描边。

       同时选中这4条路径,执行对象->扩展,有必要的话,可以解组(shift+ctrl+g)。使用直接选择工具(A)移动一些锚点。目的就是使得这些形状顶部更宽,底部更窄。红色的形状就是手臂,橙色的形状依次就是第二,第三,第四只手指。

       接下来在上面的3根手指末端绘制4个水滴状的形状。选中包括顶端蓝色水滴形状在内的手臂形状,路经查找器执行联结,得到一个单独的形状。接着给每一根手指和对应的末端水滴都执行同样的联结操作。


       第二步:使用灰色填充手臂和手指,然后再一次在外观面板里面添加一个填充属性,使用浅灰色作为填充色;然后执行->效果->扭曲&变换->变换,应用下图所示的设置。


       第三步:同时选中手臂和手指部分,在外观面板里面添加第三个填充属性,这次使用黑色填充。再次执行效果->扭曲&变换->变换,并应用如下图所示的设置。


       第四步:使用钢笔工具在手臂形状的右边绘制一条长的路径和在手指的顶端绘制三条短的路径。给它们1pt粗细的描边,在描边面板中选择如下图所示的一边带尖端的描边模式;接着给这3条短的路径1.5px的高斯模糊和给这长的路径2px的高斯模糊。使带有阴影效果的手臂形状处于其它图层的前面。


       第五步:添加一些高光。使用钢笔工具在手臂和每一根手指部分绘制一条路径。选择白色作为描边填充色,并且选择描边效果为两边带尖端的描边。手指上面的3条路径的描边粗细为1pt,但是手臂上的路径的描边粗细为2pt。设置这4条路径的混合模式为叠加。


       第六步:现在我们把目光聚焦到手指尖端部分来吧。绘制爪子的形状,接着在中间绘制一个更小的但是相似的形状。选中这两个形状,执行对象->混合->混合选项,选择12步步数。接着执行对象->混合->建立(alt+ctrl+b)。


       第七步:在爪子上面绘制一条路径,给它0.75pt的白色描边,描边效果为两边带有尖端效果的描边,透明度为66%。这个其实就是高光。继续绘制一条黑色描边的路径作为阴影。


       第八步:将这些形状打组得到整个爪子图层。多复制几个,分别适应到其他手指上。对于手臂部分,你需要更大的一个爪子,或者说是拇指。因此使用同样的方法绘制一个更大的。

       使用钢笔工具贴着每一个爪子绘制一条短的曲线如下图所示。给它们2pt的白色描边,使用描边效果为两端带有尖端的描边。设置混合模式为叠加,如下图所示。


       第九步:再次使用钢笔工具绘制翅膀薄膜部分的形状,如下图所示;然后原位复制粘贴得到一个复制品置于底层。使用灰色填充这个复制品,并在向下键的帮助下向下移动1-2px的位置。


       第十步:同时选中手臂和3根手指的部分,接着复制粘贴得到一个复制品并置于底层。保留填充的颜色,应用添加阴影效果。

      选中薄膜部分,原位复制粘贴制作一个复制品,置于顶层,移除填充颜色。现在,选中带有手臂和手指复制品的这些复制品都添加阴影效果,执行对象->剪切蒙版->建立。将这个组都移动到原来手臂和手指图层的下一层但是要位于薄膜层之上。


        第十一步:添加些高光。使用钢笔工具沿着薄膜底部的曲线绘制3条路径。给它们1pt的白色描边,再次使用描边效果为两端带有尖端的描边。设置这些路径的混合模式都为叠加。


       第十二步:到这一步了,翅膀就绘制好了,将所有的翅膀部分的图层都打组成一个。旋转蝙蝠的头部,将翅膀像图中所示那样摆放,做一个翅膀的复制图层,旋转它,将它放在头的后面。仅选中薄膜形状,并应用一个更浅一些的紫色阴影。这时整个蝙蝠就组成一体了。


        7、绘制身体和皮毛

       第一步:绘制一个下图中所示的形状,填充灰色,将它置于头部和薄膜层的下一层。


       第二步:使用铅笔工具在身体形状的底部绘制一些路径。选择灰色作为这个描边颜色,描边粗细为22pt,描边效果使用一边带有尖端的描边。将这些路径都打组。


       第三步:原位复制粘贴整个路径组(上一步做的路径),得到一个复制品,给这个复制品15pt的描边,选择灰度更深的阴影,使用一边带有尖端的描边。

       再次原位复制粘贴这个路径组,得到另外一个复制图层,给它10pt的描边,选择更深一些的灰色作为阴影,并依然使用一边带有尖端的描边。


       第四步:运用同样的方法在身体部分的顶部绘制皮毛部分。

       最后,如下图所示,在边上绘制一条曲折的路径,使用90°角的线性渐变填充它。这个时候,蝙蝠的身体部分和皮毛部分就完成了。将这些形状统一打组。确保每一个路径都是在底层的。


       第五步:现在,你可以使用同样的方法在头部的顶部添加3块皮毛。

至此,整个蝙蝠角色就完成了!!!


                             

                                                    最终效果!!!


                               谢谢各位看到这里,不要忘记点赞哦!

更新:2017-10-27

收藏

8人已收藏

  • 12

    作品

  • 55

    粉丝

  • 13

    关注

  • 2018年30种最新的新年宣传单和邀请函设计
  • 国际艺术家的特色之马来西亚
  • 一组依据宋词词牌所做设计
  • 诡异圣诞节背景制作
相关标签
教程

    猜你喜欢

      2017-10-27 自译外文 教程 原作者: Diana Toma 举报 2518 8 12 0

      萌萌哒小蝙蝠

      0.0°

      你确定要举报萌萌哒小蝙蝠

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2017年10月27日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      12
      8
      0

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

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

      登录

      手机号

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

      登录
      第三方账号登录