第二章 绘制与编辑基本图形(低版-本)
合集下载
单元2基本图形的绘制与编辑
单元二 基本图形的绘制与编辑
单元二 基本图形的绘制与编辑
单元二 基本图形的绘制与编辑
单元二 基本图形的绘制与编辑
单元二 基本图形的绘制与编辑
单元二 基本图形的绘制与编辑
单元二 基本图形的绘制与编辑
单元二 基本图形的绘制与编辑
单元二 基本图形的绘制与编辑
单元二 基本图形的绘制与编辑
目录
1 基本二维图形绘制 2 基本二维图形的编辑 3 高级编辑技巧
单元二 基本图形的绘制与编辑
单元二 基本图形的绘制与Leabharlann 辑单元二 基本图形的绘制与编辑
单元二 基本图形的绘制与编辑
单元二 基本图形的绘制与编辑
单元二 基本图形的绘制与编辑
单元二 基本图形的绘制与编辑
单元二 基本图形的绘制与编辑
单元二 基本图形的绘制与编辑
单元二 基本图形的绘制与编辑
单元二 基本图形的绘制与编辑
单元二 基本图形的绘制与编辑
单元二 基本图形的绘制与编辑
单元二 基本图形的绘制与编辑
单元二 基本图形的绘制与编辑
单元二 基本图形的绘制与编辑
单元二 基本图形的绘制与编辑
单元二 基本图形的绘制与编辑
单元二 基本图形的绘制与编辑
单元二 基本图形的绘制与编辑
单元二 基本图形的绘制与编辑
单元二 基本图形的绘制与编辑
单元二 基本图形的绘制与编辑
单元二 基本图形的绘制与编辑
单元二 基本图形的绘制与编辑
单元二 基本图形的绘制与编辑
单元二 基本图形的绘制与编辑
单元二 基本图形的绘制与编辑
单元二 基本图形的绘制与编辑
单元二 基本图形的绘制与编辑
单元二 基本图形的绘制与编辑
第2章图形的绘制和编辑
• 文本工具：用于在工作区入与输出。
• 椭圆工具：用于绘制包括矢量线和填充色块的 椭圆或圆。
• 矩形工具：用于绘制包括矢量线和填充色块的 矩形或正方形，可以切换到多角星形工具绘制 多边形和星形。
• 铅笔工具：用于绘制线条和形状，和使用真实 的铅笔绘画方式大致相同。
• 刷子工具：像日常生活中使用的刷子一样刷出 线条和填充闭合的区域。
• 墨水瓶工具：用于改变矢量图形轮廓线的颜色、 类型和粗细。
• 颜料桶工具：用于对封闭区域填充颜色、渐变 色及位图等。
• 滴管工具：用于从各种存在的对象中获得颜色 和类型的信息。
• 橡皮擦工具：用于擦除工作区中绘制的内容。
2．查看区 • 手形工具：用于拖动工作区中的图像。 • 缩放工具：可以对工作对象放大或缩小。 3．颜色区 • 设置笔触的颜色，单击可打开调色板。 • 设置填充区域的颜色，单击可打开调色板。 • 设置笔触颜色为黑色，填充区域为白色。 • 按钮：将笔触颜色或者填充区域颜色设置
组、实例或文本块等对象进行调整，如移动、 旋转、缩放和扭曲等。
使用“任意变形”工具选中对象，在选中 对象的周围会显示出控制线和控制点，将鼠标 移动到这些控制线和控制点上时，鼠标的指针 发生变化，指明哪种变形功能可用。
➢ 设置变形中心点：变形框中心的白色圆点称 为变形中心点。当鼠标移到变形中心点时，鼠 标指针变为状，按下鼠标左键可将该点拖动到 任意地方。
默认情况下，使用“线条”工具绘制的是 1像素粗细的圆角实线，用户可以通过其对应 的“属性”面板，对线条的颜色、线宽、线型 等进行设置。
2.3.2 使用铅笔工具 “铅笔”工具和现实生活中的铅笔使用方
法大致相同，可以绘制自由的线条和图形。不 同的是，“铅笔”工具可以对绘制的线条进行 伸直或平滑处理，也可以用来识别和校正基本 的几何图形。
• 椭圆工具：用于绘制包括矢量线和填充色块的 椭圆或圆。
• 矩形工具：用于绘制包括矢量线和填充色块的 矩形或正方形，可以切换到多角星形工具绘制 多边形和星形。
• 铅笔工具：用于绘制线条和形状，和使用真实 的铅笔绘画方式大致相同。
• 刷子工具：像日常生活中使用的刷子一样刷出 线条和填充闭合的区域。
• 墨水瓶工具：用于改变矢量图形轮廓线的颜色、 类型和粗细。
• 颜料桶工具：用于对封闭区域填充颜色、渐变 色及位图等。
• 滴管工具：用于从各种存在的对象中获得颜色 和类型的信息。
• 橡皮擦工具：用于擦除工作区中绘制的内容。
2．查看区 • 手形工具：用于拖动工作区中的图像。 • 缩放工具：可以对工作对象放大或缩小。 3．颜色区 • 设置笔触的颜色，单击可打开调色板。 • 设置填充区域的颜色，单击可打开调色板。 • 设置笔触颜色为黑色，填充区域为白色。 • 按钮：将笔触颜色或者填充区域颜色设置
组、实例或文本块等对象进行调整，如移动、 旋转、缩放和扭曲等。
使用“任意变形”工具选中对象，在选中 对象的周围会显示出控制线和控制点，将鼠标 移动到这些控制线和控制点上时，鼠标的指针 发生变化，指明哪种变形功能可用。
➢ 设置变形中心点：变形框中心的白色圆点称 为变形中心点。当鼠标移到变形中心点时，鼠 标指针变为状，按下鼠标左键可将该点拖动到 任意地方。
默认情况下，使用“线条”工具绘制的是 1像素粗细的圆角实线，用户可以通过其对应 的“属性”面板，对线条的颜色、线宽、线型 等进行设置。
2.3.2 使用铅笔工具 “铅笔”工具和现实生活中的铅笔使用方
法大致相同，可以绘制自由的线条和图形。不 同的是，“铅笔”工具可以对绘制的线条进行 伸直或平滑处理，也可以用来识别和校正基本 的几何图形。
第2章绘制和编辑图形
第2章绘制和编辑图形图形能够看成是由线和填充（主要是填充颜色）组成的，填充一般只能够对封闭的图形实行。
矢量图形的着色有两种，一是对线的着色，二是对填充着色（或填充位图）。
工具箱中的工具一局部仅仅用于绘制和编辑线的，例如：线条工具、铅笔工具、钢笔工具和墨水瓶工具；一局部仅仅用于绘制和编辑填充的，例如：刷子工具、颜料桶工具和填充变形工具；再有一局部能够绘制和编辑线及填充，例如：椭圆工具、矩形工具、多角星形工具、橡皮擦工具、滴管工具、任意变形工具和套索工具等。
2.1 “混色器”和“颜色样本”面板及编辑多个对象2.1.1 “混色器”面板单击“窗口”→“设计面板”→“混色器”菜单命令，可调出“混色器”面板，如图2-1-1左图所示。
利用“混色器”面板能够调整笔触颜色和填充颜色，以及设置多色渐变的填充色。
图2-1-1 “混色器”面板2.1.2 “颜色样本”面板单击“窗口”→“颜色样本”菜单命令，可调出“颜色样本”面板，如图2-1-5所示。
它与线颜色设置的颜色板基本一样，仅仅在底部增加了一行按钮。
该行按钮是系统提供的填充效果（线性填充效果和放射状填充效果）样式图标，单击其中一个图标，即可迅速获得相对应的渐变填充色设置。
图2-1-5 “颜色样本”面板【实例13】水晶球按钮“水晶球按钮”图形如图2-1-12所示。
它给出了红、蓝、绿三个不同颜色的水晶球按钮图形。
水晶球按钮图形的底图是立体的水晶球，其上是有倒影的“水晶球按钮”文字。
该图形的制作方法如下。
图2-1-12 “水晶球按钮”图形1．制作水晶球（1）创建一个宽550像素，高200像素，背景色为浅蓝色的舞台工作区。
单击“视图”→“标尺”菜单命令，此时会在舞台工作区上边和左边出现标尺。
（2）单击工具箱中的“选择工具”按钮，用鼠标从标尺栏向舞台工作区拖曳，创建3条水平辅助线和3条垂直辅助线，如图2-1-13所示。
（3）单击“插入”→“新建元件”菜单命令，调出“创建新建元件”对话框，在该对话框内的“名称”文本框中输入“水晶球”，选中“影片剪辑”单项选择项，如图2-1-13所示。
基本图形的绘制与编辑
单元二 基本图形的绘制与编辑
（4）“继承特性”按钮 单击“继承特性”按钮，允许将已填充在实体中的 填充图案选择为当前填充图案。 （5）“预览”按钮 定义了图案填充类型、参数和边界后，单击“预览 ”按钮，显示绘制填充图案的效果，预览完毕后，按Esc 键返回“图案填充和渐变色”对话框，可一直进行修改 ，直到填充图案满意为止。单击“确定”按钮，绘制出 满意的填充图案。
单元二 基本图形的绘制与编辑
2.1.2 线类命令 2.1.2.1 绘制直线（line） 直线是基本的图形对象之一，利用本命令可以绘制 直线或折线。 2.1.2.2 绘制射线（ray） 此命令可绘制向一个方向无限延伸的直线。执行此 命令时，给定起点和通过点即可绘制射线。 2.1.2.3 绘制构造线（xline） 构造线命令可以绘制向两个方向无限延伸的直线， 即无穷长直线，在绘制工程图中常用来辅助作图。该命 令可以按指定的方式和距离画一条或一组无穷长直线。
（3） “选项”区 ① “关联”开关 此开关主要控制当前边界改变时，填充图案是否跟随变化。 ② “创建独立的图案填充”开关 关闭“创建独立的图案填充”开关，同一个命令中指定的各 边界所绘制的填充图案是一个实体。打开“创建独立的图案填充 ”开关，将使同一个命令指定的各边界所绘制的填充图案是一个 独立的实体。 ③ “绘图次序”下拉列表 绘图次序是指绘制的填充图案与其边界的绘图次序，此下拉 列表可控制两者重叠处的显示顺序。“置于边界之后”是默认状 态。
单元二 基本图形的绘制与编辑
2.1.6.2 “图案填充和渐变色”对话框（图2.24） “图案填充和渐变色”对话框分为“图案类型”区 、“边界”区、“选项”区、“继承特性”按钮和“预 览”按钮五部分。 （1）“图案类型”区 ① “预定义”类型填充图案的选择和定义选定已定 义选定已定义在文件ACAD.PAT中的图案。预定义图案的 选用有3种方法：
图形设计与制作第二章基本图形的绘制
任意大小和形状的椭圆。
多边形
使用多边形工具，通过依次指 定各个顶点的位置，可以绘制 出任意边数和形状的多边形。
不规则图形的绘制
自由曲线
01
使用自由曲线工具，通过鼠标拖动或指定多个点的方式，可以
绘制出任意形状的自由曲线。
贝塞尔曲线
02
使用贝塞尔曲线工具，通过指定起点、终点和控制点的位置，
可以绘制出平滑且连续的曲线。
06
案例分析与实战演练
案例一：标志设计
设计理念
简洁、易识别、具有独特性。
设计步骤
确定主题和风格、绘制草图、制作矢量图形、 调整细节、导出成品。
设计元素
线条、形状、颜色、文字等。
实战演练
设计一个公司标志，包括图标和文字部分， 要求简洁明了，符合公司形象。
案例二：海报设计
设计理念
突出主题、吸引眼球、传达信息。
选择多个图形后，可以使用分布工具 或快捷键进行水平或垂直居中分布、 等距分布等操作，使图形在画布上均 匀分布。
图形的组合和拆分
组合图形
选择多个图形后，可以使用组合工具或快捷键将它们组合成一个整体，方便统一 移动、缩放和旋转等操作。
拆分图形
对于已经组合的图形，可以使用拆分工具或快捷键将其拆分成独立的个体，以便 进行单独的编辑和调整。
基本图形的作用
01
02
03
视觉引导
基本图形可以引导观众的 视线，突出重点信息，增 强视觉效果。
构建框架
基本图形可以作为设计的 基础框架，为其他元素提 供支撑和背景。
表达情感
通过不同的形状、色彩和 组合方式，基本图形可以 传达出不同的情感和氛围。
基本图形的绘制原则
简洁明了
多边形
使用多边形工具，通过依次指 定各个顶点的位置，可以绘制 出任意边数和形状的多边形。
不规则图形的绘制
自由曲线
01
使用自由曲线工具，通过鼠标拖动或指定多个点的方式，可以
绘制出任意形状的自由曲线。
贝塞尔曲线
02
使用贝塞尔曲线工具，通过指定起点、终点和控制点的位置，
可以绘制出平滑且连续的曲线。
06
案例分析与实战演练
案例一：标志设计
设计理念
简洁、易识别、具有独特性。
设计步骤
确定主题和风格、绘制草图、制作矢量图形、 调整细节、导出成品。
设计元素
线条、形状、颜色、文字等。
实战演练
设计一个公司标志，包括图标和文字部分， 要求简洁明了，符合公司形象。
案例二：海报设计
设计理念
突出主题、吸引眼球、传达信息。
选择多个图形后，可以使用分布工具 或快捷键进行水平或垂直居中分布、 等距分布等操作，使图形在画布上均 匀分布。
图形的组合和拆分
组合图形
选择多个图形后，可以使用组合工具或快捷键将它们组合成一个整体，方便统一 移动、缩放和旋转等操作。
拆分图形
对于已经组合的图形，可以使用拆分工具或快捷键将其拆分成独立的个体，以便 进行单独的编辑和调整。
基本图形的作用
01
02
03
视觉引导
基本图形可以引导观众的 视线，突出重点信息，增 强视觉效果。
构建框架
基本图形可以作为设计的 基础框架，为其他元素提 供支撑和背景。
表达情感
通过不同的形状、色彩和 组合方式，基本图形可以 传达出不同的情感和氛围。
基本图形的绘制原则
简洁明了
《Illustrator CC平面设计案例教程》教学课件 第二章 绘制与编辑基本图形(低版-本)
1
路径的 组成
一、认识路径
路径是由一条或多条直线或曲线路径段，通过锚点连接而成的闭合或 开放图形。矩形、椭圆、多边形、星形、钢笔、铅笔和画笔等工具都可以 创立路径。路径本身没有宽度和颜色，如下图。
6 of 60
第二章 绘制与编辑基本图形
案例一 绘制卡通插画——基本绘图工具
锚点
锚点分为角点和平滑点两类。平滑点有一个或两个控制柄，移动平滑点位 置或改变其控制柄的方向和长度，均可改变图形形状。
30 of 60
第二章 绘制与编辑基本图形
案例二 绘制设计插画——应用线形与网格
同心圆分隔线“倾斜〞值为0%时，同心圆之间的距离相同；该值大于0%时或绘制网格时按住
【C】键，同心圆向边缘聚拢；该值小于0%或者按【X】键，同心圆向中心聚拢。
提
径向分隔线“倾斜〞值为0%时，分隔线间距相同；该值大于0%时或绘制网格时按住F键，
提
修改光晕时，将光标移至末端控制柄，当光标变为 状时，单击可选中末端控制柄。
示
18 of 60
第二章 绘制与编辑基本图形
案例一 绘制卡通插画——基本绘图工具
案例实施——绘制卡通插画
详细操作步骤请扫描二维码。
19 of 60
第二章 绘制与编辑基本图形
案例一 绘制卡通插画——基本绘图工具
课堂实训——绘制六一儿童节卡通插画
26 of 60
第二章 绘制与编辑基本图形
案例二 绘制设计插画——应用线形与网格
如果想要更加精确地绘制图形，可在画板中单击翻开“螺旋线〞对话框，设置各项后单击“确定〞 按钮，即可创立螺旋线，如下图。
27 of 60
第二章 绘制与编辑基本图形
案例二 绘制设计插画——应用线形与网格
路径的 组成
一、认识路径
路径是由一条或多条直线或曲线路径段，通过锚点连接而成的闭合或 开放图形。矩形、椭圆、多边形、星形、钢笔、铅笔和画笔等工具都可以 创立路径。路径本身没有宽度和颜色，如下图。
6 of 60
第二章 绘制与编辑基本图形
案例一 绘制卡通插画——基本绘图工具
锚点
锚点分为角点和平滑点两类。平滑点有一个或两个控制柄，移动平滑点位 置或改变其控制柄的方向和长度，均可改变图形形状。
30 of 60
第二章 绘制与编辑基本图形
案例二 绘制设计插画——应用线形与网格
同心圆分隔线“倾斜〞值为0%时，同心圆之间的距离相同；该值大于0%时或绘制网格时按住
【C】键，同心圆向边缘聚拢；该值小于0%或者按【X】键，同心圆向中心聚拢。
提
径向分隔线“倾斜〞值为0%时，分隔线间距相同；该值大于0%时或绘制网格时按住F键，
提
修改光晕时，将光标移至末端控制柄，当光标变为 状时，单击可选中末端控制柄。
示
18 of 60
第二章 绘制与编辑基本图形
案例一 绘制卡通插画——基本绘图工具
案例实施——绘制卡通插画
详细操作步骤请扫描二维码。
19 of 60
第二章 绘制与编辑基本图形
案例一 绘制卡通插画——基本绘图工具
课堂实训——绘制六一儿童节卡通插画
26 of 60
第二章 绘制与编辑基本图形
案例二 绘制设计插画——应用线形与网格
如果想要更加精确地绘制图形，可在画板中单击翻开“螺旋线〞对话框，设置各项后单击“确定〞 按钮，即可创立螺旋线，如下图。
27 of 60
第二章 绘制与编辑基本图形
案例二 绘制设计插画——应用线形与网格
第2章 图形的绘制和编辑
第2课图形的绘制和编辑概述：介绍Illustrator CS6中基本图形工具的使用方法，还将介绍Illustrator CS6的手绘图形工具及其修饰方法，并详细讲解对象的编辑方法。
认真学习本课的内容，可以掌握Illustrator CS6的绘图功能和其特点，以及编辑对象的方法，为进一步学习Illustrator CS6打好基础。
目标：1.掌握直线、弧线、螺旋线、矩形网格和极坐标网格的绘制方法。
2.掌握矩形、圆角矩形、圆形、多边形、星星和光晕的绘制方法。
3.掌握铅笔、平滑、路径橡皮擦画笔工具的使用方法。
4.掌握对象的选取、移动、复制和删除等操作。
5.掌握对象的比例缩放、镜像、旋转、倾斜和扭曲的使用方法。
6.掌握路径查找器面板的使用方法。
技能：1.绘制标签2.绘制标牌3.绘制卡通形象内容：2.1 绘制线段和网格2.2 绘制基本图形2.3 手绘图形2.4 对象的编辑2.5 课堂练习——绘制闹钟2.6 课后习题——制作请柬2.1 绘制线段和网格2.1.1 绘制直线组合键为Ctrl+~2.1.2 绘制弧线组合键为Ctrl+~撤销Ctrl+Z 恢复Ctrl+Shift+Z2.1.3 绘制螺旋线2.1.4 绘制矩形网格2.1.5 绘制极坐标网格2.2 绘制基本图形2.2.1 课堂案例——绘制标签使用矩形工具、星形工具、圆角矩形工具、剪切蒙版命令绘制书签，使用文字工具添加文字。
2.2.2 绘制矩形和圆角矩形2.2.3 绘制椭圆形和圆形2.2.4 绘制多边形2.2.5 绘制星形2.2.6 绘制光晕形2.3 手绘图形2.3.1 课堂案例——绘制标牌使用星形工具绘制星形。
使用新建画笔命令新建画笔。
使用文字工具输入文字。
画好图案之后直接拖入画笔面板即可创建新画笔2.3.2 使用铅笔工具2.3.3 使用平滑工具：减少路径多余的节点2.3.4 使用路径橡皮擦工具2.3.5 使用画笔工具2.3.6 使用“画笔”控制面板2.3.7 使用画笔库2.4 对象的编辑2.4.1 课堂案例——绘制可爱小鸡2.4.2 对象的选取2.4.3 对象的比例缩放、移动和镜像中心等比例缩放按ALT+Shift拖动旋转，按住Alt键拖动中心点2.4.4 对象的旋转和倾斜变形2.4.5 对象的扭曲变形2.4.6 复制和删除对象2.4.7 撤销和恢复对对象的操作2.4.8 对象的剪切2.4.9 使用“路径查找器”控制面板编辑对象2.5 课堂练习——绘制闹钟使用置入命令置入背景图像，使用椭圆工具、多边形工具、矩形工具和路径查找器面板制作闹钟图形和指针，使用钢笔工具绘制耳朵图形。
第2章 图形的绘制与编辑
2.2.5 刷子工具
在Flash CC中，刷子工具和铅笔工具很相似，都可以绘制任意形 状的图形，但不同的是刷子工具绘制的形状是色块，同时还可以创 建一些具有一定笔触效果的特殊填充。
2.2.6 钢笔工具
在Flash CC中，钢笔工具 可以精确地绘制出平滑精致的直线 和曲线。对于绘制完成的直线和曲线，可以通过调整线条上的节 点来改变直线段和曲线段的样式，钢笔工具组如右图所示。
3．曲线点与角点转换 4．添加锚点 5．删除锚点 6．转换锚点
2.3 颜色填充工具
在Flash CC中，提供了多种填充颜色的工具，例如颜料 桶工具、墨水瓶工具等。利用这些工具可以制作出丰富的填 充效果。
2.3.1 颜料桶工具
颜料桶工具用于给工作区内有封闭区域的图形填色。无 论是空白区域还是已有颜色的区域，都可以填充。如果进 行恰当的设置，颜料桶工具还可以给一些没有完全封闭的 图形区域填充颜色。
选择“视图>网格>编辑网格”命令，或按【Ctrl＋Alt＋G】组 合键，将打开如下右图所示的“网格”对话框。在该对话框中可 以对网格的颜色、间距和紧贴精确度等选项进行设置，以满足不 同用户的需求。
2.1.3 辅助线
使用辅助线之前，首先需要将标尺显示出来。选择“视图 >辅助线>显示辅助线”命令，或按【Ctrl＋；】组合键，可 以显示或隐藏辅助线。在水平标尺或垂直标尺上按下鼠标并 向舞台拖动，水平辅助线或垂直辅助线将会显示出来，辅助 线的默认颜色为绿色，。
2.5.6 合并对象
在绘制矢量图形时，可以进行“对象绘制”。即使用椭圆工具、 矩形工具和刷子工具绘图时，单击“对象绘制”按钮 ，就可以在 工作区中进行对象绘制了。
1．联合对象
2．交集对象
第2章 计算机绘图基础(简洁版)
2013-7-24 29
线性内插根据相似三角形对应边成 比例的原理
• L是三角形编号，数组LB(L)存三角形信息，有等值点的 赋值为2，反之为0。等值点位置数组xb(m,L)，yb(m,L) 中m分别取值1、2，代表等值线在L三角形边上的两个 等值点 。
z z1 xB x1 ( x2 x1 ) z2 z1 z z1 yB y1 ( y2 y1 ) z2 z1
2013-7-24
8
(3) 屏幕域
• 屏幕域是设备输出图形的最大区域，是有限的整数 域。例如，屏幕坐标系中以屏幕点阵为坐标单位， 其取值范围只能是整数，对于一个分辨率设置为 1024×768的显示器而言，屏幕域定义[0,1023] ×[0,767]。屏幕域是与设备有关的概念，图形输出设 备显示图像的指令均是在屏幕域上定义的。在用户 域上定义的图形只有转换为屏幕域上的定义后，才 能在输出设备上输出。
• 数字地形图使用的是测量坐标系，而绘图软件用于
计算机图形显示和绘图仪时，使用的是与图形输出 设备有关的绘图坐标系，又称之为设备坐标系，即 定义屏幕域所使用的坐标系统。设备坐标系因设备 不同而不同 。
– 计算机屏幕坐标系 、绘图仪坐标系
2013-7-24
11
计算机屏幕坐标系
• 计算机屏幕坐标系的坐标原点在屏幕的左上角，向
2013-7-24 27
2. 7. 2 内插计算等值点的位置
• 建立三角网实际上仅仅是将离散点每3个一组进行 编排，为了绘等值线，必须找出三角形边上的等值 点的平面位置，为此需要进行内插。
• 内插：通过已知点或已知分区数据，推求任意点或
任意分区数据的方法。 • 其方法是从存在的观测数据中找到一个函数关系式， 使该关系式最好地逼近这些已知的空间数据，并能 根据函数关系式推求出区域范围内其它任意点或任 意分区的值。
线性内插根据相似三角形对应边成 比例的原理
• L是三角形编号，数组LB(L)存三角形信息，有等值点的 赋值为2，反之为0。等值点位置数组xb(m,L)，yb(m,L) 中m分别取值1、2，代表等值线在L三角形边上的两个 等值点 。
z z1 xB x1 ( x2 x1 ) z2 z1 z z1 yB y1 ( y2 y1 ) z2 z1
2013-7-24
8
(3) 屏幕域
• 屏幕域是设备输出图形的最大区域，是有限的整数 域。例如，屏幕坐标系中以屏幕点阵为坐标单位， 其取值范围只能是整数，对于一个分辨率设置为 1024×768的显示器而言，屏幕域定义[0,1023] ×[0,767]。屏幕域是与设备有关的概念，图形输出设 备显示图像的指令均是在屏幕域上定义的。在用户 域上定义的图形只有转换为屏幕域上的定义后，才 能在输出设备上输出。
• 数字地形图使用的是测量坐标系，而绘图软件用于
计算机图形显示和绘图仪时，使用的是与图形输出 设备有关的绘图坐标系，又称之为设备坐标系，即 定义屏幕域所使用的坐标系统。设备坐标系因设备 不同而不同 。
– 计算机屏幕坐标系 、绘图仪坐标系
2013-7-24
11
计算机屏幕坐标系
• 计算机屏幕坐标系的坐标原点在屏幕的左上角，向
2013-7-24 27
2. 7. 2 内插计算等值点的位置
• 建立三角网实际上仅仅是将离散点每3个一组进行 编排，为了绘等值线，必须找出三角形边上的等值 点的平面位置，为此需要进行内插。
• 内插：通过已知点或已知分区数据，推求任意点或
任意分区数据的方法。 • 其方法是从存在的观测数据中找到一个函数关系式， 使该关系式最好地逼近这些已知的空间数据，并能 根据函数关系式推求出区域范围内其它任意点或任 意分区的值。
02 图形的绘制和编辑
选取要生成镜像的对象，选择“镜像”工具 ，用鼠标拖曳对 象进行旋转，出现蓝色线，这样可以实现图形的旋转变换，也就 是对象绕自身中心的镜像变换。
2.4.4 对象的旋转和倾斜变形
使用“选择”工具 选取要旋转的对象，将鼠标的指针移动到 旋转控制手柄上，这时的指针变为旋转符号，按下鼠标左键，拖 动鼠标旋转对象，旋转时对象会出现蓝色的虚线，指示旋转方向 和角度。
课堂案例——绘制校车 绘制矩形和圆角矩形 绘制椭圆形和圆形 绘制多边形 绘制星形 绘制光晕形
2.2.1 课堂案例—绘制标签
使用圆角矩形工具、星形工具、椭圆工具绘制图形，使用镜 像工具制作图形对称效果。
2.2.2 绘制矩形和圆角矩形
选择“矩形”工具 ，在页面中需要的位置单击并按住鼠标左 键不放，拖曳光标到需要的位置，释放鼠标左键，绘制出一个矩 形。
选择“矩形网格”工具 ，在页面中需要的位置单击并按住鼠 标左键不放，拖曳光标到需要的位置，释放鼠标左键，绘制出一 个矩形网格。
2.1.5 绘制极坐标网格
选择“极坐标网格”工具 ，在页面中需要的位置单击并按住 鼠标左键不放，拖曳光标到需要的位置，释放鼠标左键，绘制出 一个极坐标网格。
2.2 绘制基本图形
2.4 对象的编辑
课堂案例——绘制动物挂牌 对象的选取 对象的比例缩放、移动和镜像 对象的旋转和倾斜变形 对象的扭曲变形 复制和删除对象 撤消和恢复对对象的操作 对象的剪切 使用“路径查找器”控制面板编辑对象
2.4.1 课堂案例—绘制动物挂牌
使用绘图工具、旋转工具、缩放命令、路径查找器命令绘制 动物挂牌。
2.2.4 绘制多边形
选择“多边形”工具 ，在页面中需要的位置单击并按住鼠标 左键不放，拖曳光标到需要的位置，释放鼠标左键，绘制出一个 多边形。
2.4.4 对象的旋转和倾斜变形
使用“选择”工具 选取要旋转的对象，将鼠标的指针移动到 旋转控制手柄上，这时的指针变为旋转符号，按下鼠标左键，拖 动鼠标旋转对象，旋转时对象会出现蓝色的虚线，指示旋转方向 和角度。
课堂案例——绘制校车 绘制矩形和圆角矩形 绘制椭圆形和圆形 绘制多边形 绘制星形 绘制光晕形
2.2.1 课堂案例—绘制标签
使用圆角矩形工具、星形工具、椭圆工具绘制图形，使用镜 像工具制作图形对称效果。
2.2.2 绘制矩形和圆角矩形
选择“矩形”工具 ，在页面中需要的位置单击并按住鼠标左 键不放，拖曳光标到需要的位置，释放鼠标左键，绘制出一个矩 形。
选择“矩形网格”工具 ，在页面中需要的位置单击并按住鼠 标左键不放，拖曳光标到需要的位置，释放鼠标左键，绘制出一 个矩形网格。
2.1.5 绘制极坐标网格
选择“极坐标网格”工具 ，在页面中需要的位置单击并按住 鼠标左键不放，拖曳光标到需要的位置，释放鼠标左键，绘制出 一个极坐标网格。
2.2 绘制基本图形
2.4 对象的编辑
课堂案例——绘制动物挂牌 对象的选取 对象的比例缩放、移动和镜像 对象的旋转和倾斜变形 对象的扭曲变形 复制和删除对象 撤消和恢复对对象的操作 对象的剪切 使用“路径查找器”控制面板编辑对象
2.4.1 课堂案例—绘制动物挂牌
使用绘图工具、旋转工具、缩放命令、路径查找器命令绘制 动物挂牌。
2.2.4 绘制多边形
选择“多边形”工具 ，在页面中需要的位置单击并按住鼠标 左键不放，拖曳光标到需要的位置，释放鼠标左键，绘制出一个 多边形。
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
本章总结
第二章 绘制与编辑基本图形
案例一 绘制卡通插画——基本绘图工具
案例说明
本案例首先介绍路径的组成和分类，然后 简单介绍基本几何图形绘制工具的特点和用法， 最后通过绘制如图所示的卡通插画来练习和巩 固所学知识。
5 of 60
第二章 绘制与编辑基本图形
案例一 绘制卡通插画——基本绘图工具
相关知识
26 of 60
第二章 绘制与编辑基本图形
案例二 绘制设计插画——应用线形与网格
如果想要更加精确地绘制图形，可在画板中单击打开“螺旋线”对话框，设置各项后单击“确定” 按钮，即可创建螺旋线，如图所示。
27 of 60
第二章 绘制与编辑基本图形
案例二 绘制设计插画——应用线形与网格
相关二知、绘识制网格
1
矩形网格工具
选择“矩形网格工具” 后， 在画板中按下鼠标并拖动，可以 自定义网格大小。要使用指定数 目的分隔线来创建矩形网格，可 以在文档窗口中单击，打开“矩 形网格工具选项”对话框，设置 各项参数后，单击“确定”按钮 可创建矩形网格，如图所示。
28 of 60
第二章 绘制与编辑基本图形
案例二 绘制设计插画——应用线形与网格
如果要创建更为精确的弧线，可在画 板中单击，打开“弧线段工具选项”对话 框，设置各项参数后，单击“确定”按钮 可在单击位置创建弧线，如下图所示。
25 of 60
第二章 绘制与编辑基本图形
案例二 绘制设计插画——应用线形与网格
3．螺旋线工具
“螺旋线工具” 用于创建螺旋线，选择该工具后，按下鼠标并拖动即可绘制螺旋线，在拖动鼠 标过程中移动光标可以旋转螺旋线；按下【R】键可调整螺旋线方向；按下【Ctrl】键可调整螺旋线紧 密程度；按【↑】键可增加螺旋，按【↓】键可减少螺旋，如图所示。
路径段
是指两个锚点之间的路径部分，又叫线段，分为直线段和曲线段两种。其 中，两个角点之间的线段为直线段；两个平滑点，或一个角点和一个平滑 点之间的线段为曲线段。
7 of 60
第二章 绘制与编辑基本图形
2
案例一 绘制卡通插画——基本绘图工具
路径的 分类
在Illustrator CC中，路径分为开放路径、闭合路径和复合路径3种类型， 如图所示。
23 of 60
第二章 绘制与编辑基本图形
案例二 绘制设计插画——应用线形与网格
相关知识
一、绘制直线、弧线和螺旋线
1．直线段工具
“直线段工具” 用于创建直线，选择该工具 后，在画板中按下鼠标并拖动即可创建直线。在绘 制过程中按住【Shift】键，可以创建水平、垂直或 45°角方向的直线；按住【Alt】键，直线会以按下 鼠标的点为中心向两侧延伸；如果要创建指定长度 和角度的直线，可以在画板中单击，打开“直线段 工具选项”对话框，设置各项参数后，单击“确定” 按钮可在单击位置创建直线段，如图所示。
中文版Illustrator CC 平面设计案例教程
第
绘制与编辑基本图形
二
章
本章导读
使用Illustrator CC绘制作品的过程可以简单分为两步，第一步是使用Illustrator CC提供的工具 和命令勾勒出图案的轮廓，第二步是对图案的轮廓进行填色、描边等后续操作。本章主要介绍第一 步绘制与编辑基本图形轮廓的方法。
提
绘制圆角矩形的过程中，通过按键盘上的方向键可调整圆角半径大小：按住【↑】键可以增大
示
圆角半径，按住【↓】键可减小圆角半径；如果按【←】或【→】键，可对圆角矩形做方圆切换。
12 of 60
第二章 绘制与编辑基本图形
案例一 绘制卡通插画——基本绘图工具
3
椭圆工具
使用“椭圆工具” 可以绘制任意椭圆，绘制方法与 “矩形工具” 相同。选择该工具后，在绘图窗口中单击， 将打开如图所示的“椭圆”对话框，在其中设置椭圆宽度 和高度值，单击“确定”按钮，可以精确绘制出所需的椭 圆图形。
24 of 60
第二章 绘制与编辑基本图形
案例二 绘制设计插画——应用线形与网格
2．弧形工具
“弧形工具” 用于创建弧线。在绘 制过程中按下【X】键，可以切换弧线的 凹凸方向；按下【C】键，可在开放式图 形与闭合图形之间切换；按住【Shift】键， 可以保持固定角度；按下【↑】、【↓】、 【←】和【→】键可以调整弧线的斜率， 如上图所示。
11 of 60
第二章 绘制与编辑基本图形
案例一 绘制卡通插画——基本绘图工具
2
圆角矩形工具
使用“圆角矩形工具” 可以绘制圆角 矩形，绘制方法与“矩形工具” 相同。选 择该工具后，在绘图窗口中单击，将打开如图 所示的“圆角矩形”对话框，在其中设置圆角 矩形的宽度、高度和圆角半径值，单击“确定” 按钮，可以精确绘制出所需的圆角矩形。
使用本案例所学知识绘制六一儿童 节卡通插画，如图所示。本实训最终效 果可参考本书配套素材“素材与实 例”>“Ph2”文件夹中的“六一儿童 节插画.ai”。
20 of 60
第二章 绘制与编辑基本图形
案例一 绘制卡通插画——基本绘图工具
提示
首先新建文档，使用“矩形工具” 绘制多个与页面等高的矩形，并使用“颜色”面板为其设置 填充色和描边色，接着水平复制矩形，使其充满页面；然后打开本书配套素材“素材与实例”>“Ph2” 文件夹中的“六一儿童节插画素材.ai”，使用“选择工具” 单击选中素材图形并将其复制到新文档 窗口中，放置在画面合适位置；接着使用绘图工具绘制多个五角星、三角形和六边形等，并结合“颜色” 面板为其设置颜色；最后使用“光晕工具” 在图像右上角绘制光晕，并将文件保存成PDF格式。
矩形工具
使用“矩形工具” 可绘制任意大小的矩形和 正方形。选择该工具后，按下鼠标左键并拖动可以 创建任意大小的矩形，如左上图所示；按住【Alt】 键操作，可以单击点为中心向外绘制矩形；按住 【Shift】键，可绘制正方形，如右上图所示；按住 【Shift+Alt】键，可以单击点为中心向外绘制正方 形。如果要创建一个指定大小的图形，可以在选择 “矩形工具” 后，在画板上单击，打开“矩形” 对话框设置具体参数，如图下图所示。
30 of 60
第二章 绘制与编辑基本图形
案例二 绘制设计插画——应用线形与网格
同心圆分隔线“倾斜”值为0%时，同心圆之间的距离相同；该值大于0%时或绘制网格时按住
【C】键，同心圆向边缘聚拢；该值小于0%或者按【X】键，同心圆向中心聚拢。
案例一 绘制卡通插画——基本绘图工具
5
星形工具
使用“星形工具” 可绘制任意星形，如 上图所示。在绘制过程中，按下【↑】键或【↓】 键可增加或减少星形角点数；拖拽鼠标可以旋转 星形；如果要保持角度不变，可按住【Shift】 键操作；如果按住【Alt】键，则可以调整星形 拐角的角度，如下图所示。
提
“星形”对话框中的“半径1”用于指定从星形中心到星形最内点的距离；“半径2”用于指
16 of 60
第二章 绘制与编辑基本图形
案例一 绘制卡通插画——基本绘图工具
绘制光晕
打开本书配套素材“素材与实例”>“Ph2” 文件夹中的“骑自行车的女孩.ai”文件，在工具 箱中选择“光晕工具” ，然后在页面中适当位 置按下鼠标并拖动，确定光晕图形中心控制柄的 位置以及射线与晕轮大小，释放鼠标即可完成光 晕图形中心的绘制；移动鼠标并在页面中的其他 位置单击，确定末端控制柄的位置，完成光晕图 形的绘制。在绘制过程中按住鼠标左键不放，旋 转或拖拉光晕图形末端控制柄，可改变光晕图形 的大小和角度，如上图所示。效果如下图所示。
9 of 60
第二章 绘制与编辑基本图形
案例一 绘制卡通插画——基本绘图工具
二、绘制基本几何图形
矩形工具 、椭圆工具 、多边形工具 等都属于最基本的绘图工具。选择这几种工具后， 在画板中按下鼠标并拖动可自由创建图形。
10 of 60
第二章 绘制与编辑基本图形
案例一 绘制卡通插画——基本绘图工具
1
8 of 60
第二章 绘制与编辑基本图形
案例一 绘制卡通插画——基本绘图工具
开放路径
开放路径的起点和终点称为端点，它们互不连接，如直线、弧线、螺旋 线等都属于开放路径。
闭合路径 闭合路径没有起点和终点，或起点和终点重合在一起，如矩形、圆形、
多边形和星形等。
复合路径
是由两个或两个以上的开放或闭合路径，通过一定的运算方式组合而成 的路径。用户可对复合路径进行整体操作，如移动、复制或填充等，还 可对包含在复合路径中的路径进行独立操作，如调整形状等。
提
修改光晕时，将光标移至末端控制柄，当光标变为 状时，单击可选中末端控制柄。
示
18 of 60
第二章 绘制与编辑基本图形
案例一 绘制卡通插画——基本绘图工具
案例实施——绘制卡通插画
详细操作步骤请扫描二维码。
19 of 60
第二章 绘制与编辑基本图形
案例一 绘制卡通插画——基本绘图工具
课堂实训——绘制六一儿童节卡通插画
17 of 60
第二章 绘制与编辑基本图形
案例一 绘制卡通插画——基本绘图工具
修改光晕
保持光晕图形的选取状态，使用 “光晕工具” 单击并拖拽中心控制手 柄，可移动其位置。单击末端控制柄， 并在按住鼠标的同时按【↑】键，可增加 光环数量；按【↓】键，可减少光环数量。 也可双击“光晕工具” 打开“光晕工 具选项”对话框，如图所示。
示
定从星形中心到星形最外点的距离；“角点数”用于指定星形具有的角点数。
15 of 60
第二章 绘制与编辑基本图形
案例一 绘制卡通插画——基本绘图工具
6
光晕工具
使用“光晕工具” 可以绘 制类似镜头光晕或太阳光晕的效 果。光晕由射线、晕轮、中心控 制柄、光圈和末端控制柄组成， 如右图所示。中心控制柄是整个 图形中最亮部分的中心，光线即 是从该处发出的。