中文版Illustrator CC平面设计案例教程绘制与编辑基本图形第二章使用Illustrator CC绘制作品的过程可以简单分为两步，第一步是使用Illustrator CC提供的工具和命令勾勒出图案的轮廓，第二步是对图案的轮廓进行填色、描边等后续操作本章主要介绍第一步绘制与编辑基本图形轮廓的方法了解路径的组成和分类掌握矩形、圆角矩形、椭圆等几何图形工具的用法掌握直线、弧线、螺旋线及网格工具的用法掌握选择、移动、复制、编组等编辑对象的基本操作本章导读学习目标CONTENTCONTENT绘制卡通插画基本绘图工具绘制设计插画应用线形与网格123案例一案例二案例三本章总结绘制卡通插画对象基本操作of605案例一 绘制卡通插画基本绘图工具第二章 绘制与编辑基本图形本案例首先介绍路径的组成和分类，然后简单介绍基本几何图形绘制工具的特点和用法，最后通过绘制如图所示的卡通插画来练习和巩固所学知识案例说明of606案例一 绘制卡通插画基本绘图工具第二章 绘制与编辑基本图形相关知识一、认识路径路径的组成1路径是由一条或多条直线或曲线路径段，通过锚点连接而成的闭合或开放图形矩形、椭圆、多边形、星形、钢笔、铅笔和画笔等工具都可以创建路径。
路径本身没有宽度和颜色，如图所示of607案例一 绘制卡通插画基本绘图工具第二章 绘制与编辑基本图形锚点锚点分为角点和平滑点两类平滑点有一个或两个控制柄，移动平滑点位置或改变其控制柄的方向和长度，均可改变图形形状路径段是指两个锚点之间的路径部分，又叫线段，分为直线段和曲线段两种其中，两个角点之间的线段为直线段；两个平滑点，或一个角点和一个平滑点之间的线段为曲线段of608案例一 绘制卡通插画基本绘图工具第二章 绘制与编辑基本图形路径的分类2在Illustrator CC中，路径分为开放路径、闭合路径和复合路径3种类型，如图所示of609案例一 绘制卡通插画基本绘图工具第二章 绘制与编辑基本图形开放路径开放路径的起点和终点称为端点，它们互不连接，如直线、弧线、螺旋线等都属于开放路径闭合路径闭合路径没有起点和终点，或起点和终点重合在一起，如矩形、圆形、多边形和星形等复合路径是由两个或两个以上的开放或闭合路径，通过一定的运算方式组合而成的路径用户可对复合路径进行整体操作，如移动、复制或填充等，还可对包含在复合路径中的路径进行独立操作，如调整形状等of6010案例一 绘制卡通插画基本绘图工具第二章 绘制与编辑基本图形 二、绘制基本几何图形矩形工具 、椭圆工具 、多边形工具 等都属于最基本的绘图工具。
选择这几种工具后，在画板中按下鼠标并拖动可自由创建图形of6011案例一 绘制卡通插画基本绘图工具第二章 绘制与编辑基本图形1矩形工具使用“矩形工具”可绘制任意大小的矩形和正方形选择该工具后，按下鼠标左键并拖动可以创建任意大小的矩形，如左上图所示；按住【Alt】键操作，可以单击点为中心向外绘制矩形；按住【Shift】键，可绘制正方形，如右上图所示；按住【Shift+Alt】键，可以单击点为中心向外绘制正方形如果要创建一个指定大小的图形，可以在选择“矩形工具”后，在画板上单击，打开“矩形”对话框设置具体参数，如图下图所示of6012案例一 绘制卡通插画基本绘图工具第二章 绘制与编辑基本图形2圆角矩形工具使用“圆角矩形工具”可以绘制圆角矩形，绘制方法与“矩形工具”相同选择该工具后，在绘图窗口中单击，将打开如图所示的“圆角矩形”对话框，在其中设置圆角矩形的宽度、高度和圆角半径值，单击“确定”按钮，可以精确绘制出所需的圆角矩形提示绘制圆角矩形的过程中，通过按键盘上的方向键可调整圆角半径大小：按住【】键可以增大圆角半径，按住【】键可减小圆角半径；如果按【】或【】键，可对圆角矩形做方圆切换of6013案例一 绘制卡通插画基本绘图工具第二章 绘制与编辑基本图形3椭圆工具使用“椭圆工具”可以绘制任意椭圆，绘制方法与“矩形工具”相同。
选择该工具后，在绘图窗口中单击，将打开如图所示的“椭圆”对话框，在其中设置椭圆宽度和高度值，单击“确定”按钮，可以精确绘制出所需的椭圆图形of6014案例一 绘制卡通插画基本绘图工具第二章 绘制与编辑基本图形4多边形工具使用“多边形工具”可以绘制任意多边形选择该工具后，在绘图窗口中单击，将打开如右图所示的“多边形”对话框，在其中设置半径和边数值，单击“确定”按钮，可以精确绘制出所需的多边形of6015案例一 绘制卡通插画基本绘图工具第二章 绘制与编辑基本图形5星形工具使用“星形工具”可绘制任意星形，如上图所示在绘制过程中，按下【】键或【】键可增加或减少星形角点数；拖拽鼠标可以旋转星形；如果要保持角度不变，可按住【Shift】键操作；如果按住【Alt】键，则可以调整星形拐角的角度，如下图所示提示“星形”对话框中的“半径1”用于指定从星形中心到星形最内点的距离；“半径2”用于指定从星形中心到星形最外点的距离；“角点数”用于指定星形具有的角点数of6016案例一 绘制卡通插画基本绘图工具第二章 绘制与编辑基本图形6光晕工具使用“光晕工具”可以绘制类似镜头光晕或太阳光晕的效果光晕由射线、晕轮、中心控制柄、光圈和末端控制柄组成，如右图所示。
中心控制柄是整个图形中最亮部分的中心，光线即是从该处发出的of6017案例一 绘制卡通插画基本绘图工具第二章 绘制与编辑基本图形绘制光晕打开本书配套素材“素材与实例”“Ph2”文件夹中的“骑自行车的女孩.ai”文件，在工具箱中选择“光晕工具”，然后在页面中适当位置按下鼠标并拖动，确定光晕图形中心控制柄的位置以及射线与晕轮大小，释放鼠标即可完成光晕图形中心的绘制；移动鼠标并在页面中的其他位置单击，确定末端控制柄的位置，完成光晕图形的绘制在绘制过程中按住鼠标左键不放，旋转或拖拉光晕图形末端控制柄，可改变光晕图形的大小和角度，如上图所示效果如下图所示of6018案例一 绘制卡通插画基本绘图工具第二章 绘制与编辑基本图形修改光晕保持光晕图形的选取状态，使用“光晕工具”单击并拖拽中心控制手柄，可移动其位置单击末端控制柄，并在按住鼠标的同时按【】键，可增加光环数量；按【】键，可减少光环数量也可双击“光晕工具”打开“光晕工具选项”对话框，如图所示提示修改光晕时，将光标移至末端控制柄，当光标变为 状时，单击可选中末端控制柄of6019案例一 绘制卡通插画基本绘图工具第二章 绘制与编辑基本图形案例实施绘制卡通插画详细操作步骤请扫描二维码。
of6020案例一 绘制卡通插画基本绘图工具第二章 绘制与编辑基本图形课堂实训绘制六一儿童节卡通插画使用本案例所学知识绘制六一儿童节卡通插画，如图所示本实训最终效果可参考本书配套素材“素材与实例”“Ph2”文件夹中的“六一儿童节插画.ai”of6021案例一 绘制卡通插画基本绘图工具第二章 绘制与编辑基本图形首先新建文档，使用“矩形工具”绘制多个与页面等高的矩形，并使用“颜色”面板为其设置填充色和描边色，接着水平复制矩形，使其充满页面；然后打开本书配套素材“素材与实例”“Ph2”文件夹中的“六一儿童节插画素材.ai”，使用“选择工具”单击选中素材图形并将其复制到新文档窗口中，放置在画面合适位置；接着使用绘图工具绘制多个五角星、三角形和六边形等，并结合“颜色”面板为其设置颜色；最后使用“光晕工具”在图像右上角绘制光晕，并将文件保存成PDF格式CONTENTCONTENT绘制卡通插画基本绘图工具绘制设计插画应用线形与网格123案例一案例二案例三本章总结绘制卡通插画对象基本操作of6023案例二 绘制设计插画应用线形与网格第二章 绘制与编辑基本图形使用Illustrator CC中的直线段工具 、弧形工具 和螺旋线工具 可以绘制直线和弧形曲线，使用矩形网格工具 和极坐标网格工具 可以绘制网格状图形。
本案例主要学习这些工具的特点和用法，并通过绘制设计插画来练习和巩固所学知识，如图所示案例说明of6024案例二 绘制设计插画应用线形与网格第二章 绘制与编辑基本图形相关知识一、绘制直线、弧线和螺旋线“直线段工具”用于创建直线，选择该工具后，在画板中按下鼠标并拖动即可创建直线在绘制过程中按住【Shift】键，可以创建水平、垂直或45角方向的直线；按住【Alt】键，直线会以按下鼠标的点为中心向两侧延伸；如果要创建指定长度和角度的直线，可以在画板中单击，打开“直线段工具选项”对话框，设置各项参数后，单击“确定”按钮可在单击位置创建直线段，如图所示1直线段工具of6025案例二 绘制设计插画应用线形与网格第二章 绘制与编辑基本图形“弧形工具”用于创建弧线在绘制过程中按下【X】键，可以切换弧线的凹凸方向；按下【C】键，可在开放式图形与闭合图形之间切换；按住【Shift】键，可以保持固定角度；按下【】、【】、【】和【】键可以调整弧线的斜率，如上图所示如果要创建更为精确的弧线，可在画板中单击，打开“弧线段工具选项”对话框，设置各项参数后，单击“确定”按钮可在单击位置创建弧线，如下图所示2弧形工具of6026案例二 绘制设计插画应用线形与网格第二章 绘制与编辑基本图形“螺旋线工具”用于创建螺旋线，选择该工具后，按下鼠标并拖动即可绘制螺旋线，在拖动鼠标过程中移动光标可以旋转螺旋线；按下【R】键可调整螺旋线方向；按下【Ctrl】键可调整螺旋线紧密程度；按【】键可增加螺旋，按【】键可减少螺旋，如图所示。
3螺旋线工具of6027案例二 绘制设计插画应用线形与网格第二章 绘制与编辑基本图形如果想要更加精确地绘制图形，可在画板中单击打开“螺旋线”对话框，设置各项后单击“确定”按钮，即可创建螺旋线，如图所示of6028案例二 绘制设计插画应用线形与网格第二章 绘制与编辑基本图形相关知识二、绘制网格选择“矩形网格工具”后，在画板中按下鼠标并拖动，可以自定义网格大小要使用指定数目的分隔线来创建矩形网格，可以在文档窗口中单击，打开“矩形网格工具选项”对话框，设置各项参数后，单击“确定”按钮可创建矩形网格，如图所示1矩形网格工具of6029案例二 绘制设计插画应用线形与网格第二章 绘制与编辑基本图形提示水平分隔线的“倾斜”值为0%时，所绘制的水平分隔线间距相同；该值大于0%时或绘制网格时按住【F】键，网格的间距由上到下逐渐变窄该值小于0%时或者按【V】键，网格间距由上到下逐渐变宽垂直分隔线“倾斜”值为0%时，所绘制的垂分隔线间距相同；该值大于0%或绘制网格时按住【C】键，网格间距由左到右逐渐变窄；该值小于0%或按【X】键，网格间距由左到右逐渐变宽另外，按【】、【】、【】和【】键，也可以控制水平和垂直分隔线数量，如图所示。
of6030案例二 绘制设计插画应用线形与网格第二章 绘制与编辑基本图形选择“极坐标网格工具”，在画板中按下鼠标并拖动，可以自定义网格大小；直接在画板中单击，将弹出“极坐标网格工具选项”对话框，从中设置具体参数，可精确设置网格大小和位置，如图所示2极坐标网格工具of6031案例二 绘制设计插画应用线形与网格第二章 绘制与编辑基本图形提示同心圆分隔线“倾斜”值为0%时，同心圆之间的距离相同；该值大于0%时或绘制网格时按住【C】键，同心圆向边缘聚拢；该值小于0%或者按【X】键，同心圆向中心聚拢径向分隔线“倾斜”值为0%时，分隔线间距相同；该值大于0%时或绘制网格时按住F键，网格分隔线会逐渐向逆时针方向聚拢；该值小于0%时或者按【V】键，分隔线会逐渐向顺时针方向聚拢另外，在拖拽鼠标时按住【】、【】、【】和【】键，可控制同心圆和分隔线数量，如图所示of6032案例二 绘制设计插画应用线形与网格第二章 绘制与编辑基本图形案例实施绘制设计插画详细操作步骤请扫描二维码of6033案例二 绘制设计插画应用线形与网格第二章 绘制与编辑基本图形课堂实训绘制单独纹样使用本案例所学知识，根据个人喜好绘制单独纹样，可参考本书配套素材“素材与实例”“Ph2”文件夹中的“单独纹样.ai”，如图所示。