《矢量图设计与制作》模块二基本图形绘制课件

—专业核心课程—模块二基本图形绘制矢量图设计与制作IllustratorCC2022形状绘图工具01线型绘图工具02目录contentsPART01形状绘图工具图2-1图2-1一、绘制矩形03021.使用鼠标绘制选择“矩形”工具,在页面中按住鼠标左键拖曳到适当位置松开鼠标，即可绘制一个矩形，如图2-1所示。2.精确绘制选择“矩形”工具,在页面中单击鼠标左键，弹出“矩形”对话框，如图2-2所示。在对话框中的“宽度”和“高度”数值框中分别输入对应数值，设置完成后，单击“确定”按钮，即可得到一个矩形。图2-1图2-2一、绘制矩形3.结合快捷键绘制选择“矩形”工具

，按住Shift键不松手，在页面中按住鼠标左键拖曳到适当位置松开鼠标，即可绘制出一个正方形，如图2-3所示。选择“矩形”工具

，按住Alt键不松手，在页面中按住鼠标左键拖曳到适当位置，松开鼠标，即可绘制一个以鼠标落点为中心的矩形。选择“矩形”工具

，按住Shift+Alt键不松手，在页面中按住鼠标左键拖曳到适当位置，松开鼠标，即可绘制一个以鼠标落点为中心的正方形。选择“矩形”工具

，按住~键不松手，在页面中按住鼠标左键拖曳到适当位置，松开鼠标，即可绘制多个矩形，如图2-4所示。20204图2-3图2-4上述结合快捷键绘制图形的方法，同样适用于圆角矩形、椭圆、多边形、星形的绘制。技巧：在绘制图形的过程中，按住“空格键”不松手，可冻结当前正在绘制的图形，在页面中任意移动图形到合适位置，松开“空格键”可继续绘制图形。一、绘制矩形02044.重置矩形大小矩形绘制好后，在设计过程中，可根据需要随时调整大小。鼠标拖动调整大小选中矩形图形，图形四周出现定界框，将鼠标指针移至定界框中的任一控制点上，拖曳鼠标到合适的大小，在拖曳的过程会出现一个灰色框，里面会显示宽和高的数值，松开鼠标即可改变矩形的大小，如图2-5所示。04图2-5技巧：按住Shift键不松手拖曳鼠标，可等比例改变矩形的大小。一、绘制矩形“属性”面板调整大小选中矩形对象，在“属性”控制面板的“矩形”选项的“变换”参数组中的“宽”和“高”数值框中输入数值按Enter键确认，如图2-6所示。单击“保持宽度和高度比例”按钮或，可使宽度和高度按比例或自由设置。表示宽度和高度可分别进行设置、表示宽度和高度按比例约束变化。也可单击“变换”参数组右下角的“更多选项”按钮，在弹出的矩形属性中的“矩形宽度”和“矩形高度”数值框中输入数值，按Enter键确认，如图2-7所示。04图2-6图2-7图2-9一、绘制矩形035.矩形变形选中矩形对象，对象四周会出现定界框，同时会显示各种点，如图2-8所示。图2-8图2-8技巧：如矩形对象中没有出现边角构件，可选择菜单栏中的“视图>显示边角构件”命令。选择“选择”工具或“直接选择”工具，将鼠标指针移至任一边角构件上，如图2-9（a）所示。拖曳鼠标可同时对矩形角进行变形，如图2-9（b）所示。拖曳至合适的大小，松开鼠标即可对矩形角进行变形，如图2-9（c）。图2-9图2-9一、绘制矩形03也可单独调整某一个矩形角，选中矩形对象，选择“选择”工具或“直接选择”工具，将鼠标移至需要调整矩形角的边角构件上单击鼠标选中，变为空心边角构件，如图2-10（a）所示。拖曳鼠标可对选取的矩形角进行单独变形，如图2-10（b）所示。拖曳至合适的大小，松开鼠标即可，效果如图2-10（c）。图2-10图2-9一、绘制矩形03也可以通过“属性”控制面板来精确调整圆角大小或选择角的类型：选中矩形图形，在“属性”面板中单击“矩形”选项右下角的“更多选项”

按钮，在弹出的矩形属性中设置，如图2-11所示。边角类型

：选择不同的边角类型

（圆角、反向圆角、倒角）。链接圆角半径值

：表示同时改变四个角的数值。单击按钮可变为

按钮，表示取消链接，可分别调整角的数值。技巧：按住Alt键不放，单击任一边角构件，或在拖曳边角构件的同时，按↑键或↓键，可在3种边角之间进行转换。按住Ctrl键，双击其中任一边角构件，弹出“变换”控制面板，设置边角类型。图2-11图2-1图2-1二、绘制圆角矩形0302011.使用鼠标绘制选择“圆角矩形”工具

，在页面中按住鼠标左键进行拖曳到适当位置，松开鼠标，即可绘制一个圆角矩形，如图2-12所示。图2-12图2-13技巧：在使用鼠标拖曳绘制圆角矩形的同时，按“↑”键可增加圆角半径、按“↓”键可减少圆角半径、按“←”键可变为直角矩形、按“→”键可绘制一个圆角半径最大的圆角矩形。图2-9二、绘制圆角矩形032.精确绘制选择“圆角矩形”工具

，在页面中单击鼠标左键，打开“圆角矩形”对话框，如图2-13所示。在对话框中的“宽度”、“高度”和“圆角半径”数值框中分别输入对应数值，设置完成后，单击“确定”按钮，即可得到一个圆角矩形。3.重置圆角矩形圆角矩形绘制好后，也可以随时调整它的大小和圆角半径。可以通过鼠标拖曳控制点和边角构件来改变圆角矩形的大小和圆角半径，或“属性”面板来精确调整大小、边角半径和边角类型。知识要点：矩形工具、自由变换工具、直接选择工具、编组随学随练03一、绘制房子图形，效果如图2-14所示。知识要点：矩形工具、自由变换工具、直接选择工具、编组。图2-1图2-1三、绘制椭圆形0302011.使用鼠标绘制选择“椭圆”工具

，在页面中按住鼠标左键拖曳到适当位置，松开鼠标，即可绘制一个椭圆，如图2-23所示。2.精确绘制选择“椭圆”工具

，在页面中单击鼠标左键，弹出“椭圆”对话框，如图2-24所示。在对话框中的“宽度”和“高度”数值框中分别输入对应数值，设置完成后，单击“确定”按钮，即可得到一个椭圆。图2-23图2-24图2-1图2-1三、绘制椭圆形03023.重置椭圆椭圆绘制好后，也可以随时调整它的大小。可以通过鼠标拖曳控制点来改变大小，或“变换”控制面板，或“属性”面板来精确调整大小。4.绘制饼图鼠标拖曳绘制饼图选中椭圆图形，将鼠标指针移至饼图构件上，指针变为符号，如图2-25（a）所示，向上拖曳饼图构件，可以调整饼图的起点角度，如图2-25（b）所示，向下拖曳饼图构件，可以调整饼图的终点角度，如图2-25（c）所示。图2-25图2-1图2-1三、绘制椭圆形0302调整饼图边角选中饼图图形，再选择“直接选择”工具，饼图中显示出边角构件，如图2-26（a）所示。鼠标移至任一边角构件上并拖曳，对饼图边角一起进行变形，如图2-26（b）所示，拖到合适的角度松开鼠标，效果如图2-26（c）所示。图2-26图2-1图2-1三、绘制椭圆形0302也可以分别对饼图边角进行不同的调整，选中饼图图形，选择“直接选择”工具，单击选中要调整边角的边角构件，如图2-27（a）所示。拖曳边角构件调整边角，如图2-27（b）所示，拖动到合适的角度，松开鼠标，效果如图2-27（c）所示。图2-27知识要点：矩形工具、自由变换工具、直接选择工具、编组随学随练03一、绘制卡通脸图标，效果如图2-28所示。知识要点：椭圆工具、编组、复制图2-1图2-32四、绘制多边形0302011.使用鼠标绘制选择“多边形”工具，在页面中按住鼠标左键拖曳到适当位置，松开鼠标，即可绘制一个多边形，如图2-32所示。按住Shift键，可以绘制一个正多边形，如图2-33所示。技巧：在拖曳绘制多边形的同时按“↑”键或“↓”键，可增加或减少边数。多边形边数最少为3。图2-1图2-1四、绘制多边形03022.精确绘制选择“多边形”工具

，在页面中单击鼠标左键，弹出“多边形”对话框，如图2-34所示。在对话框中的“半径”和“边数”数值框中分别输入对应数值，设置完成后，单击“确定”按钮，即可得到一个多边形。“半径”：从多边形中心点到多边形顶点的距离。“边数”：设置多边形的边数。3.鼠标拖曳调整边数选中多边形图形，鼠标指针移至多边形构件“”上，指针变为“”符号，如图2-35（a）所示。向上拖曳多边形构件，可以减少多边形的边数，如图2-35（b）所示。向下拖曳多边形构件，可以增加多边形的边数，如图2-35（c）所示。图2-35知识要点：矩形工具、自由变换工具、直接选择工具、编组随学随练03一、绘制线性图案，效果如图2-36所示。知识要点：多边形工具、重复命令图2-1图2-32五、绘制星形0302011.使用鼠标绘制选择“星形”工具

，在页面中按住鼠标左键进行拖曳，到适当位置，松开鼠标，即可绘制一个星形，如图2-40所示。按住Shift键，可以绘制一个正星形，如图2-41所示。技巧：在拖曳绘制星形的同时按“↑”键或“↓”键，可增加或减少角数。星形的角数最少为3。在拖曳绘制星形的同时按Ctrl键不放，可以控制星形的缩进程度。图2-1图2-1五、绘制星形03022.精确绘制选择“星形”工具

，在页面中单击鼠标左键，弹出“星形”对话框，如图2-42所示。在对话框中，“半径1”、“半径2”和“角点数”数值框中分别输入对应数值，设置完成后，单击“确定”按钮，即可得到一个星形。“半径1”：设置从星形中心点到外部角的顶点的距离。“半径2”：设置从星形中心点到内部角的端点的距离。“角点数”：设置星形的角的数量。知识要点：矩形工具、自由变换工具、直接选择工具、编组随学随练03一、绘制橙子图标，效果如图2-43所示。知识要点：矩形工具、椭圆工具，星形工具、重复PART02线型绘图工具一、绘制直线1.使用鼠标绘制选择“直线段”工具，在页面中直线的开始位置单击鼠标左键并进行拖曳，到直线结束位置，松开鼠标，即可绘制一条直线，如图2-48所示。图2-1图2-1线型绘图工具03022.精确绘制选择“直线段”工具

，在页面中单击鼠标，弹出“直线段工具选项”对话框，如图2-49所示。在对话框中，“长度”、“角度”选项的数值框中输入相应的数值，设置完成后，单击“确定”按钮，得到如图2-50所示的直线。“长度”：设置直线段的长度。“角度”：设置直线段的倾斜角度。“线段填色”：设置使用填充颜色对线段进行填色。3.结合快捷键绘制选择“直线段”工具

，按住Shift键不松手，在页面中拖曳鼠标可绘制水平、垂直或45角及其倍数的直线。选择“直线段”工具

，按住Alt键不松手，在页面中拖曳鼠标可绘制以鼠标单击点为中心的直线（从单击点向两侧延伸）。选择“直线段”工具

，按住~键不松手，在页面中拖曳鼠标可一次性绘制多条直线段，如图2-51所示。知识要点：矩形工具、自由变换工具、直接选择工具、编组随学随练03一、绘制购物车图标，效果如图2-52所示。知识要点：直线段工具、椭圆工具二、绘制弧线1.使用鼠标绘制选择“弧形”工具

，在页面中合适的位置单击鼠标左键并拖曳到弧线合适的位置，松开鼠标，即可绘制一段弧线，如图2-55所示。2.精确绘制选择“弧形”工具

，在页面中单击鼠标，弹出“弧线段工具选项”对话框，如图2-56所示。在对话框中进行相关的参数设置，设置完成后，单击“确定”按钮，得到如图2-57所示的弧线。图2-1图2-1线型绘图工具0302“X轴长度”：设置弧线在X轴方向的长度。“Y轴长度”：设置弧线在Y轴方向的长度。“类型”：设置弧线类型是开放或是闭合。“基线轴”：设置弧线的坐标轴。“斜率”：设置弧线弯曲的方向，负数偏向“凹”方，正数偏向“凸”方。技巧：拖曳绘制弧线的同时，按“”键或“”键，可以增加或减少圆弧的曲率；按“C”键，可以在开放和闭合弧线之间切换；按“X”键，可以在凹凸的弧形之间切换；按“F”键，可以翻转弧线（镜像）。按Shift键的同时进行绘制可使弧线的X轴和Y轴方向的长度保持一致。知识要点：矩形工具、自由变换工具、直接选择工具、编组随学随练03一、绘制降落伞线框图标，效果如图2-58所示。知识要点：弧线工具、直线段工具、矩形工具三、绘制螺旋线1.使用鼠标绘制选择“螺旋线”工具

，在页面中合适的位置单击鼠标左键并进行拖曳，到合适的位置，松开鼠标，即可绘制一条螺旋线，如图2-67所示。2.精确绘制选择“螺旋线”工具

，在页面中单击鼠标，弹出“螺旋线”对话框，如图2-68所示。在对话框中进行相关的参数设置，设置完成后，单击“确定”按钮，得到如图2-69所示的螺旋线。图2-1图2-1三、绘制螺旋线0302“半径”：设置螺旋线的半径，从螺旋线的中心点到螺旋线终点之间的距离。“衰减”：改变螺旋效果的程度，当参数值越大时，螺旋效果越明显，当参数值越小，效果趋向于弧线。“段数”：设置螺旋线的螺旋段数。“样式”：设置螺旋线的旋转方向。技巧：拖曳绘制螺旋线的同时，按“↑”键或“↓”键，可以增加或减少螺旋线的段数；按“R”键，可切换螺旋线的旋转方向；按“Ctrl”键，向外拖动鼠标，螺旋线的间隔越来越大（衰减值变小，趋于弧线），向内拖动鼠标，螺旋效果明显（衰减值变大，趋于同心圆的螺旋线）。知识要点：矩形工具、自由变换工具、直接选择工具、编组随学随练03一、绘制棒棒糖图形，效果如图2-70所示。知识要点：螺旋线工具、椭圆工具、矩形工具四、绘制矩形网格1.使用鼠标绘制选择“矩形网格”工具

，在页面中合适的位置单击鼠标左键并进行拖曳，到合适的位置，松开鼠标，即可绘制一个矩形网格，如图2-75所示。技巧：拖曳绘制矩形网格的同时，按“↑”键或“↓”键，可以增加或减少水平网格线；按“→”键或“←”键，可以增加或减少垂直网格线；按“F”键或“V”键，可让水平网格线的倾斜值减少或增加；按“X”键或“C”键，可让垂直网格线的倾斜值减少或增加。图2-75四、绘制矩形网格2.精确绘制选择“矩形网格”工具

，在页面中单击鼠标，弹出“矩形网格选项工具”对话框，如图2-76所示。在对话框中进行相关的参数设置，设置完成后，单击“确定”按钮，得到如图2-77所示的矩形网格。图2-1图2-1四、绘制矩形网格0302“默认大小”：设置矩形网格整体的大小。“宽度”设置矩形网格的宽度，“高度”设置矩形网格的高度。“水平分隔线”：对矩形网格中水平网格进行设置。“数量”设置水平网格线的数量，“倾斜”设置水平网格线偏向上方或下方的偏移量。“垂直分隔线”：对矩形网格中垂直网格进行设置。“数量”设置垂直网格线的数量，“倾斜”设置垂直网格线偏向左方或右方的偏移量。“使用外部矩形作为框架”：勾选其项，可使用矩形对象替换上、下、左、右的边线。“填色网格”：勾选，可使用当前的填充色填充网格线。四、绘制矩形网格3.编辑矩形网格矩形网格创建好后，它是一个整体，可以通过鼠标右击矩形网格，在打开的快捷菜单中选择“取消编组”命令，取消图形对象的组合，变为一个一个的单独的对象。或双击矩形网格，进入对象隔离模式。可以使用“选择”工具或“直接选择”工具分别对对象进行编辑，调整线段的长度、宽度、线型和颜色等，可利用规则的矩形网格创建一个不规则的图形，如图2-78所示。图2-79随学随练03一、绘制围棋棋盘，效果如图2-79所示。知识要点：矩形网格工具、椭圆工具五、绘制极坐标网格1.使用鼠标绘制选择“极坐标网格”工具

，在页面中合适的位置单击鼠标左键并进行拖曳，到合适的位置，松开鼠标，即可绘制一个极坐标网格，如图2-82所示。技巧：拖曳绘制极坐标网格的同时，按“↑”键或“↓”键，可以增加或减少同心圆分隔线；按“→”键或“←”键，可以增加或减少径向分隔线；按“F”键或“V”键，可让径向分隔线的倾斜值减少或增加；按“X”键或“C”键，可让同心圆分隔线的倾斜值减少或增加。图2-83五、绘制极坐标网格2.精确绘制选择“极坐标网格”工具