AI第3讲 自由图形的绘制

illustrator图形设计主讲教师：罗薇第3讲自由图形的绘制项目一、卡通背景教学目标能力目标知识目标能使用基本绘图工具绘制自由图形。1、掌握直线段工具的使用。2、掌握弧形工具的使用。3、掌握螺旋线工具的使用。4、掌握矩形网格工具的使用。5、掌握极坐标网格工具的使用。6、掌握钢笔工具的使用。7、掌握铅笔工具的使用。重点难点教学重点：illustrator基本绘图工具的使用教学难点：illustrator的绘图技巧和熟练运用钢笔工具绘图。第3讲自由图形的绘制任务一、线形工具组线形工具组主要包括直线段工具、弧形工具、螺旋线工具、矩形网格工具、极坐标网格工具。一、直线段工具1.任意拖动法单击工具箱中的直线段工具按钮，在画板中按住左键并拖动鼠标，释放鼠标左键，绘制即结束，如图所示。提示：如果需要绘制水平或者垂直或45°的直线，则按住Shift键和鼠标左键并拖动鼠标即可。2.精确输入法单击工具箱中的直线段工具按钮，在画板中单击鼠标左键，弹出“直线段工具选项”对话框，如图所示。直线段工具选项对话框二、弧形工具使用“弧线”工具可以在页面中绘制各种形状的弧线，绘制的弧线即可以是封闭的扇形也可以是开放的线段，1.任意拖动法单击工具箱中的弧形工具按钮，在画板中按住左键并随意拖动鼠标，释放鼠标即可绘制出一条弧线。弧形2.精确输入法单击工具箱中的弧形工具按钮，在画板中单击鼠标左键，在弹出的“弧线段工具选项”对话框中设置X轴长度，Y轴长度，类型，基线轴等参数，单击“确定”按钮即可。弧线段工具选项对话框“X轴长度”和“Y轴长度”选项：设置弧线的大小。在这两个选项右侧有一个带有四个方向点的方框，选择方向点可以设置弧线开始绘制的点，如图所示。“X轴长度”选项：设置弧线的水平方向的宽度，如图所示。“Y轴长度”选项：设置弧线垂直的高度，如图所示。设置弧线的绘制起点设置弧线绘制的点设置弧线的大小“类型”选项：可设置绘制对象的类型。当选择“开放”时，弧线为线，当选择“闭合”时，可以使弧线闭合为扇形，如图所示。“基线轴”选项：设置弧线的方向。在该选项中有两个选择分别为“X轴”和“Y轴”，当选择“X轴”时，弧线朝向X轴，当选择“Y轴”时，弧线朝向Y轴，效果如图所示。“斜率”：可指定弧线或弧形的弧度。当输入正值时弧线为凸起状态；那么输入负值弧线为凹陷状态；当为0时，则为直线，如图所示。“弧线填色”选项：复选该选项，可以为创建的弧线直接应用填充色；取消该选项的复选，弧线的填充色始终都为“无”，如图所示。3.创建弧线的技巧（1）在不松开鼠标的状态下，按下↑键或按下↓键，减小或增大弧形的凹面斜率从而可以调整弧线的弧度，如图所示。（2）按下X键可以翻转弧度的方向，如图所示。提示：再次按下X键可以将弧度的位置再次翻转。（3）按下C键可以将绘制的弧线闭合，形成一个扇形，再次按下可以将闭合的弧线打开，如图所示。（4）按住Shift键则可以画出等比例的弧线。三、螺旋线工具1.任意拖动法螺旋线工具可以根据设置的选项数值产生螺旋状的图形。单击工具箱中的螺旋线工具按钮，按住左键在画板中拖动鼠标，释放鼠标左键即可绘制出一条螺旋线，如图所示。螺旋线2.精确输入法单击工具箱中的螺旋线工具按钮，在画板中单击鼠标左键，弹出“螺旋线”对话框，在该对话框中可以对螺旋线的半径、衰减、段数、样式进行设置。螺旋线对话框在“螺旋线”对话框中各选项的作用如下：“半径”选项：设置螺旋形的半径。螺旋线的半径是指从螺旋线的中心点到螺旋线终点之间的距离。该选项的参数值越大，螺旋线越大，如图所示。“衰减”选项：用于指定螺旋形内部线条之间的密度。当“衰减”选项的参数值越大，螺旋线内部线条之间的密度越大，反之越稀松，如图所示。“段数”选项：设置螺旋线的段数来间接得到螺旋线的螺旋圈数。数值越大时，螺旋线的圈数越多，如图所示。“样式”选项：设置螺旋线旋转的方向。该选项共有两个选择，一个使螺旋线逆时针方向旋转，一个使螺旋线顺时针旋转，如图所示。3.创建螺旋形的技巧（1）在保持按下鼠标左键的状态下，按下↓键或按下↑键可以减少或增加螺旋线的段数，如图所示。（2）按下Ctrl键的同时拖动鼠标，可以调整螺旋线的衰减，如图所示。（3）按下R键可以调整螺旋线旋转的方向，如图所示。四、极坐标网格工具1.任意拖动法单击工具箱中的极坐标网格工具按钮，随意拖动鼠标，即可在画板中画出一个星极坐标网格，极坐标网格的形状和大小由拖动鼠标的方向和幅度决定。极坐标网格2.精确输入法单击工具箱中的极坐标网格工具按钮，在画板中单击鼠标左键，弹出“极坐标网格工具选项”对话框，进行参数设置后单击“确定”按钮即可。极坐标网格工具选项“宽度”和“高度”选项：设置极坐标图形的大小。“宽度”选项设置极坐标图形的宽；“高度”选项设置极坐标图形的高，如图所示。“同心圆分隔线”选项组：设置极坐标图形中同心圆分隔线。“数量”选项设置同心圆分隔线数量，如图所示。“倾斜”选项设置同心圆分隔线倾向于内侧或外侧的比例，如图所示。“径向分隔线”选项组：设置极线网格中径向分隔线。“数量”设置径向分隔线的数量；“斜率”选项设置径向分隔线倾向于网格逆时针或顺时针的比例，如图所示。“从椭圆形创建复合路径”选项：复选该选项时，极线网格对象中的同心圆将转换为复合路径，如图所示为选择该选项的前后对比效果。3.创建极坐标网格技巧（1）在不松开鼠标的状态下，按下C键或按下X键可以调整同心圆分隔线向外或向内的倾斜比例，如图所示。（2）按下F键或按下V键可以调整放射线，倾向于网格顺时针或逆时针的比例，如图所示。（3）按下↓键可以减少同心圆分隔线数目；按下↑键可以增加同心圆分隔线数目，效果如图所示。（4）按下→键可以增加放射分隔线的数量；按下←键可以减少放射分隔线的数量，如图所示。矩形网格实质上是在一个矩形中添加了一些线条，将其分为多个网格。1.任意拖动法单击工具箱中的矩形网格工具按钮，随意拖动鼠标，即可在画板中画出一个矩形网格，矩形网格的形状和大小由拖动鼠标的方向和幅度决定。五、矩形网格工具矩形网格2.精确输入法单击工具箱中的矩形网格工具按钮，在画板中单击鼠标左键，弹出“矩形网格工具选项”对话框。矩形工具网格选项对话框“宽度”和“高度”选项：设置矩形网格的大小，参数值越大矩形网格越大，如图所示。“水平分隔线”选项组：设置矩形网格的水平线。其中“数量”选项设置水平分隔线的数量，参数值越大，水平分隔线的数量越多，如上图所示。“倾斜”选项设置分隔线倾向的比例，如下图所示。“垂直分隔线”选项组：设置矩形网格的垂直线。“数量”选项设置垂直线的数量；“倾斜”选项设置垂直线的倾斜比例。“使用外部矩形作为框架”选项：当选择该选项时，网格矩形外部的四条边组成为一个矩形，这时可以为网格矩形填充颜色；取消该选项的选择，网格矩形全部由直线组成，因此无法填充颜色，如图所示。3.创建矩形网格的技巧（1）按下↓键使水平分隔线的数目减少；按下↑键使水平分隔线的数目增加，如图。（2）按下←键使垂直分隔线的数目减少；按下→键使垂直分隔线的数目增加，如图。（3）按下X键或按下C键可以设置垂直分隔线的斜率，如图。（4）按下F键或按下V键可以调整水平分隔线的斜率，如图。绘制不规则形状图形的办法就是对路径进行准确的控制与编辑，路径是对象构造的基本元素，本身没有宽度和颜色。1.路径和节点的概念（1）路径由一个或多个直线段或曲线段组成，线段的起始点和结束点由锚点标记。任务二、不规则路径绘制工具组（2）节点节点根据的不同属性，分为角点和平滑点。角点路径突然改变方向。当移动角点的控制柄时，只调整同侧的曲线段。一个角点可能有一个、两个或者根本没有控制柄。平滑点是指两条线段平滑连接处的节点。一个平滑点有两个控制柄，它们作为一个独立的单元一起移动。一、钢笔工具1.绘制直线使用钢笔工具分别单击起始端和末端即可。继续点击将出现连续折线，结束绘制可按回车键，或按住Ctrl同时鼠标在页面单击。技巧：（1）在绘制过程中按下Shift键，则绘制以45°为角度增量的直线。（2）按Alt键可以删除控制手柄或者将钢笔工具转化成转换节点工具。（3）按住CapsLock可以将鼠标更改为精确光标。2.绘制曲线选择钢笔工具，单击曲线起始点，移到曲线段终点，按下鼠标左键拖动则绘制成曲线，通过拖动可调整曲线的曲率，回车或按住Ctrl同时鼠标在任意位置单击结束绘制。若以鼠标移动到起始点单击结束绘制，生成封闭路径。提示：在要转变为角点的锚点处单击鼠标接着在另一个锚点处拖动鼠标，就可以绘制同方向的曲线。钢笔练习3.钢笔工具的其他功能（1）添加和删除节点将钢笔工具定位到选定路径上方时，它会变成添加锚点工具；当将钢笔工具定位到锚点上方时，它会变成删除锚点工具。注：不要使用Delete和Backspace键或“编辑”“剪切”和“编辑”“清除”命令删除锚点，这些键和命令将删除该锚点和连接到该锚点的线段。（2）重绘路径（3）连接路径二、铅笔工具1.使用铅笔工具选取铅笔工具，通过鼠标拖动即可绘制开放路经的任意图形。若绘制结束前，按下Alt键，绘制完成时，选开鼠标左键，再放开Alt键，则所绘制的图形自动封闭，成为闭合路径。2.对铅笔工具进行设置双击工具箱中的铅笔工具按钮，弹出“铅笔工具首选项”对话框，如图所示。“铅笔工具首选项”对话框“保真度”选项：用于设置所绘制路径上的锚点的个数。当它的数值越大时，所绘制的曲线上锚点数量越少，曲线显得越平滑；当其数值越小时，曲线上将产生大量的锚点，如图所示。“平滑”选项：用于控制所绘路径的平滑程度。当参数值越小时，所绘制的路径越粗糙；当参数值越大时，绘制的路径越光滑，如图所示。“填充新铅笔描边”选项：此选项为选择状态时，绘制的路径填充“填色”的颜色。取消该选项的选择，不填充颜色，如图所示。“保持选定”选项：此选项为选择状态时，绘制的路径为选择状态。取消该选项的选择，绘制的路径为不选择状态，可以继续下一个路径的绘制，如图所示。“编辑所选路径”选项：此选项为选择状态时，选择的开放路径可继续使用“铅笔”工具绘制；该选项为不选择状态时，将不能继续绘制选择的开放路径。“范围”选项：用来决定鼠标指针与现有路径必须达到多近距离，才能使用“铅笔”工具编辑路径。该选项只有在“编辑所选路径”选项为选择状态时，才可以使用。例如：设置该选项为10像素，只有指针到达离端点10像素的范围内，才可以继续编辑路径。小结通过本章的学习，读者应对IllustratorCS4有初步的了解和认识，介绍了对IllustratorCS4界面的认识和绘图中的一些最基础的操作。通过本章的学习，应对IllustratorCS4的工作环境有初步了解，从而为以后深入学习这个软件打下坚实的基础。