第二章Illustrator基本形状绘制与案例设计

1、 第第2 2章章 基本形状绘制与案例设计基本形状绘制与案例设计案例设计案例设计 本章小结本章小结 绘制基本形状相关工具绘制基本形状相关工具 拓展练习拓展练习 本章节通过学习基本形状工本章节通过学习基本形状工具的使用及相关知识来了解基本形状工具的绘制方具的使用及相关知识来了解基本形状工具的绘制方法。通过对法。通过对【直线直线】、【弧线弧线】、【螺旋线螺旋线】工具工具使用方法的了解，掌握软件中多种基本形状工具的使用方法的了解，掌握软件中多种基本形状工具的综合运用技能，在案例绘制过程中简单体会综合运用技能，在案例绘制过程中简单体会【填填色色】、【描边描边】、【渐变填充渐变填充】工具的使用。工具的使用

2、。 通过这章的学习重点基本形通过这章的学习重点基本形状工具的使用，难点基本形状工具的综合运用技能。状工具的使用，难点基本形状工具的综合运用技能。 教学目的和要求：教学目的和要求： 教学重点和难点：教学重点和难点： 2.12.1相关知识相关知识本节中主要讲解本节中主要讲解Illustrator CS5 Illustrator CS5 中用于绘制基本形状的相中用于绘制基本形状的相关工具，如关工具，如【矩形工具矩形工具】、 【圆角矩形工具圆角矩形工具】、【椭圆工椭圆工具具】、【多边形工具多边形工具】、【星形工具星形工具】、【光晕工具光晕工具】、【直线段工具直线段工具】、【弧形工具弧形工具】、【螺旋线

3、工具螺旋线工具】、【矩矩形网格工具形网格工具】、【极坐标网格工具极坐标网格工具】。通过使用这些工具。通过使用这些工具绘制不同的图形，同时简单了解绘制不同的图形，同时简单了解【填色工具填色工具】、【描边工描边工具具】、【吸管工具吸管工具】、【渐变填充渐变填充】、【画笔面板画笔面板】、【描边面板描边面板】设置等。设置等。2.1.12.1.1认识基本形状绘图工具认识基本形状绘图工具 在在Illustrator CS5 Illustrator CS5 中，提供了绘制基本图形的工具。按住中，提供了绘制基本图形的工具。按住【矩形工具矩形工具】或或【直线工具直线工具】，可弹出隐藏的相关工具，这些工具都是用于

4、绘制基本，可弹出隐藏的相关工具，这些工具都是用于绘制基本图形所设，综合运用这些工具可以绘制出形状各异的路径效果。矩形图形所设，综合运用这些工具可以绘制出形状各异的路径效果。矩形工具、圆角矩形工具和椭圆形工具工具、圆角矩形工具和椭圆形工具【矩形工具矩形工具】 是最常见的工具，要绘制矩形，可按下是最常见的工具，要绘制矩形，可按下MM键，选取键，选取【矩形工具矩形工具】，在要绘制矩形区域的左上角点击并拖动鼠标，将出现，在要绘制矩形区域的左上角点击并拖动鼠标，将出现虚拟矩形框，松开鼠标将绘制矩形。按住虚拟矩形框，松开鼠标将绘制矩形。按住ShiftShift键可绘制正方形，按住键可绘制正方形，按住Shi

5、ft+AltShift+Alt键，可绘制以固定点为中心的正方形。键，可绘制以固定点为中心的正方形。 【圆角矩形工具圆角矩形工具】 是用于绘制四角圆润的矩形。其方法与绘制矩是用于绘制四角圆润的矩形。其方法与绘制矩形相同。形相同。 【椭圆形工具椭圆形工具】 ，是用于绘制不同效果的椭圆，包括正圆形。，是用于绘制不同效果的椭圆，包括正圆形。2.2.多边形工具、星形工具和光晕工具多边形工具、星形工具和光晕工具【多边形工具多边形工具】 ，用于创建不图边数的多边形。通过单击鼠标可弹出，用于创建不图边数的多边形。通过单击鼠标可弹出【多边形对话框多边形对话框】，通过设置参数，可得到不同的多边形图形。，通过设置参

6、数，可得到不同的多边形图形。【星形工具星形工具】 ，用于绘制星形路径，同多边形一样可设置，用于绘制星形路径，同多边形一样可设置【星形工具对星形工具对话框话框】的参数绘制星形，也可按住的参数绘制星形，也可按住CtrlCtrl键，调整星形的尖角夹角状态，按键，调整星形的尖角夹角状态，按住住AltAlt键可绘制正五角星。键可绘制正五角星。【光晕工具光晕工具】 ，用于创建光晕图形。同样方法可通过，用于创建光晕图形。同样方法可通过【光晕工具对话框光晕工具对话框】设置参数来绘制不同的光晕效果。设置参数来绘制不同的光晕效果。3.3.直线工具、弧形工具、螺旋线工具、矩形网格工具和极坐标网格工具直线工具、弧形工

7、具、螺旋线工具、矩形网格工具和极坐标网格工具【直线工具直线工具】 ，是绘制直线的，通过按住鼠标左键并拖动，可调整线段，是绘制直线的，通过按住鼠标左键并拖动，可调整线段的方向和长短。按住的方向和长短。按住ShiftShift键可以键可以4545角垂直或水平创建线段。角垂直或水平创建线段。【弧线工具弧线工具】 ，是绘制弧线的。单击鼠标可弹出，是绘制弧线的。单击鼠标可弹出【弧线对话框弧线对话框】，通过，通过设置相关数值和属性，可得到不同的弧线效果，如开放或封闭的弧线。设置相关数值和属性，可得到不同的弧线效果，如开放或封闭的弧线。【螺旋线工具螺旋线工具】 ，用来绘制不同效果的螺旋路径。按住，用来绘制不

8、同效果的螺旋路径。按住CtrlCtrl键拖动鼠标，键拖动鼠标，可调整螺旋线的密度。可调整螺旋线的密度。【矩形网格工具矩形网格工具】 ，是用来创建网格图形的。按住，是用来创建网格图形的。按住ShiftShift键拖动鼠标可绘键拖动鼠标可绘制正方形网格。制正方形网格。【极坐标网格工具极坐标网格工具】 ，又称雷达网格，是用来创建极坐标网格图形的。，又称雷达网格，是用来创建极坐标网格图形的。2.1.2 2.1.2 填充与描边工具的基本操作填充与描边工具的基本操作在在Illustrator CS5 Illustrator CS5 中，提供大量的应用颜色与渐变工具，包括工具箱、色板中，提供大量的应用颜色与

9、渐变工具，包括工具箱、色板面板、颜色面板、拾色器和吸管工具等，可以快捷的为图形填充颜色。面板、颜色面板、拾色器和吸管工具等，可以快捷的为图形填充颜色。描边是将颜色应用于轮廓，软件有新增了很多具有个性的画笔描边为描描边是将颜色应用于轮廓，软件有新增了很多具有个性的画笔描边为描边工具所用。边工具所用。设置填充颜色设置填充颜色填充工具填充工具 ，位于工具箱的下方，与描边工具在一起。双击填充工具图表，位于工具箱的下方，与描边工具在一起。双击填充工具图表，可弹出可弹出【拾色器对话框拾色器对话框】，可以在，可以在【拾色器拾色器】里点击鼠标，提取相应颜里点击鼠标，提取相应颜色作为当前填充颜色。色作为当前填充

10、颜色。【渐变填充工具渐变填充工具】 图标位于图标位于【填充工具填充工具】的下的下方。鼠标点击方。鼠标点击【渐变填充工具渐变填充工具】图表，便可为图形添加渐变填充。图表，便可为图形添加渐变填充。设置描边颜色设置描边颜色2.2.对象的描边有颜色、粗细和画笔样式组成。对象的描边有颜色、粗细和画笔样式组成。【描边工具描边工具】 图标位于工具图标位于工具箱的下方。双击箱的下方。双击【描边描边】图标图标 ，可弹出，可弹出【拾色器对话框拾色器对话框】，单击鼠标拾，单击鼠标拾取颜色，如要取消描边可点击取颜色，如要取消描边可点击【无描边无描边】 按钮。按钮。各种工具及其作用如表各种工具及其作用如表2-12-1所

11、示。所示。工具作用矩形工具用于绘制矩形路径。按住Shift键可绘制正方形；按住Alt键可以起始点为中心绘制矩形；按住Shift+Alt键，则可以起始点为中心绘制正方形。圆角矩形工具用于绘制四角圆润的矩形。其绘制方法与矩形工具基本一致。椭圆形工具用于绘制不同效果的椭圆形。按住Shift键可以绘制正圆，其它绘制方法与矩形工具基本一致。多边形工具用于绘制不同边数的多边形。也可单击后，在对话框中设置相应数值，绘制所要创建的多边形的半径和边数。星形工具用于绘制星形路径。按住左键并拖动的同时，按住Ctrl键可调整星形的尖角夹角状态；按住Alt键可绘制正五角星。也可以在对话框中设置所要创建的星形半径和角点数

12、，来绘制比较复杂的星形。光晕工具用于创建光晕图形。光晕是来自一个光源的高亮度显示或反射，可以对任何背景和图形进行设置。打开该工具的对话框，可通过设置不同的参数来绘制不同效果的光晕。线段工具用于绘制直线段。绘制同时按住鼠标左键并拖动，可以调整所绘制线段的方向。按住Shift键进行绘制，以水平或垂直方向及45角绘制线段；也可以打开对话框，设置选项相关参数。弧形工具用于绘制弧线。打开对话框设置相关参数和属性，可得到不同的弧线效果。按住 键可连续绘制多个弧线段以绘制特殊的弧线效果。螺旋线工具用于绘制不同效果的螺旋线。按住Ctrl键拖动鼠标，可调整螺旋线的密度。矩形网格工具用于创建网格图形。按住Shif

13、t键并拖动鼠标可绘制正方形网格。极坐标网格工具用于创建极坐标网格图形。2.2.12.2.1案例案例: : 时钟图标时钟图标知识点提示：本节案例设计中主要介绍知识点提示：本节案例设计中主要介绍【椭圆形工具椭圆形工具】、【矩形工具矩形工具】、【直线工具直线工具】、【弧线工具弧线工具】、【多边形工具多边形工具】的使用方法的使用方法. .2.22.2案例介绍案例介绍 案例效果：案例效果：案例制作流程：使用基本绘图工具绘制此时钟图标的基本流程如下如图案例制作流程：使用基本绘图工具绘制此时钟图标的基本流程如下如图2-22-2所示所示1圆角矩形工具绘制时钟图标基本外形2椭圆形工具绘制表盘外形4多边形工具、星

14、形工具、弧线工具绘制时钟的装饰效果3矩形工具绘制时钟内部形状，直线工具绘制时针与分针2.2.22.2.2案例：个性日历案例：个性日历知识点提示：在本节案例设计中主要介绍知识点提示：在本节案例设计中主要介绍【矩形网格工具矩形网格工具】、【画笔画笔描边工具描边工具】、【圆形工具圆形工具】和和【对齐面板对齐面板】的使用方法。的使用方法。案例效果：案例效果：运用基本绘图工具我们可以很快绘制出一个带有表格的图形，如图运用基本绘图工具我们可以很快绘制出一个带有表格的图形，如图2-2-2020所示，就是利用矩形网格工具、画笔描边、文字工具等完成的所示，就是利用矩形网格工具、画笔描边、文字工具等完成的矢量图形

15、矢量图形个性日历。个性日历。图2-20个性日历2.2.案例制作流程：使用基本绘图工具绘制此个性日历的基本流程如下如案例制作流程：使用基本绘图工具绘制此个性日历的基本流程如下如图图2-212-21所示所示1渐变填充、圆形工具绘制背景图形2圆形工具、文字工具绘制日历年份4运用文字工具填充整个日历完成绘制3矩形网格工具绘制月份底纹效果案例操作步骤：案例操作步骤：(1) (1) 选择选择【矩形工具矩形工具】，创建一个与文档大小相同的矩形，将填充颜色设置，创建一个与文档大小相同的矩形，将填充颜色设置为由深粉色到浅粉色的渐变填充，描边为无如图为由深粉色到浅粉色的渐变填充，描边为无如图2-222-22，如图

16、，如图2-232-23所示。所示。图2-22 渐变填充设置图2-23 绘制渐变矩形，无描边案例操作步骤：案例操作步骤：(2) (2) 选择选择【椭圆形工具椭圆形工具】，按住，按住ShiftShift键绘制正圆，设置填充色为粉色，复制键绘制正圆，设置填充色为粉色，复制多个正圆完成花瓣的设计如图多个正圆完成花瓣的设计如图2-242-24所示，再复制一个正圆放于花瓣中所示，再复制一个正圆放于花瓣中间，设置填充色为浅黄色如图间，设置填充色为浅黄色如图2-252-25所示。所示。图2-24 绘制花瓣图形图2-25 绘制花瓣图形案例操作步骤：案例操作步骤：(3) Ctl+G(3) Ctl+G将花瓣编组，同

17、时复制多个小花，调整大小和位置如图将花瓣编组，同时复制多个小花，调整大小和位置如图2-262-26所示。所示。绘制圆形，并复制多个圆形，运用绘制圆形，并复制多个圆形，运用【对齐面板对齐面板】将所有圆形排列成两排，将所有圆形排列成两排，如图如图2-272-27，如图，如图2-282-28所示。选择所示。选择【椭圆形工具椭圆形工具】，创建一个椭圆形，创建一个椭圆形，设置填充色为白色，描边为虚线设置填充色为白色，描边为虚线, ,如图如图2-292-29所示。所示。图2-26 绘制花瓣底纹效果图2-27 对齐面板图2-28 圆形对齐排列图2-29 圆角矩形、虚线描边案例操作步骤：案例操作步骤：(4)

18、(4) 选择选择【文字工具文字工具】, ,在文档中输入文字在文档中输入文字 图2-30 字符面板图2-31 调整文字字体、字号图2-32 调整文字字体、字号图2-33 调整文字字体、字号案例操作步骤：案例操作步骤：(5) (5) 选择选择【矩形网格工具矩形网格工具】如图如图2-342-34，选择创建的矩形网格，取消编组，选择创建的矩形网格，取消编组，将四边框直线删除，创建日期的分割网格。再选择将四边框直线删除，创建日期的分割网格。再选择【网格工具网格工具】创建留创建留言板，描边为虚线，言板，描边为虚线，2-352-35所示。所示。图2-34 矩形网格对话框图2-35 绘制日历分割网格案例操作步

19、骤：案例操作步骤：（6 6）选择）选择【文字工具文字工具】，将，将9 9月份的日期分别填充在创建的日期分割网格月份的日期分别填充在创建的日期分割网格中，运用中，运用【对齐面板对齐面板】将文字对齐，完成整个日历的绘制，如图将文字对齐，完成整个日历的绘制，如图2-362-36，2-372-37所示。所示。图2-36 填充阳历日期图2-37 填充农历日期2.2.32.2.3案例案例: : 春天的阳光春天的阳光知识点提示：在本节案例设计中主要介绍知识点提示：在本节案例设计中主要介绍【光晕工具光晕工具】、【螺旋线工具螺旋线工具】、【极坐标网格工具极坐标网格工具】的使用方法。的使用方法。案例效果：案例效果

20、：【极坐标网格工具极坐标网格工具】、【螺旋线工具螺旋线工具】、【光晕工具光晕工具】的运用在矢量图设的运用在矢量图设计中可以增加一些特殊效果。如图计中可以增加一些特殊效果。如图2-382-38所示，就是利用这几个工具绘所示，就是利用这几个工具绘制的矢量图形制的矢量图形春天的阳光。春天的阳光。图2-38 春天的阳光2.2.案例制作流程：使用案例制作流程：使用【极坐标网格工具极坐标网格工具】、【螺旋线工具螺旋线工具】、【光晕工光晕工具具】绘制此图形的基本流程如下如图绘制此图形的基本流程如下如图2-392-39所示所示. .1圆形工具、矩形工具绘制图形2光晕工具、极坐标网格工具绘制效果4螺旋线工具填充

21、画面3绘制小花并填充颜色3.3.案例操作步骤：案例操作步骤：(1)(1)执行执行【文件文件】 【新建新建】命令命令 , ,选择矩形工具选择矩形工具 (2)(2)选择选择【椭圆形工具椭圆形工具】 3.3.案例操作步骤：案例操作步骤：(2)(2)选择选择【椭圆形工具椭圆形工具】图2-43不透明度数值设置图2-44创建正圆形，填充为白色图2-45创建远处云朵的效果3.3.案例操作步骤：案例操作步骤：（3 3）选择）选择【矩形工具矩形工具】, ,创建太阳光芒效果创建太阳光芒效果 图2-46创建梯形，调整旋转的中心点位置图2-47复制并旋转图2-48创建光芒效果，并编组图2-49光晕工具选项数值设置图2

22、-50创建光晕效果3.3.案例操作步骤：案例操作步骤：（4 4）选择）选择【极坐标网格工具极坐标网格工具】 图2-51设置极坐标网格工具选项图2-52创建极坐标图形图2-53调整极坐标图形图2-54复制多个同心圆图形并编组3.3.案例操作步骤：案例操作步骤：（5 5）选择）选择【直线工具直线工具】，调整直线两个端点的弧度，将交叉的两点连接，调整直线两个端点的弧度，将交叉的两点连接，创建花瓣形状如图创建花瓣形状如图2-55,2-55,如图如图2-562-56所示。所示。图2-55运用直线工具绘制花瓣形状图2-56创建整个花瓣形状3.3.案例操作步骤：案例操作步骤：（6 6）运用相同的方法绘制其他

23、形状的花瓣，复制多个花瓣，调整位置、大）运用相同的方法绘制其他形状的花瓣，复制多个花瓣，调整位置、大小和颜色，如图小和颜色，如图2-572-57所示。选择所示。选择【螺旋形工具螺旋形工具】，创建螺旋形图形，创建螺旋形图形，丰富天空的云朵和植物的效果，完成整个实例的绘制，如图丰富天空的云朵和植物的效果，完成整个实例的绘制，如图2-582-58所示。所示。图2-57创建多个花瓣形状图2-58填充画面效果，完成实例绘制2.2.42.2.4案例案例: : 缤纷蝴蝶缤纷蝴蝶知识点提示：在本节案例设计中主要介绍【画笔描边】、【图案填充】、知识点提示：在本节案例设计中主要介绍【画笔描边】、【图案填充】、【旋

24、转工具】、【镜像工具】等的使用方法。【旋转工具】、【镜像工具】等的使用方法。1. 1. 案例效果：案例效果：使用特殊画笔给绘制好的图形设置描边，可以增加图形的手绘效果，通过使用特殊画笔给绘制好的图形设置描边，可以增加图形的手绘效果，通过图案填充的方法也可以快速的给封闭的路径添加花纹，运用图案填充的方法也可以快速的给封闭的路径添加花纹，运用【旋转工旋转工具具】、【镜像工具镜像工具】我们还可以实现对称图形的绘制，如图我们还可以实现对称图形的绘制，如图2-592-59所示，所示，就是综合利用这些工具制作的矢量图形就是综合利用这些工具制作的矢量图形缤纷蝴蝶。缤纷蝴蝶。图2-59缤纷蝴蝶2.2.案例制作流程：使用案例制作流程：使用【画笔描边画笔描边】、【图案填充图案填充】、【旋转工具旋转工具】、【镜像工具镜像工具】等绘制此图形的基本流程如下如图等绘制此图形的基本流程如下如图2-602-60所示所示1创建矩形，渐变填充2选择直线工具、椭圆形工具等绘制蝴蝶基本图形3为蝴蝶添加个性描边3为蝴蝶添加自定义图案，完成缤纷蝴蝶的实例绘制2.2.52.2.5案例案