
任务二 绘制卡通小图标
本节通过绘制一个卡通图标来介绍基本绘图工具的应用。
【步骤图解】
卡通图标的绘制过程示意图如图1-16所示。

图1-16 卡通图标的绘制过程示意图
【设计思路】
首先利用【椭圆形】工具绘制图形,并利用【透明度】工具
制作高光效果,然后结合旋转、复制、缩放和修剪等操作绘制出卡通的眼睛和嘴巴,最后添加投影效果,即可完成卡通图标的绘制。
【步骤解析】
STEP 1 执行【文件】/【新建】命令(快捷键为Ctrl+N组合键),新建一个图形文件。
STEP 2 选择工具,按住Ctrl键,在页面可打印区中拖曳,绘制出如图1-17所示的圆形。

图1-17 绘制的圆形
STEP 3 将鼠标光标移动到调色板如图1-18所示的色块上单击,为圆形填充深黄色,然后将鼠标光标移动到调色板中的“”图块上单击鼠标右键,将图形的外轮廓线去除,此时的圆形如图1-19所示。

图1-18 鼠标光标单击的色块

图1-19 填充颜色后的图形
【知识链接】
在【调色板】中单击任意一种颜色色块,可以将其设置为所选图形的填充色;在任意颜色色块上单击鼠标右键,可以将其设置为所选图形的轮廓色;在顶部的按钮上单击,可以删除所选图形的填充色;在
按钮上单击鼠标右键,可以删除所选图形的轮廓色。
STEP 4 继续利用工具绘制出如图1-20所示的椭圆形。

图1-20 绘制的椭圆形
STEP 5 选择工具,将鼠标光标移动到圆形的左上方位置,按下鼠标左键并向右下方拖曳,状态如图1-21所示,将两个图形同时选择。

图1-21 框选图形形态
【知识链接】
利用【挑选】工具选择图形有两种方法:一种是在要选择的图形上单击,另一种是框选要选择的图形。用单击的方法选择图形,单击一次只能选择一个图形,这种方法适合选择指定的单一图形;用框选的方法选择图形,一次可以选择多个图形,这种方法适合选择相互靠近的多个图形。
知识提示
用框选的方法,拖曳出的蓝色虚线框必须要将需要选择的图形全部包围,没包围的图形将不被选择。
【挑选】工具结合键盘上的辅助键,还具有以下几种选择方式。
● 按住Shift键单击其他图形,是添加选取图形;按住Shift键单击已选取的图形,则是取消选取。
● 按住Alt键拖曳鼠标光标,拖曳出的蓝色虚线框所接触的图形都会被选择。
● 当许多图形重叠在一起时,按住Alt键,依次单击鼠标左键,可以由上至下依次选择图形。
● 按Ctrl+A组合键或双击工具,可以将绘图窗口中所有的图形同时选取。
● 按Tab键,可以选取绘图窗口中最后绘制的图形。如果继续按Tab键,则可以按照绘制图形的顺序,从后向前选择绘制的图形。
STEP 6 单击属性栏中的按钮,在弹出的【对齐与分布】泊坞窗中,单击
按钮,将选择的两个图形在水平方向上以垂直轴对齐,如图1-22所示。

图1-22 对齐后的形态
知识提示
单击按钮或执行【排列】/【对齐和分布】菜单下的子命令,可以精确地将所选择的图形按指定的方式对齐和分布。其中【对齐】属性可以使选择的图形在水平方向、垂直方向以及中心位置等对齐。【分布】属性可以使选择的图形在指定的方向按照一定的间距分布。
STEP 7 利用工具单击上方的椭圆形,将其选择,然后将鼠标光标移动到【调色板】中的“白”色块上单击,为其填充白色,再将鼠标光标移动到调色板中的“
”图块上单击鼠标右键,将图形的外轮廓线去除,如图1-23所示。

图1-23 椭圆形填充后的效果
STEP 8 在工具箱中的【调和】按钮上按下鼠标左键不放,在弹出的隐藏工具组中选择【透明度】工具
,然后将鼠标光标移动到椭圆形的上方,按下鼠标左键并向下拖曳,为其添加交互式透明效果,如图1-24所示。

图1-24 添加的交互式透明效果
知识提示
【透明度】工具的主要功能是为选择的图形、文字或位图图像添加透明效果。
STEP 9 选择工具,在添加交互式透明后的椭圆形上再绘制出如图1-25所示的倾斜椭圆形。

图1-25 绘制的椭圆形
STEP 10 为绘制的倾斜椭圆形填充白色,并去除外轮廓,然后单击按钮,并为其添加如图1-26所示的交互式透明效果。

图1-26 添加的交互式透明效果
STEP 11 继续利用工具,绘制出如图1-27所示的椭圆形。

图1-27 绘制的椭圆形
STEP 12 将鼠标光标移动到椭圆形的中心位置,当鼠标光标显示为移动符号时,按住Shift键,同时按下鼠标左键并向下拖曳,将图形垂直向下移动,状态如图1-28所示。

图1-28 移动图形时的状态
STEP 13 移动至合适位置后,在不释放鼠标左键的情况下单击鼠标右键,移动复制出一个椭圆形,如图1-29所示。

图1-29 移动复制出的椭圆形
知识提示
复制图形操作,除了此处讲解的“移动复制”外,还有“旋转复制”和“镜像复制”,这些操作将在下面的操作步骤中出现,希望读者注意。
STEP 14 将鼠标光标放置到选择图形右侧中间的控制点上,当鼠标光标显示为形状时按下鼠标左键,然后按住Shift键,并向右拖曳,将图形以中心点在水平方向上对称缩放,状态如图1-30所示。

图1-30 缩放图形状态
【知识链接】
利用工具调整图形大小(缩放图形)的方法,主要有以下几种。
● 选择要缩放的图形,然后将鼠标光标放置在图形四边中间的控制点上,当鼠标光标显示为或
形状时,按下鼠标左键并拖曳,可将图形在水平或垂直方向上缩放。
● 将鼠标光标放置在图形四角位置的控制点上,当鼠标光标显示为或
形状时,按下鼠标左键并拖曳,可将图形等比例放大或缩小。如按住Alt键拖曳鼠标光标,可将图形进行自由缩放。
● 在缩放图形时,按住Shift键拖曳鼠标光标,可将图形分别在x、y或xy方向上对称缩放。
STEP 15 缩放至合适形状后释放鼠标,然后选择工具,并按住Shift键,单击上方的椭圆形,将两个图形同时选择,状态如图1-31所示。

图1-31 选择的图形
STEP 16 单击属性栏中的按钮,用复制出的图形对原图形进行修剪,效果如图1-32所示。

图1-32 修剪后的图形
【知识链接】
利用【挑选】工具同时选择两个或两个以上的图形时,即可利用属性栏中的修整按钮对图形进行修整。单击相应的按钮,可以对选择的图形分别执行合并、修剪、相交、简化、前减后、后减前和创建边界操作。
● 单击属性栏中的【合并】按钮或执行【排列】/【造形】/【合并】命令,可将选择的图形焊接为一个整体图形。
● 单击属性栏中的【修剪】按钮或执行【排列】/【造形】/【修剪】命令,可对选择的图形进行修剪运算,产生一个相减后的图形形状。
● 单击属性栏中的【相交】按钮或执行【排列】/【造形】/【相交】命令,可对选择的图形进行相交运算,产生一个相交后的图形形状,即将多个图形中未重叠的部分删除,只保留重叠的图形。
知识提示
利用【合并】、【修剪】和【相交】命令对选择的图形进行修整处理时,最终图形的属性与选择图形时的方式有关。当按住Shift键依次单击选择图形时,新图形的属性与最后选择的图形属性相同;当用框选的方式选择图形时,新图形的属性将与最下面的图形属性相同。
● 单击属性栏中的【简化】按钮或执行【排列】/【造形】/【简化】命令,可将选择的图形简化。此命令的功能与【修剪】命令的功能相似,但此命令可以同时作用于多个重叠的图形。
● 单击属性栏中的【移除后面对象】按钮或执行【排列】/【造形】/【移除后面对象】命令,可将图形前后重叠的部分修剪,只保留后面图形不重叠的部分。新图形的属性与下方图形的属性相同。
● 单击属性栏中的【移除前面对象】按钮或执行【排列】/【造形】/【移除后面对象】命令,可将图形前后重叠的部分修剪,只保留前面图形不重叠的部分。新图形的属性与上方图形的属性相同。
● 单击属性栏中的【创建边界】按钮或执行【效果】/【造形】/【边界】命令,可根据选择的图形的外边界创建一个新的图形。
STEP 17 为修剪后的图形填充黑色,并去除外轮廓,效果如图1-33所示。

图1-33 填充颜色后的图形
STEP 18 用与步骤12~步骤13相同的复制方法,将修剪后的图形水平向右移动复制,复制出的图形如图1-34所示。

图1-34 移动复制出的图形
STEP 19 选择工具,再绘制出如图1-35所示的椭圆形。

图1-35 绘制的椭圆形
STEP 20 单击属性栏中的按钮,将椭圆形转换为弧线,然后设置【起始和结束角度】选项为
,【轮廓宽度】选项为
,设置后的弧线形态如图1-36所示。

图1-36 设置后弧线形态
STEP 21 按住Ctrl键,继续利用工具绘制圆形,然后选择
工具,并绘制出如图1-37所示的矩形。

图1-37 绘制的圆形和矩形
STEP 22 利用工具将圆形和矩形同时选择,然后单击属性栏中的
按钮,用矩形对圆形进行修剪,效果如图1-38所示。

图1-38 修剪后的图形
STEP 23 为修剪后的图形填充黑色,并去除外轮廓,然后将其移动到弧线的右上角位置,并调整至如图1-39所示的大小。

图1-39 图形调整后的大小及位置
STEP 24 在修剪后的图形上再次单击,使其周围显示出如图1-40所示的旋转和扭曲符号,将鼠标光标放置到右上角的旋转符号处,当鼠标光标显示为符号时,按下鼠标左键并向下拖曳,旋转图形的角度,状态如图1-41所示。

图1-40 显示的旋转符号

图1-41 旋转图形状态
知识提示
旋转图形时,当旋转至合适的角度后,在不释放鼠标左键的情况下单击鼠标右键,可旋转复制出一个图形。
STEP 25 至合适位置后释放鼠标,然后在图形上再次单击,使其周围显示移动符号,并再次将图形调整至如图1-42所示的位置。

图1-42 图形调整后的位置及形态
STEP 26 用移动复制图形的方法,将旋转角度后的图形再移动复制,然后单击属性栏中的按钮,将复制出的图形在水平方向上镜像。
STEP 27 将镜像后的图形向左移动到如图1-43所示的位置。

图1-43 复制图形调整后的位置
知识提示
按住Ctrl键,将鼠标光标放置到选择图形左边中间的控制点上按下并向右拖曳,当显示与原图形相同大小的蓝色边框时,单击鼠标右键,可直接镜像复制图形,此操作及上面的移动复制和旋转复制操作,在实际工作过程中经常运用,希望读者能将其熟练掌握。
至此,卡通图标就绘制完了,下面为卡通图标制作投影效果。
STEP 28 利用工具,在卡通图标的下方绘制椭圆形,然后为其填充“50%黑”的灰色,并去除外轮廓,如图1-44所示。

图1-44 绘制的椭圆形
STEP 29 执行【位图】/【转换为位图】命令,在弹出的【转换为位图】对话框中设置选项及参数如图1-45所示。

图1-45 【转换为位图】对话框
STEP 30 单击按钮,将椭圆形转换为位图,然后执行【位图】/【模糊】/【高斯式模糊】命令,在弹出的【高斯式模糊】对话框中设置选项及参数如图1-46所示。

图1-46 【高斯式模糊】对话框
STEP 31 单击按钮,即可将图形模糊处理,制作出如图1-47所示的投影效果。

图1-47 制作的投影效果
STEP 32 按Ctrl+S组合键,将此文件命名为“卡通.cdr”保存。