AI第3讲 自由图形的绘制

1、illustrator 图形设计图形设计主讲教师：罗薇主讲教师：罗薇第第3 3讲讲 自由图形的绘制自由图形的绘制项目一、卡通背景项目一、卡通背景教教学学目目标标能力目标能力目标知识目标知识目标 能使用基本绘图工具绘制自由图形。1、掌握直线段工具的使用。 2、掌握弧形工具的使用。 3、掌握螺旋线工具的使用。 4、掌握矩形网格工具的使用。 5、掌握极坐标网格工具的使用。 6、掌握钢笔工具的使用。 7、掌握铅笔工具的使用。 重重点点难难点点 教学重点： illustrator基本绘图工具的使用教学难点： illustrator的绘图技巧和熟练运用钢笔工具绘图。第第3讲讲 自由图形的绘制自由图形的绘制

2、任务一、线形工具组任务一、线形工具组 线形工具组主要包括直线段工具、弧形工具、螺旋线工具、矩形网格工具、极坐标网格工具。 一、直线段工具一、直线段工具1.任意拖动法任意拖动法 单击工具箱中的直线段工具按钮，在画板中按住左键并拖动鼠标，释放鼠标左键，绘制即结束，如图所示。 提示：提示：如果需要绘制水平或者垂直或45的直线，则按住Shift键和鼠标左键并拖动鼠标即可。2.精确输入法精确输入法v 单击工具箱中的直线段工具按钮，在画板中单击鼠标左键，弹出 “直线段工具选项”对话框，如图所示。直线段工具选项对话框二、弧形工具二、弧形工具v 使用“弧线”工具可以在页面中绘制各种形状的弧线，绘制的弧线即可以

3、是封闭的扇形也可以是开放的线段， v 1.任意拖动法任意拖动法 单击工具箱中的弧形工具按钮，在画板中按住左键并随意拖动鼠标，释放鼠标即可绘制出一条弧线。 弧形2.精确输入法精确输入法v 单击工具箱中的弧形工具按钮，在画板中单击鼠标左键，在弹出的“弧线段工具选项”对话框中设置X轴长度，Y轴长度，类型，基线轴等参数，单击“确定”按钮即可。弧线段工具选项对话框v “X轴长度轴长度”和和“Y轴长度轴长度”选项选项：设置弧线的大小。在这两个选项右侧有一个带有四个方向点的方框，选择方向点可以设置弧线开始绘制的点，如图所示。v “X轴长度”选项：设置弧线的水平方向的宽度，如图所示。v “Y轴长度”选项：设置

4、弧线垂直的高度，如图所示。设置弧线的绘制起点 设置弧线绘制的点 设置弧线的大小 v “类型类型”选项选项：可设置绘制对象的类型。当选择“开放”时，弧线为线，当选择“闭合”时，可以使弧线闭合为扇形，如图所示。v “基线轴基线轴”选项选项：设置弧线的方向。在该选项中有两个选择分别为“X轴”和“Y轴”，当选择“X轴”时，弧线朝向X轴，当选择“Y轴”时，弧线朝向Y轴，效果如图所示。v “斜率斜率”：可指定弧线或弧形的弧度。当输入正值时弧线为凸起状态；那么输入负值弧线为凹陷状态；当为0时，则为直线，如图所示。v “弧线填色弧线填色”选项选项：复选该选项，可以为创建的弧线直接应用填充色；取消该选项的复选，

5、弧线的填充色始终都为“无”，如图所示。3.创建弧线的技巧创建弧线的技巧v （1）在不松开鼠标的状态下，按下键或按下键，减小或增大弧形的凹面斜率从而可以调整弧线的弧度，如图所示。v （2）按下键可以翻转弧度的方向，如图所示。 提示：再次按下键可以将弧度的位置再次翻转。v （3）按下键可以将绘制的弧线闭合，形成一个扇形，再次按下可以将闭合的弧线打开，如图所示。v （4）按住Shift键则可以画出等比例的弧线。 三、三、 螺旋线工具螺旋线工具v 1.任意拖动法任意拖动法 螺旋线工具可以根据设置的选项数值产生螺旋状的图形。单击工具箱中的螺旋线工具按钮，按住左键在画板中拖动鼠标，释放鼠标左键即可绘制出一

6、条螺旋线，如图所示。螺旋线2.精确输入法精确输入法v 单击工具箱中的螺旋线工具按钮，在画板中单击鼠标左键，弹出“螺旋线”对话框，在该对话框中可以对螺旋线的半径、衰减、段数、样式进行设置。螺旋线对话框v 在“螺旋线”对话框中各选项的作用如下：v “半径半径”选项：选项：设置螺旋形的半径。螺旋线的半径是指从螺旋线的中心点到螺旋线终点之间的距离。该选项的参数值越大，螺旋线越大，如图所示。v “衰减衰减”选项选项：用于指定螺旋形内部线条之间的密度。当“衰减”选项的参数值越大，螺旋线内部线条之间的密度越大，反之越稀松，如图所示。v “段数段数”选项选项：设置螺旋线的段数来间接得到螺旋线的螺旋圈数螺旋圈数

7、。数值越大时，螺旋线的圈数越多，如图所示。v “样式样式”选项选项：设置螺旋线旋转的方向。该选项共有两个选择，一个使螺旋线逆时针方向旋转，一个使螺旋线顺时针旋转，如图所示。3.创建螺旋形的技巧创建螺旋形的技巧 v （1）在保持按下鼠标左键的状态下，按下键或按下键可以减少或增加螺旋线的段数，如图所示。v （2）按下键的同时拖动鼠标，可以调整螺旋线的衰减，如图所示。v （3）按下键可以调整螺旋线旋转的方向，如图所示。四、极坐标网格工具四、极坐标网格工具v 1.任意拖动法任意拖动法v 单击工具箱中的极坐标网格工具按钮，随意拖动鼠标，即可在画板中画出一个星极坐标网格，极坐标网格的形状和大小由拖动鼠标的

8、方向和幅度决定。极坐标网格2.精确输入法精确输入法v 单击工具箱中的极坐标网格工具按钮，在画板中单击鼠标左键，弹出“极坐标网格工具选项”对话框，进行参数设置后单击“确定”按钮即可。极坐标网格工具选项v “宽度宽度”和和“高度高度”选项选项：设置极坐标图形的大小。“宽度”选项设置极坐标图形的宽；“高度”选项设置极坐标图形的高，如图所示。v “同心圆分隔线同心圆分隔线”选项组选项组：设置极坐标图形中同心圆分隔线。 “数量”选项设置同心圆分隔线数量，如图所示。“倾斜”选项设置同心圆分隔线倾向于内侧或外侧的比例，如图所示。v “径向分隔线径向分隔线”选项组选项组：设置极线网格中径向分隔线。“数量”设置

9、径向分隔线的数量；“斜率”选项设置径向分隔线倾向于网格逆时针或顺时针的比例，如图所示。v “从椭圆形创建复合路径从椭圆形创建复合路径”选项：选项：复选该选项时，极线网格对象中的同心圆将转换为复合路径，如图所示为选择该选项的前后对比效果。3.创建极坐标网格技巧创建极坐标网格技巧 v （1）在不松开鼠标的状态下，按下键或按下键可以调整同心圆分隔线向外或向内的倾斜比例，如图所示。v （2）按下键或按下键可以调整放射线，倾向于网格顺时针或逆时针的比例，如图所示。v （3）按下键可以减少同心圆分隔线数目；按下键可以增加同心圆分隔线数目，效果如图所示。v （4）按下键可以增加放射分隔线的数量；按下键可以减

10、少放射分隔线的数量，如图所示。v 矩形网格实质上是在一个矩形中添加了一些线条，将其分为多个网格。v 1.1.任意拖动法任意拖动法v 单击工具箱中的矩形网格工具按钮，随意拖动鼠标，即可在画板中画出一个矩形网格，矩形网格的形状和大小由拖动鼠标的方向和幅度决定。五、矩形网格工具五、矩形网格工具矩形网格2.精确输入法精确输入法v 单击工具箱中的矩形网格工具按钮，在画板中单击鼠标左键，弹出“矩形网格工具选项”对话框。矩形工具网格选项对话框v “宽度宽度”和和“高度高度”选项：选项：设置矩形网格的大小，参数值越大矩形网格越大，如图所示。 v “水平分隔线水平分隔线”选项组：选项组：设置矩形网格的水平线。其

11、中“数量”选项设置水平分隔线的数量，参数值越大，水平分隔线的数量越多，如上图所示。“倾斜”选项设置分隔线倾向的比例，如下图所示。v “垂直分隔线垂直分隔线”选项组选项组：设置矩形网格的垂直线。“数量”选项设置垂直线的数量；“倾斜”选项设置垂直线的倾斜比例。v “使用外部矩形作为框架使用外部矩形作为框架”选项选项：当选择该选项时，网格矩形外部的四条边组成为一个矩形，这时可以为网格矩形填充颜色；取消该选项的选择，网格矩形全部由直线组成，因此无法填充颜色，如图所示。v 3. 创建矩形网格的技巧创建矩形网格的技巧v （1）按下键使水平分隔线的数目减少；按下键使水平分隔线的数目增加，如图。v （2）按下

12、键使垂直分隔线的数目减少；按下键使垂直分隔线的数目增加，如图。v （3）按下键或按下键可以设置垂直分隔线的斜率，如图。v （4）按下键或按下键可以调整水平分隔线的斜率，如图。 v 绘制不规则形状图形的办法就是对路径进行准确的控制与编辑，路径是对象构造的基本元素，本身没有宽度和颜色。v 1. 路径和节点的概念路径和节点的概念（1 1）路径）路径 由一个或多个直线段或曲线段组成，线段的起始点和结束点由锚点标记。任务二、任务二、 不规则路径绘制工具组不规则路径绘制工具组v （2 2）节点）节点 节点根据的不同属性，分为角点和平滑点。v 角点路径突然改变方向。当移动角点的控制柄时，只调整同侧的曲线段。

13、 一个角点可能有一个、两个或者根本没有控制柄。v 平滑点是指两条线段平滑连接处的节点。一个平滑点有两个控制柄，它们作为一个独立的单元一起移动。一、钢笔工具一、钢笔工具v 1. 绘制直线绘制直线v 使用钢笔工具分别单击起始端和末端即可。v 继续点击将出现连续折线，结束绘制可按回车键，或按住Ctrl同时鼠标在页面单击。 技巧：技巧： （1）在绘制过程中按下Shift键，则绘制以45为角度增量的直线。 （2）按Alt键可以删除控制手柄或者将钢笔工具转化成转换节点工具。 （3）按住Caps Lock可以将鼠标更改为精确光标。2. 绘制曲线绘制曲线v 选择钢笔工具，单击曲线起始点，移到曲线段终点，按下鼠

14、标左键拖动则绘制成曲线，通过拖动可调整曲线的曲率，回车或按住Ctrl同时鼠标在任意位置单击结束绘制。v 若以鼠标移动到起始点单击结束绘制，生成封闭路径 。 提示提示：在要转变为角点的锚点处单击鼠标接着在另一个锚点处拖动鼠标，就可以绘制同方向的曲线。钢笔练习钢笔练习3.钢笔工具的其他功能钢笔工具的其他功能v （1 1）添加和删除节点）添加和删除节点 v 将钢笔工具定位到选定路径上方时，它会变成添加锚点工具；当将钢笔工具定位到锚点上方时，它会变成删除锚点工具。 v 注：注： 不要使用 Delete 和 Backspace 键或“编辑”“剪切”和“编辑”“清除”命令删除锚点，这些键和命令将删除该锚点

15、和连接到该锚点的线段。v （2 2）重绘路径）重绘路径v （3 3）连接路径）连接路径二、铅笔工具二、铅笔工具v 1. 使用铅笔工具使用铅笔工具 v 选取铅笔工具，通过鼠标拖动即可绘制开放路经的任意图形。v 若绘制结束前，按下Alt键，绘制完成时，选开鼠标左键，再放开Alt键，则所绘制的图形自动封闭，成为闭合路径。2. 对铅笔工具进行设置对铅笔工具进行设置 v 双击工具箱中的铅笔工具按钮，弹出“铅笔工具首选项”对话框，如图所示。v “铅笔工具首选项”对话框v “保真度保真度”选项选项：用于设置所绘制路径上的锚点的个数。当它的数值越大时，所绘制的曲线上锚点数量越少，曲线显得越平滑；当其数值越小时

16、，曲线上将产生大量的锚点，如图所示。 v “平滑平滑”选项选项：用于控制所绘路径的平滑程度。当参数值越小时，所绘制的路径越粗糙；当参数值越大时，绘制的路径越光滑，如图所示。v “填充新铅笔描边填充新铅笔描边”选项选项：此选项为选择状态时，绘制的路径填充“填色”的颜色。取消该选项的选择，不填充颜色，如图所示。v “保持选定保持选定”选项：选项：此选项为选择状态时，绘制的路径为选择状态。取消该选项的选择，绘制的路径为不选择状态，可以继续下一个路径的绘制，如图所示。v “编辑所选路径编辑所选路径”选项选项：此选项为选择状态时，选择的开放路径可继续使用“铅笔”工具绘制；该选项为不选择状态时，将不能继续绘制选择的开放路径。 v “范围范围