矢量图设计与制作（ Illustrator CC 2022） 教案 模块二基本图形绘制配套教案

《矢量图设计与制作》配套教学教案课时内容基本图形绘制授课时间课时6学习目标知识目标掌握绘制线段、螺旋线和网格的方法；掌握线型绘图工具的使用方法；熟练掌握基本图形的绘制技巧；能力目标能利用图形绘制标志的设计；能绘制标志并结合图形组合画面实现构图设计；能对图形进行修剪、合并、排列等；素养目标提升发现、感知、欣赏、评价美的意识和基本能力；提升矢量图形的绘制能力；思政目标对接行业标准，提高绘图标准化意识；创意设计作品，增强文化自信心和爱国热情。教学重点熟练掌握基本图形的绘制方法和技巧。教学难点运用基本图形绘制工具绘制图形。教学流程教学内容具体可结合本章的PPT课件进行配合讲解。项目一形状绘图工具矩形、圆形、多边形和星形是最简单、最基本的图形，在IllustratorCC2022中，矩形工具、圆角矩形工具、椭圆工具、多边形工具和星形工具的使用方法大致相同，通过使用这些工具，可以比较方便地绘制出各种基本形状图形。一、绘制矩形1.使用鼠标绘制选择“矩形”工具，在页面中按住鼠标左键，并拖曳鼠标到合适位置，松开鼠标左键，即可绘制一个矩形。2.精确绘制选择“矩形”工具，在页面中单击鼠标左键，弹出“矩形”对话框。在对话框中的“宽度”和“高度”数值框中分别输入对应数值，设置完成后，单击“确定”按钮，即可得到一个矩形。3.结合快捷键绘制选择“矩形”工具，按住Shift键不松手，在页面中按住鼠标左键拖曳到适当位置松开鼠标，即可绘制出一个正方形。选择“矩形”工具，按住Alt键不松手，在页面中按住鼠标左键拖曳到适当位置，松开鼠标，即可绘制一个以鼠标落点为中心的矩形。选择“矩形”工具，按住Shift+Alt键不松手，在页面中按住鼠标左键拖曳到适当位置，松开鼠标，即可绘制一个以鼠标落点为中心的正方形。选择“矩形”工具，按住~键不松手，在页面中按住鼠标左键拖曳到适当位置，松开鼠标，即可绘制多个矩形。4.重置矩形大小矩形绘制好后，在设计过程中，可根据需要随时调整大小。鼠标拖曳调整大小选中矩形，图形四周出现定界框，将鼠标指针移至定界框中的任一控制点上，鼠标拖曳控制点到合适的大小，在拖曳的过程会出现一个灰色框，里面会显示宽和高的数值，松开鼠标即可改变矩形的大小。5.矩形变形选中矩形对象，对象四周会出现定界框，同时会显示各种符号。二、绘制圆角矩形1.使用鼠标绘制选择“圆角矩形”工具，在页面中按住鼠标左键拖曳到合适位置，松开鼠标，即可绘制一个圆角矩形。2.精确绘制选择“圆角矩形”工具，在页面中单击鼠标左键，打开“圆角矩形”对话框。在对话框中的“宽度”、“高度”和“圆角半径”数值框中分别输入对应数值，设置完成后，单击“确定”按钮，即可得到一个圆角矩形。3.重置圆角矩形圆角矩形绘制好后，也可以随时调整它的大小和圆角半径。可以通过鼠标拖曳控制点和边角构件来改变圆角矩形的大小和圆角半径，或“属性”面板来精确调整大小、边角半径和边角类型。随学随练一、绘制房子图形。知识要点：矩形工具、自由变换工具、直接选择工具、编组三、绘制椭圆1.使用鼠标绘制选择“椭圆”工具，在页面中按住鼠标左键，并拖曳鼠标到合适位置，松开鼠标左键，即可绘制一个椭圆。2.精确绘制选择“椭圆”工具，在页面中单击鼠标左键，弹出“椭圆”对话框。在对话框中的“宽度”和“高度”数值框中分别输入对应数值，设置完成后，单击“确定”按钮，即可得到一个椭圆。3.重置椭圆椭圆绘制好后，也可以随时调整它的大小。可以通过鼠标拖曳控制点来改变大小，或“变换”控制面板，或“属性”面板来精确调整大小。4.绘制饼图鼠标拖曳绘制饼图选中椭圆，将鼠标指针移至饼图边角构件上，指针变为符号，向上拖曳饼图构件，可以调整饼图的起点角度，向下拖曳饼图构件，可以调整饼图的终点角度。调整饼图边角选中饼图，再选择“直接选择”工具，饼图中显示出边角构件。鼠标移至任一边角构件上并拖曳鼠标左键，对饼图边角进行调整。鼠标拖到合适的角度松开鼠标左键。也可以分别对饼图边角进行不同的调整，选中饼图，选择“直接选择”工具，单击选中要调整边角的边角构件。鼠标拖曳边角构件调整边角，鼠标拖曳动到合适的角度，松开鼠标左键。随学随练一、绘制卡通脸图标。知识要点：椭圆工具、编组、复制四、绘制多边形1.使用鼠标绘制选择“多边形”工具，在页面中按住鼠标左键，并拖曳鼠标到合适位置，松开鼠标左键，即可绘制一个多边形。按住Shift键，可以绘制一个正多边形。2.精确绘制选择“多边形”工具，在页面中单击鼠标左键，弹出“多边形”对话框。在对话框中的“半径”和“边数”数值框中分别输入对应数值，设置完成后，单击“确定”按钮，即可得到一个多边形。3.鼠标拖曳调整边数选中多边形图形，鼠标指针移至多边形构件“

”上，指针变为“”符号。向上拖曳多边形构件，可以减少多边形的边数。向下拖曳多边形构件，可以增加多边形的边数。随学随练一、绘制线性图案。知识要点：多边形工具、重复命令五、绘制星形1.使用鼠标绘制选择“星形”工具，在页面中按住鼠标左键，并拖曳鼠标到合适的位置，松开鼠标左键，即可绘制一个星形，如图2-40所示。按住Shift键，可以绘制一个正星形。技巧：在拖曳绘制星形的同时按“↑”键或“↓”键，可增加或减少角数。星形的角数最少为3。在拖曳绘制星形的同时按Ctrl键不放，可以控制星形的缩进程度。2.精确绘制选择“星形”工具，在页面中单击鼠标左键，弹出“星形”对话框。在对话框中，“半径1”、“半径2”和“角点数”数值框中分别输入对应数值，设置完成后，单击“确定”按钮，即可得到一个星形。随学随练：一、绘制橙子图标。知识要点：矩形工具、椭圆工具，星形工具、重复项目二线型绘图工具一、绘制直线1.使用鼠标绘制选择“直线段”工具，在页面中直线的开始位置单击鼠标左键并进行拖曳，到直线结束位置，松开鼠标，即可绘制一条直线。2.精确绘制选择“直线段”工具，在页面中单击鼠标，弹出“直线段工具选项”对话框。在对话框中，“长度”、“角度”选项的数值框中输入相应的数值，设置完成后，单击“确定”按钮。3.结合快捷键绘制选择“直线段”工具，按住Shift键不松手，在页面中拖曳鼠标可绘制水平、垂直或45角及其倍数的直线。选择“直线段”工具，按住Alt键不松手，在页面中拖曳鼠标可绘制以鼠标单击点为中心的直线（从单击点向两侧延伸）。选择“直线段”工具，按住~键不松手，在页面中拖曳鼠标可一次性绘制多条直线段。随学随练一、绘制购物车图标。知识要点：直线段工具、椭圆工具二、绘制弧线1.使用鼠标绘制选择“弧形”工具，在页面中合适的位置单击鼠标左键并拖曳到弧线合适的位置，松开鼠标，即可绘制一段弧线。2.精确绘制选择“弧形”工具，在页面中单击鼠标，弹出“弧线段工具选项”对话框。在对话框中进行相关的参数设置，设置完成后，单击“确定”按钮。技巧：拖曳绘制弧线的同时，按“↑”键或“↓”键，可以增加或减少圆弧的曲率；按“C”键，可以在开放和闭合弧线之间切换；按“X”键，可以在凹凸的弧形之间切换；按“F”键，可以翻转弧线（镜像）。按住Shift键的同时进行绘制可使弧线的X轴和Y轴方向的长度保持一致。随学随练：一、绘制降落伞线框图标。知识要点：弧线工具、直线段工具、矩形工具三、绘制螺旋线1.使用鼠标绘制选择“螺旋线”工具，在页面中按住鼠标左键，并拖曳鼠标到合适的位置，松开鼠标左键，即可绘制一条螺旋线。2.精确绘制选择“螺旋线”工具，在页面中单击鼠标，弹出“螺旋线”对话框。在对话框中进行相关的参数设置，设置完成后，单击“确定”按钮。技巧：在使用鼠标拖曳绘制螺旋线时，同时按“↑”键或“↓”键，可以增加或减少螺旋线的段数；按“R”键，可切换螺旋线的旋转方向；按“Ctrl”键，向外拖动鼠标，螺旋线的间隔越来越大（衰减值变小，趋于弧线），向内拖动鼠标，可以增强螺旋效果（衰减值变大，趋于同心圆的螺旋线）。随学随练一、绘制棒棒糖图形。知识要点：螺旋线工具、椭圆工具、矩形工具四、绘制矩形网格1.使用鼠标绘制选择“矩形网格”工具，在页面中合适的位置单击鼠标左键并进行拖曳，到合适的位置，松开鼠标，即可绘制一个矩形网格。技巧：在使用鼠标拖曳绘制矩形网格时，同时按“↑”键或“↓”键，可以增加或减少水平网格线的数量；按“→”键或“←”键，可以增加或减少垂直网格线的数量；按“F”键或“V”键，可以减少或增加水平网格线的倾斜值；按“X”键或“C”键，可以减少或增加垂直网格线的倾斜值。2.精确绘制选择“矩形网格”工具，在页面中单击鼠标，弹出“矩形网格选项工具”对话框。在对话框中进行相关的参数设置，设置完成后，单击“确定”按钮。3.编辑矩形网格矩形网格创建好后，它是一个整体，可以通过右击矩形网格，在弹出的快捷菜单中选择“取消编组”命令，可以取消矩形网格的组合，使其变为单独的对象。或双击矩形网格，进入对象隔离模式。可以使用“选择”工具或“直接选择”工具分别对对象进行编辑，调整线段的长度、宽度、线型和颜色等，可利用规则的矩形网格创建一个不规则的图形。随学随练一、绘制围棋棋盘。知识要点：矩形网格工具、椭圆工具五、绘制极坐标网格1.使用鼠标绘制选择“极坐标网格”工具，在页面中合适的位置单击鼠标左键并进行拖曳，到合适的位置，松开鼠标，即可绘制一个极坐标网格。技巧：拖曳绘制极坐标网格的同时，按“↑”键或“↓”键，可以增加或减少同心圆分隔线；按“→”键或“←”键，可以增加或减少径向分隔线；按“F”键或“V”键，可让径向分隔线的倾斜值减少或增加；按“X”键或“C”键，可让同心圆分隔线的倾斜值减少或增加。2.精确绘制选择“极坐标网格”工具，在页面中单击鼠标，弹出“极坐标网格选项工具”对话框。在对话框中进行相关的参数设置，设置完成后，单击“确定”按钮。随学随练一、绘制飞镖盘图形。知识要点：矩形工具、极坐标网格工具实训案例一、绘制小猫图标。知识要点：矩形工具、椭圆工具、多边形工具、弧线工具、重复命令课堂小结在绘制图形时，复杂的图形都是由一些基本图形元素构成的，基本图形的绘制是IllustratorCC2022绘制的基础，必须熟练掌握基本绘图工具的使用。本模块主要学习IllustratorCC2022中形状绘图工具和线型绘图工具绘制基本图形的方法和技巧。形状绘图工具主要有矩形工具、椭圆工具、多边形工具、星形工具等，线型工具主要有直线段工具、弧形工具、螺旋线工具、矩形网格工具等。课后提