下面是小编整理的使用HTML和CSS3绘制基本卡通图案的示例，本文共2篇，欢迎阅读分享，希望对大家有所帮助。
篇1：使用HTML和CSS3绘制基本卡通图案的示例
这篇文章主要介绍了使用CSS3绘制基本卡通图案的示例分享,不过必须承认,这样做的代码量并不是很少...well,需要的朋友可以参考下
纯HTML+CSS实现阿童木头像
先上最终效果图：
在里面主要用的了CSS中的几个属性：position—定位；border-radius—圆角；box-shadow—阴 影；background（linear-gradient）—渐变；transform—旋转和变换；animation —动画，技术点不是很多，主要是细心和耐心，还是直接上最终源码吧。由于考虑浏览器的CSS兼容性，代码比较多。
CSS Code复制内容到剪贴板
纯CSS漫画
”width: 400px; height: 359px; position: relative; margin: 50px auto;“>
”outer-circle“>
”inner-circle“>
”inner-circle-light“>
”header-top“>
”hair-left-1“>
”hair-left-2“>
”hair-light-1“>
”hair-light-1-over“>
”hair-light-2“>
”hair-right-1“>
”hair-right-2“>
”header-left“>
”face-main“>
”face-light-1“>
”face-light-2“>
”face-top“>
”face-right-1“>
”face-bottom-1“>
”face-bottom-1-over“>
”face-bottom-2“>
”face-bottom-2-over“>
”chin“>
”ear“>
”ear-inner-1“>
”ear-inner-2“>
”ear-over“>
”ear-light“>
”eye-left“>
”eye-left-inner“>
”eye-left-light1“>
”eye-left-light2“>
”eye-left-eyelash1“>
”eye-left-eyelash2“>
”eye-left-eyelash3“>
”eye-left-eyelash4“>
”eye-left-eyelash5“>
”eye-right“>
”eye-right-inner“>
”eye-right-light1“>
”eye-right-light2“>
”eye-right-eyelash1“>
”eye-right-eyelash2“>
”eye-right-eyelash3“>
”eye-right-eyelash4“>
”eye-right-eyelash5“>
”right-eyebrow“>
”right-eyebrow-over“>
”left-eyebrow“>
”left-eyebrow-over“>
”nose“>
”nose-tip“>
”nose-over“>
”mouth“>
”mouth-over-1“>
”mouth-over-2“>
”mouth-over-3“>
”mouth-over-4“>
”mouth-tip“>
”mouth-inner“>
”name-lable“>
ASTRO BOY
”name-lable-light">
使用CSS3画出一个叮当猫
如果你经常使用PS或者Flash的话，应该就会知道画个叮当猫是很容易 的事，至少我是这么觉得。但是，用CSS3画出来确实是第一次接触，所以很乐意去尝试一下，对于我这种菜鸟，确实是帮助不少，至少懂得如何去画一个简单的 人物形象出来，再加上一些动画效果，就活了，那就更好玩了！OK，开始之前，先把效果图晒一下：
PS:说实话，我觉得挺可爱的，小时候经常看多啦A梦，突然感觉很亲切，很童真，瞬间年轻了好多，哈哈！热烈的笑脸
首先，先把HTML结构搭建好：
XML/HTML Code复制内容到剪贴板
最好先把叮当猫的整体结构仔细研究一下，这对以后想要自己动手画别的人物形象很有帮助，思路会比较明朗。
接下来，我们按照头部，脖子，身体，脚部分别进行演示。首先将容器wrapper和叮当猫整体做一些基本的样式，叮当猫整体doraemon 设置position为relative，主要是为了便于 子元素/后代元素进行定位。
CSS Code复制内容到剪贴板
.wrapper{
margin:50px0 0500px;
}
.doraemon{
position:relative;
}
头部head的样式，因为叮当猫的头部不是正圆，所以宽高有一点偏差，然后使用border-radius将头部从矩形变成椭圆形，然后再使用径向渐变从右上角给背景来个放射性渐变，然后在加个阴影，使其更有立体感，background：#07bbee;是为了兼容低版本浏览器：
CSS Code复制内容到剪贴板
.doraemon .head {
position:relative;
width:320px;
height:300px;
border-radius:150px;
background:#07bbee;
background: -webkit-radial-gradient(rightrighttop,#fff10%,#07bbee20%,#10a6ce75%,#000);
background: -moz-radial-gradient(rightrighttop,#fff10%,#07bbee20%,#10a6ce75%,#000);
background: -ms-radial-gradient(rightrighttop,#fff10%,#07bbee20%,#10a6ce75%,#000);
border:2pxsolid#555;
box-shadow:-5px10px15pxrgba(0,0,0,0.45);
}
看看效果到底怎么样：
惊讶 shenmgui ,这么丑，别急，慢慢让它活过来：
CSS Code复制内容到剪贴板
/*脸部*/
.doraemon .face {
position:relative;/*让所有脸部元素可自由定位*/
z-index: 2;/*脸在头部背景上面*/
}
/*白色脸底*/
.doraemon .face .white{
width:265px;/*设置宽高*/
height:195px;
border-radius:150px;
position:absolute;/*进行绝对定位*/
top:75px;
left:25px;
background:#fff;
/*此放射渐变也是使脸的左下角暗一些，看上去更真实*/
background: -webkit-radial-gradient(rightrighttop,#fff75%,#eee80%,#99990%,#444);
background: -moz-radial-gradient(rightrighttop,#fff75%,#eee80%,#99990%,#444);
background: –ms-radial-gradient(rightrighttop,#fff75%,#eee80%,#99990%,#444);
}
/*鼻子*/
.doraemon .face .nose{
width:30px;
height:30px;
border-radius:15px;
background:#c93300;
border:2pxsolid#000;
position:absolute;
top:110px;
left:140px;
z-index:3;/*鼻子在白色脸底下面*/
}
/*鼻子上的高光*/
.doraemon .face .nose .light {
width:10px;
height:10px;
border-radius:5px;
box-shadow:19px8px5px#fff;/*通过阴影实现高光*/
}
/*鼻子下的线*/
.doraemon .face .nose_line{
width:3px;
height:100px;
background:#333;
position:absolute;
top:143px;
left:155px;
z-index:3;
}
/*嘴巴*/
.doraemon .face .mouth{
width:220px;
height:400px;
/*通过底边框加上圆角模拟微笑嘴巴*/
border-bottom:3pxsolid#333;
border-radius:120px;
position:absolute;
top:-160px;
left:45px;
}
/*眼睛*/
.doraemon .eyes {
position:relative;
z-index: 3;/*眼睛在白色脸底下面*/
}
/*眼睛共同的样式*/
.doraemon .eyes .eye{
width:72px;
height:82px;
background:#fff;
border:2pxsolid#000;
border-radius:35px35px;
position:absolute;
top:40px;
}
/*眼珠*/
.doraemon .eyes .eye .black{
width:14px;
height:14px;
background:#000;
border-radius:7px;
position:absolute;
top:40px;
}
.doraemon .eyes .left{
left:82px;
}
.doraemon .eyes .rightright{
left:156px;
}
.doraemon .eyes .eye .bleft {
left:50px;
}
.doraemon .eyes .eye .bright {
left:7px;
}
写了这么多样式，结果是怎么样的呢：
生病 怎么看都觉得别扭，哦！还差胡须须和白色脸底的边框呢，咱给补上：
CSS Code复制内容到剪贴板
/*胡须背景，主要用于挡住嘴巴的一部分，不要显得太长*/
.doraemon .whiskers{
width:220px;
height:80px;
background:#fff;
border-radius:15px;
position:absolute;
top:120px;
left:45px;
z-index:2;/*在鼻子和眼睛下面*/
}
/*所有胡子的公用样式*/
.doraemon .whiskers .whisker {
width:60px;
height:2px;
background:#333;
position:absolute;
z-index: 2;
}
/*右上胡子*/
.doraemon .whiskers .rTop {
left:165px;
top:25px;
}
/*右中胡子*/
.doraemon .whiskers .rMiddle {
left:167px;
top:45px;
}
/*右下胡子*/
.doraemon .whiskers .rBottom {
left:165px;
top:65px;
}
/*左上胡子*/
.doraemon .whiskers .lTop {
left: 0;
top:25px;
}
/*左中胡子*/
.doraemon .whiskers .lMiddle {
left: -2px;
top:45px;
}
/*左下胡子*/
.doraemon .whiskers .lBottom {
left: 0;
top:65px;
}
/*胡子旋转角度*/
.doraemon .whiskers .r160 {
-webkit-transform.: rotate(160deg);
-moz-transform.: rotate(160deg);
-ms-transform.: rotate(160deg);
-o-transform.: rotate(160deg);
transform.: rotate(160deg);
}
.doraemon .whiskers .r20 {
-webkit-transform.: rotate(200deg);
-moz-transform.: rotate(200deg);
-ms-transform.: rotate(200deg);
-o-transform.: rotate(200deg);
transform.: rotate(200deg);
}
微笑 这样就对了，看着多舒服啊！趁热打铁，做脖子和身体：
CSS Code复制内容到剪贴板
/*围脖*/
.doraemon .choker {
width:230px;
height:20px;
background:#c40;
/*线性渐变 让围巾看上去更自然*/
background: -webkit-gradient(linear,lefttop,leftbottombottom,from(#c40),to(#800400));
background: -moz-linear-gradient(centertop,#c40,#800400);
background: -ms-linear-gradient(centertop,#c40,#800400);
border:2pxsolid#000;
border-radius:10px;
position:relative;
top: -40px;
left:45px;
z-index: 4;
}
/*铃铛*/
.doraemon .choker .bell {
width:40px;
height:40px;
_overflow:hidden;/*IE6 hack*/
border:2pxsolid#000;
border-radius:50px;
background:#f9f12a;
background: -webkit-gradient(linear,lefttop,leftbottombottom, from(#f9f12a),color-stop(0.5,#e9e11a), to(#a9a100));
background: -moz-linear-gradient(top,#f9f12a,#e9e11a75%,#a9a100);
background: -ms-linear-gradient(top,#f9f12a,#e9e11a75%,#a9a100);
box-shadow: -5px5px10pxrgba(0,0,0,0.25);
position:absolute;
top:5px;
left:90px;
}
/*双横线*/
.doraemon .choker .bell_line {
width:36px;
height:2px;
background:#f9f12a;
border:2pxsolid#333;
border-radius:3px3px0 0;
position:absolute;
top:10px;
}
/*黑点*/
.doraemon .choker .bell_circle{
width:12px;
height:10px;
background:#000;
border-radius:5px;
position:absolute;
top:20px;
left:14px;
}
/*黑点下的线*/
.doraemon .choker .bell_under{
width:3px;
height:15px;
background:#000;
position:absolute;
left:18px;
top:27px;
}
/*铃铛高光*/
.doraemon .choker .bell_light{
width:12px;
height:12px;
border-radius:10px;
box-shadow:19px8px5px#fff;
position:absolute;
top:-5px;
left:5px;
opacity:0.7;
}
/*身子*/
.doraemon .bodys {
position:relative;
top: -310px;
}
/*肚子*/
.doraemon .bodys .body {
width:220px;
height:165px;
background:#07beea;
background: -webkit-gradient(linear,rightrighttop,lefttop,from(#07beea),color-stop(0.5,#0073b3),color-stop(0.75,#00b0e0), to(#0096be));
background: -moz-linear-gradient(rightrightcenter,#07beea,#0073b350%,#00b0e075%,#0096be100%);
background: -ms-linear-gradient(rightrightcenter,#07beea,#0073b350%,#00b0e075%,#0096be100%);
border:2pxsolid#333;
position:absolute;
top:265px;
left:50px;
}
/*白色肚兜*/
.doraemon .bodys .wraps {
width:170px;
height:170px;
background:#fff;
background: -webkit-gradient(linear,rightrighttop,leftbottombottom, from(#fff),color-stop(0.75,#fff),color-stop(0.83,#eee),color-stop(0.90,#999),color-stop(0.95,#444), to(#000));
background: -moz-linear-gradient(rightrighttop,#fff,#fff75%,#eee83%,#99990%,#44495%,#000);
background: -ms-linear-gradient(rightrighttop,#fff,#fff75%,#eee83%,#99990%,#44495%,#000);
border:2pxsolid#000;
border-radius:85px;
position:absolute;
left:72px;
top:230px;
}
/*口袋*/
.doraemon .bodys .pocket {
width:130px;
height:130px;
border-radius:65px;
background:#fff;
background: -webkit-gradient(linear,rightrighttop,leftbottombottom, from(#fff),color-stop(0.70,#fff),color-stop(0.75,#f8f8f8),color-stop(0.80,#eee),color-stop(0.88,#ddd), to(#fff));
background: -moz-linear-gradient(rightrighttop,#fff,#fff70%,#f8f8f875%,#eee80%,#ddd88%,#fff);
background: -ms-linear-gradient(rightrighttop,#fff,#fff70%,#f8f8f875%,#eee80%,#ddd88%,#fff);
border:2pxsolid#000;
position:absolute;
top:250px;
left:92px;
}
/*挡住口袋一半*/
.doraemon .bodys .pocket_mask {
width:134px;
height:60px;
background:#fff;
border-bottom:2pxsolid#000;
position:absolute;
top:259px;
left:92px;
}
好吧，脖子和身子都有啦！上图：
现在看起来有点像摆设品，不过笑容还是那么单纯，好了，赶紧把手脚做出来：
CSS Code复制内容到剪贴板
/*左右手*/
.doraemon .hand_right, .doraemon .hand_left {
height:100px;
width:100px;
position:absolute;
top:272px;
left:248px;
}
/*左手*/
.doraemon .hand_left {
left: -10px;
}
/*手臂公共部分*/
.doraemon .arm {
width:80px;
height:50px;
background:#07beea;
background: -webkit-gradient(linear,lefttop,leftbottombottom, from(#07beea),color-stop(0.85,#07beea), to(#555));
background: -moz-linear-gradient(centertop,#07BEEA,#07BEEA85%,#555);
background: -ms-linear-gradient(centertop,#07BEEA,#07BEEA85%,#555);
border:1pxsolid#000000;
box-shadow: -10px7px10pxrgba(0, 0, 0, 0.35);
z-index: -1;
position:relative;
}
/*右手手臂*/
.doraemon .hand_right .arm {
top:17px;
-webkit-transform.: rotate(35deg);
-moz-transform.: rotate(35deg);
-ms-transform.: rotate(35deg);
-o-transform.: rotate(35deg);
transform.: rotate(35deg);
}
/*左手手臂*/
.doraemon .hand_left .arm {
top:17px;
background:#0096be;/*背光一面使用纯色，使其有立体感*/
box-shadow:5px-7px10pxrgba(0, 0, 0, 0.25);
-webkit-transform.: rotate(145deg);
-moz-transform.: rotate(145deg);
-ms-transform.: rotate(145deg);
-o-transform.: rotate(145deg);
transform.: rotate(145deg);
}
/*圆形手掌公共部分*/
.doraemon .circle{
width:60px;
height:60px;
border-radius:30px;
border:2pxsolid#000;
background:#fff;
background: -webkit-gradient(linear,rightrighttop,leftbottombottom, from(#fff),color-stop(0.5,#fff),color-stop(0.70,#eee),color-stop(0.8,#ddd), to(#999));
background: -moz-linear-gradient(rightrighttop,#fff,#fff50%,#eee70%,#ddd80%,#999);
background: -ms-linear-gradient(rightrighttop,#fff,#fff50%,#eee70%,#ddd80%,#999);
position:absolute;
}
/*右手手掌*/
.doraemon .hand_right .circle{
left:40px;
top:32px;
}
/*左手手掌*/
.doraemon .hand_left .circle{
left: -20px;
top:32px;
}
/*手臂和身体结合处，使用背景遮住边框*/
.doraemon .arm_rewrite {
height:45px;
width:5px;
background:#07beea;
position:relative;
}
/*右手结合处*/
.doraemon .hand_right .arm_rewrite {
top: -45px;
left:22px;
}
/*左手结合处*/
.doraemon .hand_left .arm_rewrite {
top: -45px;
left:60px;
background:#0096be;/*同理，背光一面使用纯色，使其有立体感*/
}
/*脚部*/
.doraemon .foot {
width:280px;
height:40px;
position:relative;
top:55px;
left:20px;
}
/*左右脚共同样式*/
.doraemon .foot .left, .doraemon .foot .rightright{
width:125px;
height:30px;
background:#fff;
background: -webkit-gradient(linear,rightrighttop,leftbottombottom, from(#fff),color-stop(0.75,#fff),color-stop(0.85,#eee), to(#999));
background: -moz-linear-gradient(rightrighttop,#fff,#fff75%,#eee85%,#999);
background: -ms-linear-gradient(rightrighttop,#fff,#fff75%,#eee85%,#999);
border:2pxsolid#333;
border-radius:80px60px60px40px;
box-shadow: -6px010pxrgba(0, 0, 0, 0.35);
position:relative;
}
.doraemon .foot .left{
left:8px;
top:65px;
}
.doraemon .foot .rightright{
top:31px;
left:141px;
}
/*双脚之间的缝隙，加阴影使用立体感*/
.doraemon .foot .foot_rewrite {
width:20px;
height:10px;
background:#fff;
background: -webkit-gradient(linear,rightrighttop,leftbottombottom, from(#666),color-stop(0.83,#fff), to(#fff));
background: -moz-linear-gradient(rightrighttop,#666,#fff83%,#fff);
background: -ms-linear-gradient(rightrighttop,#666,#fff83%,#fff);
/*制作半圆效果*/
border:2pxsolid#000;
border-bottom:none;
border-radius:40px40px0 0;
position:relative;
top: -11px;
left:130px;
_left:127px;
}
好了，最后完整结果：
看一下，效果是不是和一开始的一样呢 大笑 ，虽然做好了，但是还是可以让它动起来的，比如眼睛，我们可以给它加个动画效果，让眼睛转动起来：
CSS Code复制内容到剪贴板
/*眼珠*/
.doraemon .eyes .eye .black{
width:14px;
height:14px;
background:#000;
border-radius:7px;
position:absolute;
top:40px;
-webkit-animation: eyemove 3s linear infinite;
-moz-animation: eyemove 3s linear infinite;
-ms-animation: eyemove 3s linear infinite;
-o-animation: eyemove 3s linear infinite;
animation: eyemove 3s linear infinite;
}
/*让眼睛动起来*/
@-webkit-keyframes eyemove {
70%{
margin:0 0 0 0;
}
80% {
margin: -22px0 0 0;
}
85% {
margin: -22px0 05px;
}
90% {
margin: -22px10px0 0;
}
93% {
margin: -22px0 0 0;
}
96% {
margin: 0 0 0 0;
}
}
@-moz-keyframes eyemove {
70% {
margin: 0 0 0 0;
}
80% {
margin: -22px0 0 0;
}
85% {
margin: -22px0 05px;
}
90% {
margin: -22px10px0 0;
}
93% {
margin: -22px0 0 0;
}
96% {
margin: 0 0 0 0;
}
}
@-o-keyframes eyemove {
70% {
margin: 0 0 0 0;
}
80% {
margin: -22px0 0 0;
}
85% {
margin: -22px0 05px;
}
90% {
margin: -22px10px0 0;
}
93% {
margin: -22px0 0 0;
}
96% {
margin: 0 0 0 0;
}
}
@keyframes eyemove {
70% {
margin: 0 0 0 0;
}
80% {
margin: -22px0 0 0;
}
85% {
margin: -22px0 05px;
}
90% {
margin: -22px10px0 0;
}
93% {
margin: -22px0 0 0;
}
96% {
margin: 0 0 0 0;
}
}
OK，这样，眼睛就会动了，有兴趣的可以试一下，这里就无法展示了，
但是如果你有什么更好的动画效果也可以尝试，那么这个案例就结束了。
PS：虽然这只是一个案例，不过确实帮助我开阔思维，而且其实做一个这样的效果，可能会花费很多时间，至少对我来说目前确实是这样子，主要难点还是布局定位和颜色的合理搭配，才能使形象更加逼真生动！
篇2：CDR教程教你绘制卡通小马图案
CorelDRAW教程 教你绘制卡通小马图案
在我们这张卡通画中，大部分对象都是由椭圆转化为来的，这样，在转化为曲线时就会有更多的灵活性，也不用为参差的锯齿担心，在你刚开始进行创作时，要时时记得提醒自己转化这一步，熟练以后，自然而然就不会忘记了。
1.启动CorelDRAW，打开一张空白画布，点击属性条最左边的纸张类型，默认的页面是A4大小的纸张，点击下拉箭头，从弹出的类型中选择Letter。
2.在画布上用椭圆工具画一个细长的椭圆，转化为曲线后，在椭圆的顶部添加节点后，将其顶端拉高，使椭圆看起来显得尖锐。把它填充为淡粉色，作为马的内耳，保留轮廓线。
将这个形状复制，粘贴到原来的位置上，将副本置后。用造型工具调节节点，使它成为马耳的形状，并且适合内耳。填充作为马的皮肤的颜色。完成之后，将这两部分组群，再复制一份，完成另一只耳朵。
绘制马耳朵
3.眼睛和瞳孔都是直接由椭圆形状而来，记住眼珠不要留白，因为你不能保证它的背景永远是白色。眼睑的制作方法我们已经在上一篇中介绍过了，只要用刻刀工具将一个椭圆切去不需要的部分就行了。眉毛我们可以用宽度为4.0pt的贝兹曲线。选取这一部分的所有零件，将它们组群，以免在移动时不小心丢失，复制一个副本，打破组群关系，稍微做些改动，使它看起来有些变化，再组成一个整体。
马的鼻子相当突出，我们用贝兹工具画上合适的线条，用以表示它的鼻端和鼻孔，再将之组群就可以了。
绘制马眼睛
4.接下来是脸部。同样，脸部的形状也是由椭圆曲线转化来的。这一部分的形状比较难以控制，你可以参考一些图片。填充和肤色后，用同色的无轮廓线椭圆覆盖不需要显示线条的地方。用贝兹曲线勾勒出下颌。用大小基本上差不多，填充为白色的几个小矩形安放在马的嘴里，作为牙齿。在安放之前，要记得组群。将眼、耳、鼻分别放置在脸部的合适位置，必要时调整对象叠放顺序。
绘制马脸部
绘制小马上半身
5.马的颈部很长，而且很灵活。我们将一个椭圆转化成如下形状。它不仅包括了颈部，还包括了头部和颈部相接的一部分。所以顶部你没必要画的那么规范，但要能保证头部和颈部之间不会留下空白。注意到颈部中间的那道线条了吗?这是用来表示颈部肌肉的，用0.5pt的贝兹曲线就可以了。
绘制马颈部
6.用椭圆形转化为曲线后，将曲线修改成马鬃的形状，填充较深的颜色。将脸部，五官，颈部和马鬃结合起来，组成完整的马的头颈部。要注意各个部位之间的叠放关系。
绘制马鬃
7.衬衣下覆盖了主要的躯干和前肢，你可以用你觉得合适的基本形状来转化。
图中的两个箭头标示了用多边形工具创造的衬衣的衣领，把它们缩放到适合领口的大小。衬衣左边的袖子是单独的一个形状，右边则由三个基本形状组成。
绘制衬衣
8.将衬衣和颈部连接在一起时，你可能需要再调整一些节点，使衬衣更适合脖子，
将衬衣和颈部连接在一起
9.前蹄是由被转化为曲线的椭圆和梯形组成的，腿的部分和还增添一些节点，通过调整节点来得到下面的形状。
绘制前蹄
10.将两只马蹄分别组群，安置在需要的位置。
将两只马蹄安置在需要的位置
绘制小马下半身
11.后腿的绘制显得稍微复杂了一些，因为我们尽可能的使它坐得舒服些，所以如果它想架起二郎腿的话，我们就要稍稍麻烦些了。将一个椭圆转化为曲线后，添加节点，将它改造为大腿的形状;小腿也是如此;在小腿的下端加上马蹄;最后在膝盖部位添加一个无轮廓线的圆形，填充和腿部相同的颜色，用以遮盖关节处多余的线条。把这条腿的组件全部选择后，放置在衬衣之下，如有不适宜的地方，用造型工具再加调节。合适之后，把这些组件组群，腿部作为一个整体。
绘制后腿
12.这条腿显然是叠在上面的那条，下面我们来绘制另外一条。继续使用造型工具(通过这个例子，相信你对造型工具一定得心应手)，将一个椭圆修改为如下形状，填充颜色后再添加马蹄。下面这条腿看起来比上面的那条小一些，是因为这条腿被压在下面，支撑着另一条腿。在调整好位置后，将这条腿的组件组群。
绘制另外一条腿
13.现在，这匹马只缺尾巴了。和前面一样，单独编辑好了之后，把它镶嵌在合适的部位，再加调整。这样，马的身体就全部完成了。
绘制马尾
绘制其它道具装饰
14.下面的时间里，我们要给这副图添加一些小道具，使画面更加完整。首先是一只小凳子。我们用一个黑色的椭圆作为凳面，把一个白色的矩形加在黑色的矩形上，作为凳腿，白色为高光部分。注意凳腿的高度要配合马腿的长度。将凳腿组群后复制两个副本，放在凳面之下。再用两条矩形把三个凳腿连接在一起。将这几部分全部选择，组成一个整体，置于马身体的后面。
绘制小凳子
15.至于这匹前卫的马“手”中拿的手机，我们只用一个矩形对象和两条不同粗细的轮廓线就可以解决了。同样，将它置于马的后面。
绘制手机
16.我们还要为它创建一个扶手。在彩色的条纹桶形之上，用椭圆转化一个不规则形状，看起来就像松软的垫子被压下去一样，放置在马的胳膊之下。
绘制条纹桶
17.最后，为了增添情趣，我又加了一个对话框。呵!谁知道它在和谁聊天呢?
用coreldraw绘制卡通插画的技巧基本就是这些：转化曲线，调整节点，置后等。作为一个卡通画家，最重要的不是技巧和经验，而是丰富的想象力，保持一颗赤子之心，这样才会使你的创作源泉永不枯竭。
文档为doc格式
