illustratorcs4实用教程电子课件第2章图形的绘制和编辑.ppt

《illustratorcs4实用教程电子课件第2章图形的绘制和编辑.ppt》由会员分享，可在线阅读，更多相关《illustratorcs4实用教程电子课件第2章图形的绘制和编辑.ppt（52页珍藏版）》请在得力文库 - 分享文档赚钱的网站上搜索。

1、第第2章章 图形的绘制和编辑图形的绘制和编辑本章重点本章重点在Illustrator CS4中可以绘制各种图形，并对线条和填充赋予不同的颜色。同时还可以对其进行再次编辑。此外通过“路径寻找器”对图形和图形之间进行各种组合处理。通过本章的学习，读者应掌握以下内容。n 掌握绘制线形的方法 n 掌握绘制图形的方法n 掌握绘制网格的方法n 掌握徒手绘图与修饰的方法 n 掌握对图形进行变形的方法n 掌握路径查找器的使用方法n 掌握描摹线稿的方法2.1 绘制线形绘制线形 线形是平面设计中经常会用到的一种基本图形，在Illustrator CS4的工具箱中也提供了多种绘制线形的工具，可以利用他们绘制直线段、

2、弧线和螺旋线。2.1.1 绘制直线段绘制直线段 直线段应该说是平面设计中最简单、最基本的图形对象了，绘制直线使用的是工具箱中的（直线段工具），如图2-1所示。图2-1 选择“直线段工具”2.1.2 绘制弧线绘制弧线 弧线也是一种重要的基本图形，直线可以被看做是弧线的一种特殊情况，所以弧线有着更为广泛的用途。Illustrator CS4提供的绘制弧线的方法很丰富，利用这些办法，可以绘制出各种长短不一、形状各异的弧线。2.1.3 绘制螺旋线绘制螺旋线 相对于直线和弧线而言，螺旋线是一种并不常用的线形。但在某些场合下，它也是必不可少的一种线形。2.2 绘制图形绘制图形 本节所指的“图形”是一个狭义

3、的概念，是指使用绘图工具绘制的、封闭的、可直接设置填充和线型的基本图形，包括矩形、圆、椭圆、多边形和星形等。通过这些基本的图形，可以组合出丰富多彩的复杂图形。2.2.1 绘制矩形和圆角矩形绘制矩形和圆角矩形 绘制矩形有两种方法：第一种方法是在屏幕上拖动鼠标绘制出矩形或圆角矩形；第二种是使用数值方法绘制矩形或圆角矩形。当只需粗略地确定矩形大小时，用前一种方法更为快捷；当需要精确地指定矩形的长和宽时，用后一种方法更为精确。1.绘制矩形绘制矩形2.绘制圆角矩形绘制圆角矩形绘制圆角矩形的基本操作方法与绘制矩形基本一致。2.2.2 绘制圆和椭圆绘制圆和椭圆 与绘制矩形和圆角矩形一样，绘制圆和椭圆也有两种

4、方法可供选样。第一种方法是在屏幕上拖动鼠标绘制出圆和椭圆；第二种是使用数值方法绘制圆和椭圆。当只需粗略地确定圆和椭圆大小的时候，用前一种方法更为快捷；当需要精确指定椭圆的长和宽后，用后一种方法更为精确。2.2.3 绘制星形绘制星形 星形也是常用的图形之一，所以Illustrator CS4中也提供了专门绘制星形的工具。2.2.4 绘制多边形绘制多边形 在Illustrator CS4中，可以绘制任意边数的正多边形。与绘制矩形和椭圆的方法类似，也可以用拖动鼠标绘制的方法和精确绘制的方法。2.2.5 绘制光晕绘制光晕 利用光晕工具可以绘制光晕图形，它不是简单的基本图形，而是一种具有闪耀效果的复杂形

5、体。2.3 绘制网格绘制网格 平面设计中，网格是经常会用到的，而矩形网格和极坐标网格又是最常用的两种网格。使用 （矩形网格工具）和 （极坐标网格工具），能够快速的绘制出矩形网格和极坐标网格。2.3.1 绘制矩形网格绘制矩形网格 绘制矩形网格的具体操作步骤如下：1）选择工具箱上的 （矩形网格工具），如图2-41所示，然后在画布上拖动鼠标，通过确定的两个对角点来确定矩形网格的位置和大小，所绘制的矩形网格如图2-42所示。2）在拖动鼠标绘制矩形网格的过程中，如果按下Shift键可以得到正方形网格，如图2-43所示；如果按下键盘上的键可以增加矩形网格的行数；如果按下键盘上的键可以减少矩形网格的列数。3

6、）如果要精确绘制矩形网格，可以选择工具箱上的 （矩形网格工具），然后在画布的任意位置单击，此时会弹出如图2-44所示的对话框。4）在该对话框中，“默认大小”选项组用于设置矩形网格的宽度和高度；在“水平分割线”选项组中的“数量”文本框用于设置水平分割线的数目，“倾斜”文本框用于指定水平分割线与网格的水平边缘的距离；“垂直分割线”选项组中的“数量”文本框用于设置垂直分割线的数目，而“倾斜”用于设置垂直分割线与网格垂直边缘的距离。如果将水平“倾斜”值设为60%，将会得到如图2-45所示的矩形网格；将垂直“倾斜”值设为60%，将会得到如图2-46所示的矩形网格。提示：在绘制矩形网格的过程中，利用键盘上

7、的向上和向下箭头键同样可以得到图2-45和图2-46所示的效果。5）如果在该对话框中选中了“使用外部矩形作为框架”复选框，则将矩形网格最外层的矩形作为整个网格的边框；如果选中了“填充网格”复选框，则将填充网格。图2-47所示为填充后的矩形网格。2.3.2 绘制极坐标网格绘制极坐标网格 绘制极坐标网格的具体操作步骤如下：1）选择工具箱上的 （极坐标网格工具），如图2-48所示。然后在画布上拖动鼠标，通过确定外轮廓圆的外接矩形的两个对角点来确定极坐标网格的位置和大小，所绘制的极坐标网格如图2-49所示。2）在拖动鼠标绘制极坐标网格的过程中，如果按下键盘上的Shift键，可以得到外轮廓为正圆的极坐标

8、网格，如图2-50所示；如果按下键盘上的键，可以增加极坐标网格同心圆的数目，如图2-51所示；如果按下键盘上的键，可以增加极坐标网格射线的数目，如图2-52所示。3）如果要绘制精确的极坐标网格，选择工具箱上的 （极坐标网格工具），然后在画布的任意位置单击，将会弹出如图2-53所示的对话框。4）在该对话框中，“默认大小”选项组用于设置极坐标网格外接矩形的宽度和高度；“同心圆分隔线”选项组中的“数量”文本框用于指定分隔线的数目，而“倾斜”文本框用于指定分隔线与网格轴向边缘的距离；在“径向分隔线”选项组中的“数量”文本框用于指定径向分隔线的数目，而“倾斜”文本框用于指定径向分隔线与网格径向起点的距离

9、。如果将水平“倾斜”值设为60%，将会得到图2-54所示的极坐标网格；将垂直“倾斜”值设为60%，将会得到图2-55所示的极坐标网格。2.4 徒手绘图与修饰徒手绘图与修饰 在平面设计中，并非所有的线条都是像直线、椭圆这样的规则图形，更多的时候需要我们利用灵巧的双手和铅笔等作图工具，来完成一些非规则的图形。本节我们将讲解 （铅笔工具）、（平滑工具）和 （擦除工具）的使用。2.4.1 钢笔工具钢笔工具 （钢笔工具）是一个非常重要的工具，也是用户平时绘图工作中使用最频繁的一种工具，它可以用来绘制直线和平滑曲线，并可对绘制的路径进行精确的控制。单击工具箱中的 （钢笔工具），在弹出的工具组中将显示出（添

10、加锚点工具）、（删除锚点工具）和 （转换锚点工具），如图2-56所示。2.4.2 铅笔工具铅笔工具 使用 （铅笔工具）可以随意绘制出自由、不规则的曲线路径。在绘制的过程中，Illustrator CS4会自动依据鼠标的轨迹来设定节点而生成路径。铅笔工具既可以绘制闭合路径，又可以绘制开放路径。同时铅笔工具还可以将已存在的曲线的节点作为起点，延伸绘制出新的曲线，从而达到修改曲线的目的。图2-57所示为使用 （铅笔工具）绘制的4帧人物原画。2.4.3 平滑工具平滑工具 使用鼠标徒手绘制图形时，往往不能够像现实中使用铅笔或钢笔那样得心应手，此时可以使用 （平滑工具），使曲线变得更平滑。2.4.4 路径

11、橡皮擦工具路径橡皮擦工具 和 （平滑工具）一样，（路径橡皮擦工具）也是一种徒手修饰工具，它能够清除已有路径的全部。路径橡皮擦工具的具体使用方法如下：1）选中需要擦除的路径，然后选择工具箱上的 （路径橡皮擦工具），在需要擦除的地方拖动鼠标，即可完成擦除工作。2）路径橡皮擦工具可以将目标路径的端部清除，也可以将目标路径的中间某一段清除，从而形成多条路径。2.5 图形的变形图形的变形 Illustrator CS4提供了多个图形变形操作工具，例如可以使用 （旋转工具）旋转图形，使用 （镜像工具）镜像图形，使用 （比例缩放工具）缩放图形，使用 （倾斜工具）倾斜图形和使用 （改变形状工具）改变图形形状等

12、。2.5.1 使用变换工具变换图形使用变换工具变换图形 在Illustrator CS4中，对图形进行变换操作的方法有3种：第1种是使用“变换”面板中的各选项进行相关的变换操作；第2种是使用工具箱中的相关变换工具进行变换操作；第3种是通过执行菜单中的“对象|变换”命令中子菜单命令进行相关的变换操作。下面将对第1种和第2种方法进行详细介绍。2.5.2 使用变形工具改变图形形状使用变形工具改变图形形状 Illustrator CS4的工具箱中提供了一组功能强大的图形变形工具，它们分别是（变形工具）、（旋转扭曲工具）、（缩拢工具）、（膨胀工具）、（扇贝工具）、（晶格化工具）和 （皱褶工具）。使用这些

13、工具可以对图形进行多种变形操作，下面就来讲解这些变形工具的操作方法和使用技巧。2.5.3 使用其他工具编辑图形使用其他工具编辑图形 在Illustrator CS4中，除了以上介绍的各类工具之外，工具箱中还包括一些具有特殊功能的工具，如 （美工刀工具）、（度量工具）、（打印拼贴工具）等。下面就来具体讲解这些工具的使用方法。2.5.4 使用使用“封套变形封套变形”命令变形图形命令变形图形 在使用Illustrator CS4绘制或编辑图形时，使用“封套扭曲”命令可以对图形按封套的形状进行相应的变形，从而使图形获得使用普通绘制工具无法获得的变形效果。2.6 编辑路径编辑路径 创建了路径之后，还可以

14、对路径进行平均锚点、简化锚点、断开锚点、延伸锚点、连接锚点、分割锚点、偏移路径的操作。2.6.1 平均锚点平均锚点 使用平均锚点命令，可以将选中路径上的锚点位置重新排列，从而得到所需的效果。2.6.2 简化锚点简化锚点 使用简化锚点命令，可以简化路径上多余的锚点，且不改变原路径图形的基本形状。2.6.3 连接锚点连接锚点 连接锚点的具体操作步骤如下：1）选中需要连接锚点的路径。2）执行菜单中的“对象|路径|连接”命令，即可连接锚点。图2-135所示为连接锚点前后的效果比较。2.6.4 分割路径分割路径 分割路径的具体操作步骤如下：1）选中要进行分割路径且位于上方的对象。2）执行菜单中的“对象|

15、路径|分割下方对象”命令，此时位于上层的路径会对位于下层的路径进行分割。图2-136为分割路径前后的效果比较。2.6.5 偏移路径偏移路径 偏移路径的具体操作步骤如下：1）选中要进行偏移的路径。2）执行菜单中的“对象|路径|偏移路径”命令，然后在弹出的如图2-137所示的对话框中设置需要偏移路径的位移量、连接及斜接限制后，单击“确定”按钮，即可完成路径偏移。图2-138所示为偏移路径前后的效果比较。2.7 路径查找器路径查找器 在Illustrator CS4中编辑图形时，路径查找器面板是最常用的工具之一，它包含一组功能强大的路径编辑命令，通过它可以将一些简单的图形进行组合，从而生成复合图形或

16、是新的图形。2.7.1 “路径查找器路径查找器”面板面板 执行菜单中的“窗口|路径查找器”命令，调出“路径查找器”面板，如图2-139所示。“路径查找器”面板中的按钮分为“形状模式”和“路径查找器”两组。2.7.2 联集、差集、交集和挖空联集、差集、交集和挖空 1）（联集），即与形状区域相加，可以将选定图形中的重叠部分联合在一起，从而生成新的图形。新图形的填充和边线属性与位于顶部图形的填充和边线属性相同。图2-140所示为执行“联集”操作前后的比较图。2）（减去顶层），可以用前面的图形减去后面的图形，计算后，前面图形的非重叠区域被保留，后面的图形消失，最终图形和原来位于前面的图形保持相同的填充

17、和边线属性。图2-141所示为执行“减去顶层”操作前后的比较图。3）（交集），即与形状区域相交，用于保留图形中的重叠部分，最终图形具有和原来位于最前面的图形相同的填充和边线属性。图2-142所示为执行“交集”操作前后的比较图。4）（差集），即排除重叠形状区域，用于删除多个图形间的重叠部分，而只保留为重叠的部分。所生成的新图形将具有原来位于最顶部图形的填充和边线等属性。图2-143所示为执行“差集”操作前后的比较图。2.7.3 分割、修边、合并和裁剪分割、修边、合并和裁剪 1）(分割)用于将多个有重叠区域的图形的重叠部分和非重叠部分进行分离，从而得到多个独立的图形。分割后生成的新图形的填充和边线

18、属性与原来图形保持一致。图2-144所示为执行“分割”操作前后的比较图。2）（修边）用于将后面图形被覆盖的部分剪掉。修边后的图形保留原来的填充属性，但描边色将变为无色。图2-145为执行“修边”操作前后的比较图。3）（合并）比较特殊，它根据所选中的图形的填充和边线属性不同而会有所不同。如果图形的填充和边线属性都相同，则类似并集，此时可将所有图形组成一个整体合成一个对象，但对象的描边色将变为无色，应用效果如图2-146所示；如果图形的填充和边线属性不相同，则相当于（修剪）操作，应用效果如图2-147所示。4）（裁剪）的工作原理与蒙版十分相似，对于两个或多个有重叠区域的图形，裁剪操作可以将所有落在

19、最上面图形之外的部分裁剪掉，同时裁剪器本身消失。图2-148所示为执行“裁剪”操作前后的比较图。2.7.4 轮廓和减去后方对象轮廓和减去后方对象 1）（轮廓）用于将所有的填充图形转换为轮廓线，计算后的结果为轮廓线的颜色和原来图形的填充色相同，且描边色变为1pt。图2-149所示为执行“轮廓”操作前后的比较图。2）（减去后方对象）是用前面的图形减去后面的图形，计算后，结果为前面图形的非重叠区域被保留，后面的图形消失，最终图形和原来位于前面的图形保持相同的描边色和填充色。图2-150所示为执行“减去后方对象”操作前后的比较图。2.8 描摹图稿描摹图稿 在Illustrator CS4中可以轻松地描摹此图稿。例如，通过将图形引入 Illustrator 并描摹它，可以基于纸上或另一图形程序中存储的栅格图像上绘制的铅笔素描创建图形。描摹图稿最简单的方式是打开或将文件置入到 Illustrator 中，然后使用“实时描摹”命令描摹图稿。此时，还可控制细节级别和填色描摹的方式。当对描摹结果满意时，可将描摹转换为矢量路径或“实时上色”对象。图2-151为导入的一幅图像，单击“实时描摹”按钮，即可对其进行描?-152为描摹图稿的效果，图2-153为单击“扩展”按钮后将其转换为矢量路径的效果。