矢量图形的绘制与.ppt

第五章 矢量图形的绘制与编辑,随着Photoshop的不断升级，对矢量图形处理的功能也越来越强大。用户可以使用Photoshop提供的路径工具和矢量绘图工具绘制并编辑各种矢量图形，还可以与其它矢量绘制软件进行相互文件得到入和导出。,5.1 路径的使用 5.2 文字的输入与编辑 5.3 矢量绘图工具的使用 5.4 实践练习,掌握知识：了解路径的概念和路径面板，掌握路径的创建与编辑方法。 重点学习：路径的组成及形态、路径的创建与调整、路径的描绘与填充、路径与选区的转换。,5.1.1 路径的作用及组成 在 Photoshop 中绘图时，所创建的是矢量图形，即用数学方式定义的直线和曲线。使用绘图工具创建形状图层和工作路径与分辨率无关。因此，它们在调整大小、打印到 PostScript 打印机、存储为 PDF 文件或导入到基于矢量的图形应用程序时，会保持清晰的边缘。,5.1.1 路径的作用及组成 作用：路径具有创建选区、绘制图形、编辑选区、剪贴等功能。,5.1.1 路径的作用及组成 路径组成 一、 概念：路径是使用贝塞尔曲线所构成的一段闭合或者开放的曲线段。所有使用矢量绘图软件或矢量绘图工具制作的线条，原则上都可以称为路径。,5.1.1 路径的作用及组成 路径组成 二、种类： 开放路径：此类开放路径的起始点与结束点不重合，由一条开放的路径线构成。 闭合路径：闭合路径的起始点与结束点重合，形成一个封闭线段。,5.1.1 路径的作用及组成 路径组成 二、种类： 直线路径：直线路径的两侧没有控制手柄，节点两侧均为直线段。 曲线路径：曲线路径的线条具有一定的曲率，此类路径是最为常见的一类路径。,5.1.1 路径的作用及组成 路径组成 三、形态： 转角形态 平滑角形态,5.1.2 路径创建 路径的创建工具,【钢笔工具】 在Photoshop CS2中，钢笔工具用于绘制直线和曲线路径，并可在绘制路径的过程中对路径进行简单编辑。,【钢笔工具】 绘制直线：单击两个不同的位置，则在两个节点之间创建了一条直线段。通过单击工具栏中的钢笔按钮结束绘制，也可以按住Ctrl键的同时在画布的任意位置单击 。 【提示】按住shift键，可以绘制水平、垂直或倾斜45度角的标准直线路径。按住ctrl键的同时，单击路径可以显示路径节点。按一次Delete键可以清除最后一段路径；按两次可以清除整个工作路径；按三次可以清除屏幕中所有路径。,【钢笔工具】 绘制曲线路径：在单击的同时拖动鼠标，则定位节点的两侧出现方向线，2个节点之间的线段变成了曲线形式。 【提示】按Alt键拖动方向点，可改变方向线的方向； 按Alt键单击节点，则该节点的方向线消失； 在未出现方向线的节点上按住Alt键拖动，可出现方向线。,【自由钢笔工具】 可以通过拖动鼠标，沿鼠标轨迹以手绘方式创建任意形状的路径，就像用铅笔在纸上绘图一样。 当选中“磁性”后，自由钢笔工具 变为磁性钢笔工具 ，可自动跟踪图像中物体的边缘自动形成路径。,【增加节点工具】和【删除节点工具】 在选择钢笔工具的同时，选中选项栏中的“自动增加/删除节点”复选框，其作用与选中增加节点工具和删除节点工具相同。,典型实例 绘制正余弦曲线 练习：用较少的点得到曲线的方式,【转换点工具】 可以改变节点的属性，即把节点转换成拐点或平滑点，然后拖动方位点来改变曲线的弧度。 【提示】它主要用来改变路径上节点的曲线度而不能用来改变节点在该路径上的位置。 按住Alt键可以切换使两条方向线各自独立的移动或同时移动。,【路径选择工具】 路径选择工具包括：路径选择工具、直接选择工具。 路径选择工具 是用来选择一个或几个路径并对其进行移动、组合、复制（Alt)等操作 直接选择工具 是用来移动路径中的节和线段，也可以调整方向线和方向点。,典型实例 制作心形路径,典型实例 使用钢笔路径选择曲面图像,5.1.3 路径的编辑 路径的编辑主要包括 路 径 的 基本操作 路径的变换与组合 路径的描绘与填充 路径与选区的转换,路径的基本操作 选择和取消路径 新建路径 存储路径 删除路径,路径面板：路径面板是对路径进行管理和操作的面板。,路径的变换与组合 【编辑】【自由变换路径】或ctrl+T，可以像自由变换图像那样变换路径。 根据【直接选择工具】的组合方式组合路径。 【提示】按住Alt键同时选中【直接选择工具】边移动边复制路径。,路径的填充 路径的填充是指用指定的颜色或图案填充路径内部的区域。在进行路径填充前，需要先设置好前景色或背景色；如果要使用图案填充，则先将所需的图像定义成图案。 如果要控制填充路径的参数及样式，按住Alt键单击填充路径按钮，或选择路径控制面板菜单中的“填充路径”命令，弹出对话框进行设置即可。,路径的描边 描边允许选择Photoshop CS2中的画笔工具和修饰工具勾勒路径的轮廓线。按住键的同时，单击“路径”面板底部的“用画笔描边路径”按钮，弹出“描边路径”对话框。,路径与选区的转换 将路径转换为选区 选区工具不能建立光滑的选区边缘，而且一旦建立选区后，就很难再进行调整。,路径与选区的转换 将选区转换为路径： 在图像处理过程中，有时将使用Photoshop CS2的其他选择工具建立的选区转换为路径，比直接使用路径工具创建路径更加方便快捷。例如在一些复杂图像中使用魔棒工具创建不规则的选区，然后将选区转换为路径，利用路径的矢量特性与可编辑性来调整和编辑路径。 “容差”：0.510px。,典型实例绘制一枚邮票,课后练习： 1、绘制商标 2、练习用钢笔工具选区。,掌握知识：文字的输入与编辑方法。 重点学习：文字的点输入、框选输入和沿路径输入方法，掌握文字变形操作。,图像应用程序能够创建两种不同类型的文字。 轮廓文本型：矢量绘图工具创建的文本，包括数学定义的形式。 位图文本型：由像素组成的文本，即位图文本。,5.2.1文字工具 横排文字工具 直排文字工具 横排文字蒙板工具 直排文字蒙板工具 【提示】 每输入一个文本，系统自动给这些文本创建一个新层，称为文本图层，其上面的文字可以进行任意的编辑，还可改变其大小，而不会影响其分辨率。,5.2.1 文字的工具 单击“文字工具”按钮，会出现文字工具选项栏。 【提示】不能为“多通道”、“位图”或“索引颜色”模式的图像创建文字图层，在这些图像模式中， 文字显示在背景上，无法编辑。 改变文字颜色的快捷键：前景色Alt+Backspace，背景色Ctrl+Backspace,5.2.1 文字的工具 字符和段落面板。,5.2.2 文字的输入 在Photoshop CS2中，输入文字分为三种，分别是点文字、段落文字和沿路径输入文字。 点文字输入法 点是指在图像中输入单独的文本行(如标题文本)，若要应用文本嵌合路径等特殊效果时，输入点文字非常适合。 选择 设置 移动,5.2.2 文字的输入 段落文字输入 输入段落文字时，文字基于定界框的尺寸换行。如果需要，可调整定界框的大小、旋转或斜切定界框。 【提示】输入点文字时，按住 Ctrl 键 ,文字周围将出现一个定界框。可以抓住手柄缩放或倾斜文字。 点文字和段落文字可以相互转换。创建点文字后，执行“图层”“文字”“转换为段落文本”命令。,5.2.2 文字的输入 路径输入文字 Photoshop CS2可以在路径上输入所需的文字，使文字绕路径排列。 在路径上输入横排文字，文字与基线垂直。在路径上输入直排文字，文字方向与基线平行。 移动路径或更改路径的形状，文字将会顺应新的路径 位 置或形状。,5.2.3 文字的编辑 将文字转换为路径 应用Photoshop CS2中，将文字转换为路径后，可以像编辑普通路径一样编辑转换后的文字。 执行“图层”“文字”“创建工作路径”命令，即可将文字转换为路径。,5.2.3 文字的编辑 文字栅格化 Photoshop CS2中的某些命令和工具(如滤镜效果和绘画工具)不可应用于文字图层，在应用这些命令或绘图工具之前，需要将文字图层转换为普通图层。在图层面板中选择该文字，执行“图层”“栅格化”“文字”命令。 栅格化：将文字图层转换为正常图层，并使其内容成为不可编辑的文本。,5.2.3 文字的编辑 文字的变形 Photoshop CS2具有变形文字的功能，并且还可以对变形后的文字进行编辑。在图像窗口中选中所需要变形的文字，单击工具属性栏中的“创建文字变形”按钮 ，弹出“变形文字对话框。,5.2.3 文字的编辑 文字的变形 典型15种文字变形样式,典型实例钢管文字,典型实例绘制邮戳,掌握知识：矢量绘图工具使用方法和技巧，自定义工具使用。 重点学习：绘制箭头，绘制五角星，应用自定义形状绘制图形。,5.3.1 矢量绘图工具组 为了让用户更方便地使用向量方式绘图，Photoshop cs2中提供了几何图形工具。 矩形 圆角矩形 椭圆 直线 多边形 自定义图形形状。,5.3.1 矢量绘图工具组,5.3.2 矢量绘图工具的使用 矩形工具 圆角矩形工具 椭圆工具,5.3.2 矢量绘图工具的使用 多边形工具,5.3.2 矢量绘图工具的使用 直线工具,5.3.2 矢量绘图工具的使用 自定义形状工具 在默认模式下，自定义对象内置了30种形状图案。,5.3.3 矢量绘图工具的编辑 形状是链接到矢量蒙版的填充图层。通过编辑形状的填充图层，可以很容易地将填充更改为其他颜色、渐变或图案。也可以编辑形状的矢量蒙版以修改形状轮廓，并对图层应用样式。,5.3.3矢量绘图工具的编辑 将形状或路径存储为自定形状 在路径调板中选择路径，选取“编辑”“定义自定形状”，从弹出式调板菜单中选择“存储形状”。 栅格化形状 图层 “图层”“栅格化”“形状”。 或者在形状图层上