《路径的基本使用》PPT课件

第七课路径的基本使用 课前导读课堂讲解上机实战课后练习 课前导读 基础知识重点知识 基础知识 路径的概念 路径的基本组成元素和认识路径控制面板 重点知识 路径工具的使用 路径的新建 保存和输出以及路径的复制 删除和重命名等基本操作 同学应结合上机实战熟练操作 课堂讲解 路径的概念路径的基本组成元素路径工具的使用认识路径控制面板路径的新建 保存和输出路径的复制 删除和重命名 路径的概念 在Photoshop的图像处理过程中 路径的使用非常灵活 通过前面的课程学习可以知道 使用套索工具等选取工具可以建立选区 但是它无法处理非常细节的内容 而利用路径则可以较好地解决这个问题 它可以进行精确定位和调整 且适用于不规则的 难以使用其他工具进行选择的图像区域 Photoshop的路径主要是用于勾画图像区域 对象 的轮廓 在特殊图像的选取 特效字的制作 图案制作 标记设计等方面的应用最为广泛 路径是由多个节点的矢量线条构成的图像 即路径是由贝塞尔曲线构成的图形 路径在图像显示效果中表现为一些不可打印的矢量形状 用户可以沿着产生的线段或曲线对路径进行填充和描边 还可以将其转换成选区后进行图像处理 也就是说路径和选区可以相互转换 需要同学注意的是 路径必须配合钢笔工具组和路径控制面板才能发挥出其强大功能 路径的基本组成元素 路径的基本组成元素包括锚点 直线段 曲线段 方向线和方向点等 如图12 1所示 各术语含义如下 图12 1 锚点 所有与路径相关的点都可以称之为锚点 它标记着组成路径的各线段的端点 直线段 使用钢笔工具在图像中单击两个不同的位置 将在两点之间创建一条直线段 如按住 Shift 键再建一个点 则新建的线段与以前的直线段形成45 曲线段 拖动两个锚点形成的两个平滑点 位于平滑点之间的线段就是曲线段 方向点 用于标记方向线的结束端 方向线 在曲线线段上 每个锚点都带有1 2个方向线 闭合路径 路径的起点和终点重合 如果要将路径转换为选区 则要求路径必须为闭合路径 开放路径 路径的起点和终点未重合 即带有明显的起点和终点 如图12 2所示分别为闭合和开放路径 工作路径和子路径 利用工具箱中的钢笔工具等路径创建工具每次创建的都是一个子路径 完成所有子路径的创建后 将组成一个新的工作路径 另外 路径中还包括以下几个常用术语 图12 2 路径工具的使用 Photoshop中的路径工具大致包括以下3类 路径创建工具 包括钢笔工具和自由钢笔工 路径编辑工具 包括添加锚点工具 删除锚点工具和转换点工具 路径选择工具 包括路径选择工具和直接选择工具 钢笔工具的使用自由钢笔工具的使用添加锚点工具的使用删除锚点工具的使用转换点工具的使用路径选择工具的使用 钢笔工具的使用 使用钢笔工具可以创建直线路径和曲线路径 单击选择该工具后 其工具属性栏如图12 3所示 各选项含义如下 图12 3 图标按钮 选择不同的按钮将分别创建形状图层 工作路径和填充区域 其作用与形状工具相应按钮相同 图标按钮 该组按钮用于在钢笔工具和自由钢笔工具以及各种形状工具间进行切换 以便用不同的工具来创建所需路径 选中该复选框 可以实现自动添加或删除锚点的功能 绘制直线路径使用钢笔工具创建直线路径的具体操作如下 1 单击工具箱中的钢笔工具 在图像窗口中适当位置处单击鼠标创建直线路径的起点 即第1个锚点 2 移动鼠标指针至另一位置处单击 将与起点之间创建一条直线路径 如图12 4所示 3 将鼠标再次移到第3个位置处单击 就可在该单击处与上一线段的终点间建立一条直线路径 如图12 5所示 4 依次类推 便可用钢笔工具创建出用直线段组成的路径形状 最后将鼠标移到路径的起点处 当光标右下方出现一个小圆圈时 单击鼠标左键即可创建一条封闭的路径 如图12 6所示 图12 4 图12 5 图12 6 在使用钢笔工具创建直线路径时 按住 Shift 键不放 可以创建水平 垂直或45 方向的直线路径 另外 若用户在创建路径时创建的为填充路径 在其工具属性栏中选中 创建工作路径 按钮即可 绘制曲线路径使用钢笔工具创建曲线路径的具体操作如下 1 单击工具箱中的钢笔工具 在窗口中单击创建路径的起点 即第1个锚点 2 按住鼠标左键并拖动该锚点 将从起点处建立一条方向线 如图12 7所示 3 释放鼠标后将鼠标移到另一位置后单击并拖动 创建路径的终点即第2个锚点 释放鼠标 在起点与终点间即可创建一条曲线路径 如图12 8所示 4 用同样的方法 创建路径的第3个锚点 即可在第2个锚点与第3个锚点之间建立一条曲线路径 5 重复操作 最后将鼠标移到路径的起点处 待光标右下方出现一个小圆圈时单击 即可创建一条封闭的曲线路径 如图12 9所示 图12 7 图12 8 图12 9 自由钢笔工具的使用 单击工具箱中的自由钢笔工具 其工具属性栏与钢笔工具属性栏类似 其中选中复选框 描绘路径时将在路径上自动附着磁性节点 使用自由钢笔工具绘制路径时 就如同使用画笔工具进行绘制一样 只需在图像窗口适当位置处按下鼠标左键并拖动 即可创建所需要的形状路径 如图12 10所示 添加锚点工具的使用 添加锚点工具用于对创建好的路径添加锚点 当已经创建的路径在某个位置需要细化修改时 使用该工具添加一个锚点后可以使曲线的弧度更加容易控制 单击工具箱中的添加锚点工具 将光标置于要添加锚点的路径上 然后单击鼠标左键 即可添加一个锚点 添加的锚点以实心显示 如图12 11所示 表示为当前工作锚点 添加锚点后光标会自动变为直接选择工具的光标编辑状态 此时拖动该锚点可以变换此锚点处路径的形状 如图12 12所示 图12 10 图12 11 图12 12 另外 在路径上单击鼠标右键 在弹出的快捷菜单中选择 添加锚点 命令也可以添加一个锚点 删除锚点工具的使用 删除锚点工具与添加锚点工具是相对应的 它用于删除不需要的锚点 对于细化修改路径没有帮助的锚点 删除锚点工具的使用方法与添加锚点工具类似 先将光标置于要删除的锚点上 然后单击鼠标左键 即可删除该锚点 同时路径的形状也会发生相应的变化 如图12 13所示为删除锚点前后的效果 同样 将鼠标指针置于要删除的锚点上 单击鼠标右键 在弹出的快捷菜单中选择 删除锚点 命令也可以删除该锚点 图12 13 转换点工具的使用 利用转换点工具可以在平滑点 表示曲线的节点 和角点 表示直线的节点 间相互转换 使用转换点工具的具体操作方法如下 单击工具箱中的转换点工具 将光标移动到要转换的锚点上 单击鼠标左键即可进行转换 如果单击的是平滑点 如图12 14所示 将由平滑点转换为没有方向的角点 如图12 15所示 此时单击转换后的角点锚点并进行拖动 将会出现平滑点的方向线和方向点 如图12 16所示 表示已将角点转换到平滑点状态下 图12 14 图12 15 图12 16 当锚点出现方向线后将出现两条方向线 拖动其中一条方向线 另一条也将发生相应的变化 如果只需调整某一条方向线 则单击并拖动该方向线上的方向点即可 路径选择工具的使用 利用路径选择工具可以选择路径并进行编辑操作 路径选择工具包括路径选择工具和直接选择工具两种 路径选择工具 的使用使用路径选择工具可以选择和移动整个路径 单击工具箱中的路径选择工具 将光标移动到路径中的某一位置单击 即可选中该路径 再拖动鼠标便可以移动路径的位置 如图12 17所示 若在路径选择工具属性栏中选中了复选框 则在路径的外围将有一个变换框 可以通过它来进行移动或变形路径操作 在变换框内单击鼠标右键 在弹出的快捷菜单中选择相应的命令可对路径进行任意变形操作 如图12 18所示 完成后按 Enter 键应用变换 图12 17 图12 18 直接选择工具 的使用使用路径直接选择工具可以移动某个锚点的位置 并可以对锚点进行变形操作 其操作方法分别如下 使用直接选择工具单击路径上的某个锚点 使其成实心显示 拖动鼠标 可以移动锚点的位置 路径形状也将随之改变 单击某个锚点 出现方向线后 单击并拖动鼠标可以改变该处路径形状 认识路径控制面板 路径的新建 保存和复制等基本操作都是通过路径控制面板来实现的 单击工作界面中的 路径 标签 将打开如图12 19所示的路径控制面板 若用户的界面中找不到路径控制面板 可以选择 窗口 路径 菜单命令来打开 图12 19 路径缩览图 用于显示该路径的预览图 用户可以从中观察到路径的大致形状 当前路径 面板中以蓝色条显示的路径为当前工作路径 用户所作的操作都是针对当前路径的 路径名称 显示了该路径的名称 用户可以修改或给路径命名 用前景色填充路径 按钮 单击该按钮 可以用前景色填充当前路径 路径控制面板中各部分作用如下 用画笔描边路径 按钮 单击该按钮 将使用画笔工具和当前前景色为当前路径描边 用户也可选择用其它绘图工具进行描边 关于描边将在下一课中具体介绍 将路径转为选区 按钮 单击该按钮 可以将当前路径转换成选区 将选区转为路径 按钮 单击该按钮 可以将当前选区转换成路径 创建新路径 按钮 单击该按钮 将自动建立一个新路径 删除路径 按钮 单击该按钮 将自动删除当前路径 路径的新建 保存和输出 下面先来介绍路径的新建和保存操作 路径的新建路径的保存路径的输出 路径的新建 单击路径控制面板右上角的按钮 在弹出的下拉菜单中选择 新路径 命令 将打开如图12 20所示的 新路径 对话框 在 名称 文件框中输入新路径的名称 完成后单击按钮 即可创建出 路径1 的空白路径 如图12 21所示 图12 20 图12 21 创建一条空路径后 便可在图像窗口中进行路径的绘制 同时Photoshop允许用户创建多条路径 绘制路径时先选中需要在其中创建路径的路径栏 绘制路径主要有以下几种方法 用路径工具创建路径用路径工具创建路径是指通过钢笔工具和自由钢笔工具绘制路径 并可通过添加锚点工具 删除锚点工具 转换点工具和路径直接选择工具等工具编辑路径的形状 创建路径后在路径控制面板中的路径预览图中将可看到路径的形状 如图12 22所示 用形状工具创建路径用户也可以使用矩形等形状工具来创建路径 尤其是通过自定义形状工具可以快速地创建出许多复杂的路径 而无需手动创建 创建的方法是 在工具箱中单击一种形状工具 在其工具属性栏中单击 路径 按钮 使其呈凹下状态 再在图像窗口中按下鼠标左键并拖动即可得到所需的路径 如图12 23所示为使用自定义形状工具创建的花朵路径 图12 22 图12 23 将选区转换成路径通过选择工具和菜单命令创建选区 或载入图层中图像选区后 便可将选区转换成路径进行编辑 具体的转换方法将在下一课中介绍 路径的保存 Photoshop允许用户在绘制路径之前无需创建空白路径 可直接在图像窗口中使用钢笔工具或其它工具进行路径的绘制 这时将在路径控制面板中自动生成相应的工作路径 如图12 24所示 需要将工作路径保存为路径 才能便于日后使用和创建其它路径 方法是选中生成的工作路径 然后单击路径控制面板右上角的按钮 在弹出的下拉菜单中选择 存储路径 命令 将打开如图12 25所示的 存储路径 对话框 在 名称 文件框中输入路径的名称 单击按钮 即可将工作路径保存为 路径1 如图12 26所示 图12 24 图12 25 图12 26 路径的输出 AdobeIllustrator是Adobe公司的一款矢量绘图软件 其操作界面与Photoshop非常相似 如果用户需要进行复杂的产品造型设计 Photoshop提供了将路径输出到Illustrator进行进一步编辑的功能 处理完成后再将其载入到Photoshop文件中即可 要将Photoshop中的路径输出到Illustrator中 可以选择 文件 导出 路径到Illustrator 菜单命令 将打开如图12 27所示的 输出路径 对话框 在该对话框的 保存在 下拉列表框中可选择将路径输出到的目标文件夹 在 文件名 文本框中输入输出路径的名称 最后单击按钮即可 图12 27 路径的复制 删除和重命名 路径的查看路径的复制路径的删除路径的重命名 路径的查看 当在路径控制面板中创建多条路径后 当前图像窗口中显示的是当前路径 如果用户要查看其它路径 只需在面板中单击相应的路径栏 该路径即可显示在图像中 路径的复制 复制路径可以为路径制作副本 当在副本上处理该形状路径失误时可以删除此路径 然后重新复制原路径制作副本 从而避免了误操作对原路径的损害 复制路径的方法是在路径控制面板中将要复制的路径拖动到面板底部的 创建新路径 按钮上释放鼠标即可 复制的路径如图12 28所示 路径的删除 在路径控制面板中选中需要删除的路径 然后单击路径控制面板中的按钮 在打开的提示对话框中单击按钮即可 也可以用鼠标将要删除的路径直接拖动到按钮上 再释放鼠标即可 路径的重命名 在路径控制面板中双击要重命名的路径栏 这时原路径名将反白显示 然后再输入路径的新名称后单击任意一点即可 重命名操作的示意图如图12 29所示 图12 28 图12 29 上机实战 本课上机实战主要练习利用路径工具选取图像的方法和制作一个多层图案路径 通过练习 可以使同学熟练掌握钢笔工具 转换点工具 添加锚点工具 路径选择工具和路径直接选择的使用方法 以及路径的复制 旋转和缩放等操作 其中 在练习使用路径工具选取图像过程中按 Ctrl Z 键可以取消最近一步添加的锚点 连续按 Alt Ctrl Z 键可以取消多个锚点 在练习制作多层图案路径时应注意路径的变换操作与前面的图像变换操作方法完全相同 只是这里针对的对象是路径 另外 也可先新建几个空白路径栏 然后将不同的形状路径放置在不同的路径栏中 这样便可通过路径控制面板来实现路径的复制 利用路径工具选取图像绘制多层图案路径 利用路径工具选取图像也是一种常用的选取图像的方法 且可灵活调整路径的形状 达到选取图像的目的 下面练习利用路径工具选取如图12 30所示图像中的小狗图像 其具体操作如下 利用路径工具选取图像 1 按 Ctrl O 键 打开如图12 30所示的小狗图像 为了便于选取图像 先按 F 键切换工作界面 再按 Ctrl 键放大图像显示 然后按空格键 光标将变成抓手工具 将画面的显示位置向下平移 显示出小狗上半部分图像 2 单击工具箱中的钢笔工具 在小狗图像边缘适当位置处单击鼠标创建路径的起点 根据需选取图像的弧度 移动鼠标指针至另一位置处单击并拖动 使路径的弧度基本上与图像靠拢 如图12 31所示 图12 30 图12 31 3 将鼠标再次移到第3个位置处单击并拖动鼠标 调整路径的形状 沿着需选取图像的边缘 重复单击并拖动的操作 如图12 32所示 4 继续沿着需选取图像的边缘绘制路径 按空格键移动图像显示区域 最后回到起点位置 单击鼠标 闭合路径 如图12 33所示 5 单击工具箱中的转换点工具 单击路径上没有较好地与图像边缘靠拢的锚点 然后拖动其控制线 调整曲线的弧度 如图12 34所示 图12 32 图12 33 6 单击工具箱中的路径直接选择工具 单击偏离了需选图像较远的锚点 拖动鼠标 将锚点将图像边缘拖动 调整其锚点位置 如图12 35所示 7 用删除锚点工具单击路径上多余的锚点将其删除 最后用上面的方法调整小狗图像的下半部分路径 完成后按两次 F 键切换工作界面 再按 Ctrl 键缩小图像显示 返回到图像默认显示状态 如图12 36所示 8 保存图像 路径将一起被保存 待后面将其转换成选区后再对其进行处理 图12 34 图12 35 图12 36 下面将练习制作一个多层图案路径 其效果如图12 37所示 其具体操作如下 绘制多层图案路径 图12 37 1 选择 文件 新建 菜单命令 打开 新建 对话框 其参数设置如图12 38所示 单击按钮 新建一个空白图像文件 2 按 Ctrl R 键显示出标尺 再创建出如图12 39所示的辅助线 3 单击工具箱中的椭圆工具 在其工具属性栏中选择按钮 将光标移到中间水平和垂直辅助线的交叉点上 单击鼠标左键 按下 Alt Shift 键 拖动鼠标 绘制一个以交叉点为中心的正圆路径 如图12 40所示 图12 38 图12 40 图12 39 4 用路径选择工具单击选中圆形路径 按 Ctrl C 键复制路径 再按 Ctrl V 键在原位置处粘贴路径 5 按 Ctrl T 键出现变换框 按下 Alt Shift 键不放 将鼠标放在路径的对角点上向内拖动 缩小复制的路径 如图12 41所示 6 按 Enter 键应用变换路径操作 创建出如图12 42所示的两条垂直辅助线 图12 41 图12 42 7 单击工具箱中的钢笔工具 在图像窗口中通过辅助线创建出如图12 43所示的三角形路径 8 单击工具箱中的添加锚点工具 分别在三角形路径左右两条边的中间位置单击鼠标 添加两个锚点 9 单击工具箱中的转换点工具 拖曳添加的锚点 使其效果如图12 44所示 10 用路径选择工具单击选中圆圈内的子路径 按 Ctrl C 键复制路径 再按 Ctrl V 键在原位置粘贴路径 图12 43 图12 44 11 按 Ctrl T 键出现变换框 用鼠标将变换框中的中心点标识拖动到圆心上 如图12 45所示 12 在工具属性栏中的 旋转角度 数值框中输入120 路径效果如图12 46所示 13 按 Enter 键应用路径变换 重复上面第 10 12 步中的操作 复制并旋转出另一个路径 效果如图12 47所示 图12 45 图12 46 图12 47 14 单击工具箱中的路径选择工具 按下 Shift 键不放分别单击选中圆圈内的3个路径 如图12 48所示 15