Illustrator绘制萌萌的青蛙柯密特图标

2016-02-16 18:51 23 1 收藏

今天天气好晴朗处处好风光,好天气好开始,图老师又来和大家分享啦。下面给大家推荐Illustrator绘制萌萌的青蛙柯密特图标,希望大家看完后也有个好心情,快快行动吧!

【 tulaoshi.com - Illustrator 】

今天我们的教程,要从呆萌的青蛙柯密特说起,教程利用简单的形状和工具就可以完成,最后给大家展示如何一秒变色,教程有点难度的地方都有译者注解,童鞋们可以放心打开软件练习啦。

先看看效果图

Illustrator绘制萌萌的青蛙柯密特图标,PS教程,图老师教程网

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

一、绘制草图

第1步

在图层面板新建一个图层。顶层用来绘制图像 (重命名为Draw),底层用来绘制草图 (重命名为Sketch)

Illustrator绘制萌萌的青蛙柯密特图标,PS教程,图老师教程网

第2步

用融合笔工具(Shift + B)在 Sketch图层中来画一个草图。如果你有数位板的话会容易很多,如果没有平板,你也可以用铅笔勾勒一个草图,然后用摄像头拍下来或是把它扫描进去。 不用画太多细节,只需注意比例和构成,之后你可以进行任何必要的调整。

Illustrator绘制萌萌的青蛙柯密特图标,PS教程,图老师教程网

第3步

把草图的不透明度调整为40%并锁住Sketch图层。

Illustrator绘制萌萌的青蛙柯密特图标,PS教程,图老师教程网

二、画头

第1步

柯密特的头是一个正圆,所以选择椭圆工具(L),按住Shift键,画一个正圆。

Illustrator绘制萌萌的青蛙柯密特图标,PS教程,图老师教程网

第2步

嘴的部分我们先画一个椭圆,再进行其他的调整。

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

Illustrator绘制萌萌的青蛙柯密特图标,PS教程,图老师教程网

第3步

现在我们来分解嘴巴部分的形状:

• 复制上一步绘制的椭圆,将复制的椭圆置于原椭圆的下方。(a)

• 选中两个椭圆,选择路径寻找器面板中的交集(b)

• 使用直接选择工具(A),选择锚点,上/下拖动,增加曲线的弯曲度。(c)

• 复制(Control + C),粘贴到最前面 (Control + F), 选择橡皮擦工具(Shift + E), 按住Alt键拖出一个矩形框,从而擦掉复制图形的上半部分。(d)

• 用椭圆工具(L)画一个正圆并把它放在中间直线的中央(e)

• 选中正圆和(d)中复制的椭圆,选择路径寻找器面板中的交集,得到一个半圆。(f)

Illustrator绘制萌萌的青蛙柯密特图标,PS教程,图老师教程网

第4步

现在来画眼睛。画一个椭圆,将其旋转45度。 用融合笔工具(Shift + B),沿着椭圆的左上方画一条线,然后再画一根垂直线,与前一根线构成一个十字。选中这个十字和椭圆,选择路径寻找器面板中的交集。

Illustrator绘制萌萌的青蛙柯密特图标,PS教程,图老师教程网

第5步

复制眼睛,水平翻转。将复制的眼睛放置到头的另一侧,如下图。

Illustrator绘制萌萌的青蛙柯密特图标,PS教程,图老师教程网

三、绘制脖子和身体

第1步

用矩形工具(M)和三角形来绘制脖子。按照下面的步骤进行绘制。

Illustrator绘制萌萌的青蛙柯密特图标,PS教程,图老师教程网

第2步

身体部分十分简单:

• 用圆角矩形工具画一个圆角矩形(a)

• 选择橡皮擦工具(Shift + E),按住Alt键拖出一个矩形框,从而擦除形状的底端部分。(b)

• 用直接选择工具(A)选择下方的锚点,选择缩放工具(S),像图中那样调整节点。(c)

Illustrator绘制萌萌的青蛙柯密特图标,PS教程,图老师教程网

第3 步

我们的柯密特已经基本成形啦!现在,让我们为它加上手臂和标语。

Illustrator绘制萌萌的青蛙柯密特图标,PS教程,图老师教程网

四、绘制手臂和标语

第1步

我们用圆角矩形的角来绘制手臂。删除左上角的路径(可用路径橡皮擦工具,译者注),加粗描边,然后选择对象扩展。

Illustrator绘制萌萌的青蛙柯密特图标,PS教程,图老师教程网

第2步

手掌的绘制也从一个圆角矩形开始(a)。选择直线工具 () ,绘制一根斜线 (b) ,用镜像工具(O)复制出另一根手指(c)(选中手指,选择镜像工具,按住Alt键单击手指下端的锚点,弹出窗口,选择垂直,单击复制。译者注),绘制中间的手指(d),用钢笔工具(P)画一根弯曲的线作为拇指(e)。最后, 扩展手指(f),选中整个手掌,选择路径寻找器面板中的合集。

Illustrator绘制萌萌的青蛙柯密特图标,PS教程,图老师教程网

第3步

把绘制好的手臂和手掌移动到合适的位置,柯密特已经看起来越来越完整啦。下一步添加标语。

Illustrator绘制萌萌的青蛙柯密特图标,PS教程,图老师教程网

第4步

跟着下面的图解来绘制丝带形状。之后用文字工具(T)来添加文字。 我用的字体是AI自带的Myriad Pro。将文字转换为轮廓 (Control + Shift + O) ,(右键,ungroup,译者注)然后用直接选择工具(A)给字母R 和A 变形。

如果你不知道哪里有高质量英文字体,赶紧戳:《字体福利!23款新鲜高品质字体打包下载》

Illustrator绘制萌萌的青蛙柯密特图标,PS教程,图老师教程网

Illustrator绘制萌萌的青蛙柯密特图标,PS教程,图老师教程网

第5步

现在初步绘制工作就完成了,可以开始上色和刻画细节了。

Illustrator绘制萌萌的青蛙柯密特图标,PS教程,图老师教程网

五、上色和细节刻画

第1步

这是我们即将要用到的调色板。我制作了一些方形色块并把它们放在柯密特旁边。

Illustrator绘制萌萌的青蛙柯密特图标,PS教程,图老师教程网

第2步

在接下来的步骤中,用吸管工具(I),吸取左边的颜色给形状上色。

Illustrator绘制萌萌的青蛙柯密特图标,PS教程,图老师教程网

第3步

利用复制形状和路径寻找器面板,按下面的位置给图像添加阴影,用椭圆工具绘制圆给手肘添加关节,给上嘴唇添加高光。

Illustrator绘制萌萌的青蛙柯密特图标,PS教程,图老师教程网

第4步

锁住包含标语的图层(Ctrl+2)。用直线工具 () 在图的中央画一条线。选择路径寻找器面板中的分割。

Illustrator绘制萌萌的青蛙柯密特图标,PS教程,图老师教程网

第5步

用直接选择工具(A)选择图像的一半,选择重新着色图稿。

Illustrator绘制萌萌的青蛙柯密特图标,PS教程,图老师教程网

第6步

在重新着色图稿面板中,单击编辑, 把小链子选中,从而同时改变所有颜色。填入数值H:10, S: 70, B: 80。

Illustrator绘制萌萌的青蛙柯密特图标,PS教程,图老师教程网

希望大家在绘制的过程中能学到了很多小技巧。

Illustrator绘制萌萌的青蛙柯密特图标,PS教程,图老师教程网

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

延伸阅读
《英雄萌萌哒》升级攻略 各位《英雄萌萌哒》的朋友们现在找到这篇攻略估计也是新手阶段,在这个时候可能你还没有三星的英雄,更没有什么让自己有多强大的装备,不过行与不行全看你自己,以下为大家解析新手升级攻略。 升级秘籍一:不辞劳苦打副本 之所以把打副本放在第一位,是因为通...
如何拍出萌萌的宝宝照片   毛小姐第一次公开在公众平台写原创分享文,有点小害羞。我平日主要拍摄人像方面,以后多分享我的心得,言归正传,有不同意见大家可以通过微信平台与我交流。个人微信:nickole901219。公众微信平台:我看见。 我喜欢拍摄宝宝照片,因为那可以记录最初最真实的美好与感动,相信每位摄友都希望可以自己亲...
标签: PS
PS绘制非常萌的冰淇淋形象物   教程虽然没有介绍冰淇淋的每一个细节的制作方法,不过作者列出了每一个部件的大致画法,只要掌握了思路,慢慢尝试就可以画出来。 最终效果 一、部位分解: 二、步骤分解: tulaoshi.com 三、画法解析: 新建文档的分辨率设置高一些,画出来的图比较精细...
萌萌的萝莉简笔画教学视频 对于萝莉的定义每个人可能稍有不同,但大家都认同的萝莉一定是超级萌以及年龄较小的小女孩,萝莉有着萌萌的外表、天真烂漫的内心,轻而易举地就戳中了人的萌点,那我们今天就来学习一下怎么画一个可爱带翅膀的小萝莉吧! 萌萌的萝莉简笔画教程 1、先用瓶盖画一个圆形,右边留一个大缺口。 2、画出萝莉的...
萌店如何设置萌店号   萌店如何设置萌店号?小伙伴们在萌店出售商品应该有一段时间了吧?最近好多小伙伴跟小编说萌店怎么设置萌店号,不知道怎么设置萌店号没关系,现在小编就教小伙伴们萌店怎么设置萌点号。 1)打开萌店,点击右下角的然后点击; 2)点击下方的然后输入萌店号然后记得点击哦。

经验教程

278

收藏

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