教学 原创：鼠绘矢量卡通之三：绿豆蛙

linsi

鼠绘矢量卡通之三：绿豆蛙
作者：linsi@readfree.net
2007-11-20




一、前言

　　这几天一直懒懒的不太愿意动手，可能是天气的影响吧，北方寒冷的气温让人都有一种想过冬眠的感觉，昨天更是下起了入冬来的第一场雪。下午透过窗户看到外面白雪一片，本来想在园地发个帖子庆祝一下，可惜看到已经某人捷足先登了，该帖子起的名字不太雅(过了一会该帖消失)，顿时没有回帖参与的兴趣。

　　无论怎样，寒冬已经来临，如果人类可以冬眠，希望大家冬眠的只是身体，思想和创新永远都不要停止……

　　言归正传，今天我们将要提到的主角是一只超级无敌粉可爱的大青蛙――LEON，我第一次看到这个卡通形象是2004年，几乎各大论坛都有发这个可爱的家伙的“玉照”，连我办的论坛里也不例外。我当时特别喜欢它，还在电脑里收集了不少。 后来硬盘坏过一次，又正好有很多事要忙，也就把他给忘了。 如果大家想看LEON的详细介绍和卡通图片，可以登录绿豆蛙的官方网站/社区“绿豆蛙de魔法面包房”[1]。

　　在写本文之前百度了一下，发现最近在网上已有讲述如何绘画卡通绿豆蛙的帖子，但为了我这几个教程的完整性，我还是想坚持把它写完。如果大家想看那个教程，请参阅：Illustrator绘矢量卡通形象：可爱绿豆蛙[2]。


二、青蛙的大肚子

1. 在画之前先点击菜单：视图/显示标尺，用鼠标拉动画板上方和左边的标尺刻度，就可以拉出标尺参考线，将它们交叉到屏幕中心。选择椭圆工具，按住Alt键，以参考线的交叉点作为圆心，画一个圆。



2. 由于这个形象会有一个跳跃的动作，用白箭头将圆形的右边和下边稍作调整，然后填充颜色：RGB(0,102,0)，取消描边。



3. 选中当前图层，点击菜单：对象/缩放，按100%复制同等大小的图层，以颜色RGB(114,199,38)填充。再用菜单：对象/缩放，按99%大小调整图形大小，用鼠标调整位置到下图所示。



4. 选中新复制图层，点击网格工具，给它添加渐变网格如下，这个过程麻烦一些，如果觉得不满意，可以用菜单编辑/恢复，直到效果满意为止。阴影部分颜色为（54,158,18），高光部分颜色（202,254,0）。




三、眼睛部分

5. 绿豆蛙的眼睛是表情动作最丰富的一个部分，虽然它最满意的部位是它的手[3]（爪子？）。
　　还是用椭圆工具，画一个圆，以填充颜色（215,217,216），描边颜色（0，102，0），描边宽度为3px，调整形状为如下图。复制该图层，将新图层设置为填充白色，无描边，用黑箭头调整它的大小和位置，即得到眼白部分。




6. 选择眼白部分，执行菜单：效果/风格化/羽化，半径为12像素。用椭圆工具画一小圆作为绿豆蛙的绿豆眼珠，填充颜色（63，63，63），无描边。将以上三个部分选中，Ctrl+G进行组合。




7. 选中刚才画的眼睛，菜单：对象/变换/对称，垂直，点击复制，得到左眼。将它移动与右眼对象。




8. 画眉毛。先画一个椭圆，再在上面画另外一个椭圆，选择两个椭圆，点击“区域相减”，再点击扩展按钮，就生成了右边的眉毛。选中眉毛，按住Alt键，将刚才画的眉毛拖动到一边，得到另外一条眉毛，然后调整它的角度和位置。






四、嘴巴部分

9. 分别在左右画两个椭圆，中间再画一个矩形，都为填充色（83,163,40），描边色（10,10,10），选中三个部分，在路径查找面板中选择区域相加，再点击扩展按钮。然后，用钢笔工具对生成的图形进行调整到满意。

linsi

　　　　　　　　　　　　　

五、四肢

10. 用钢笔画一个三角形，填充颜色（119,201,39），描边颜色（0,102,0），描边宽度4像素，将三角稍做弧形调整。用椭圆工具画一个小圆，描边宽度2像素。填充为径向渐变，颜色值如下。




11. 将该渐变圆复制三个，以三角形的左上角为中心摆放好。即得到右手，将他们组合。点击菜单：对象/变换/对称，垂直复制。得到另外一只手。




12. 用椭圆工具画一椭圆，调整位置，给它填充渐变色（如下图，深色为49,154,26），描边大小为8像素，描边颜色为（0,102,0）。将该图形等比复制，取消描边，使用网格工具，给添加颜色（159,236,62），如下图。

  


13. 用钢笔在刚才画的图形下面添加一个三角形，描边5px，颜色（0,102,0），填充色为（116,201,38），调整形状到合适并将它下上面的图形组合。
选中刚才组合的对象，点击菜单：对象/转换/对称，垂直，复制。




六、最后的处理

14. 至此，绿豆蛙的各个主要部件都已经完成，将刚才画的部分全部打开并且拼合在一起，查看一下轮廓图和效果图。




15. 发现绿豆蛙特色的纹身没有了，用铅笔画出形状，给手脚上添加上纹身。纹身颜色为（85,192,25），将它们设置为“正片叠底”。查看一下其他的线条，是否走线效果合理，做一下微弱的调整，还可以用炭笔笔触对线条进行美化，最后效果如下。






References:
[1] 绿豆蛙de魔法面包房[EB/OL]. http://www.uuwow.com/home.asp, 2007.
[2] 天极网. Illustrator绘矢量卡通形象：可爱绿豆蛙[EB/OL]. , 2007.
[3] 森林木木. 绿豆蛙简介[EB/OL]. http://post.baidu.com/f?kz=111156441, 2006.

linsi

为了阅读文件，请下载pdf格式文档。

brad789

强赞一个！自忖学不会.....

jcwx

看似简简单单的一个图，要动手做起来真麻烦啊。

风云007

linsi找到了生财之道啊，恭喜

linsi

引用第5楼风云007于2007-11-21 15:20发表的 :
linsi找到了生财之道啊，恭喜

风云兄见笑。。。论坛鼓励原创首发，而弟又刚好会个一招半式，就拿出来献丑了，：）

白马西北驰

哈哈，笨人学不会，来捧个人场

resonance

支持一个。

飞雪伊人

噢，麦高滴，楼主太聪明了，以后要向你学习学习了，收藏此帖，慢慢学

曼迪

娃哈哈，我好喜欢这个咚咚
可惜画不来

绿豆蛙太可爱了.

estd_ray

不会画，只能跟帖欣赏

xbxxbx

哇！真好看啊！过程详细啊！

ajianjian

有才的捧个才场，有人的捧个人场，我吼一声
好

tipwinner

书园是个好地方~
高手如云
想学什么都可以~