Photoshop基础与实战项目化教程项目五 路径的应用ppt课件电子教案.pptx

Photoshop 基础与实战项目化教程项目五 路径的应用教学课件 Photoshop 基础与实战项目化教程Photoshop中的路径是指由钢笔工具和形状工具所创建的线条或图形，这些线条或图形是矢量的，不论如何缩放，都不会影响它的分辨率和平滑度。使用路径绘制线条和图形精确度高，还可以灵活方便地进行修改、移动和复制。另外，路径可以描边和填充，还可以与选区相互转换，从而快捷自如地实现图像的预期效果。项目五：路径的应用01路径02路径的创建与编辑03路径的选择与变换04创建路径形状目录05应用路径项目五：路径的应用项目五：路径的应用任务一 绘制天气图标天气图标效果图任务二 天气类APP界面设计项目五：路径的应用天气类APP界面设计效果图一、路径 一、路径1.路径的基础知识项目五：路径的应用 锚点：由“钢笔”工具创建，是一条路径中两条线段的交点，路径是由锚点组成的。曲线锚点：曲线锚点是带有两个独立控制柄的锚点，曲线锚点是两条曲线段之间的连接点。控制柄：拖动控制柄可以改变曲线的弧度。直线锚点：直线锚点是一条直线段与一条曲线段的连接点。按住Alt键单击刚建立的锚点，可以将锚点转换为带有一个独立控制柄的直线锚点。直线段：用“钢笔”工具在图像中单击两个不同的位置，可以在两点之间创建一条直线段。曲线段：拖动曲线锚点可以创建一条曲线段。（1）单击“窗口”“路径”命令，弹出“路径”面板项目五：路径的应用（2）“路径”面板底部的6个按钮，它们的含义分别如下:“用前景色填充路径”按钮：单击该按钮，可以用前景色填充当前路径。“用画笔描边路径”按钮：单击该按钮，可以用前景色为当前路径描边。“将路径作为选区载入”按钮：单击该按钮，可以将当前路径转换为选区。“从选区生成工作路径”按钮：单击该按钮，可以将图像中的选区转换为路径。“创建新路径”按钮：单击该按钮，可以新建一个路径图层。“删除当前路径”按钮：单击该按钮，可以将当前选中的路径图层中的路径删除。2.路径面板一、路径 一、路径项目五：路径的应用1.钢笔工具二、路径的创建与编辑 二、路径的创建与编辑（1）“钢笔”工具主要用于绘制路径，使用它可以绘制出平滑、复杂的路径。启用“钢笔”工具，单击工具箱中的“钢笔”工具，或按【Shift+P】组合键，启用“钢笔”工具。（2）在使用“钢笔”工具创建路径时，按住【Shift】键，可以以45或45的倍数绘制路径；按住【Alt】键，可以将“钢笔”工具暂时转换为“转换点”工具；按住【Ctrl】键，可以将“钢笔”工具暂时转换为“直接选择”工具。项目五：路径的应用2.自由钢笔工具二、路径的创建与编辑 二、路径的创建与编辑（1）使用“自由钢笔”工具，可以沿图像边缘生成路径。启用“自由钢笔”工具，单击工具箱中的“自由钢笔”工具，或按【Shift+P】组合键。（2）“自由钢笔”工具，其选项栏栏如图5-45所示。该选项栏比“钢笔”工具选项栏栏多了一个“磁性的”复选框，选中该复选框，可以自动沿图像边缘生成路径。它的用法与“磁性套索”工具相似。项目五：路径的应用3.弯度钢笔工具二、路径的创建与编辑 二、路径的创建与编辑（1）弯度钢笔工具是Photoshop CC的新增功能，它可以像钢笔工具一样用于绘制各种曲线路径，其特点在于，可以更方便地编辑曲线路径。启用“弯度钢笔”工具，单击工具箱中的“弯度钢笔”工具，或按【Shift+P】组合键。（2）“弯度钢笔”工具的选项栏比“钢笔”工具选项栏少了一个“自动添加/删除”的复选框。（3）“弯度钢笔”工具在添加锚点、删除锚点等基础操作上，与“钢笔”工具基本相同，但在绘制直线路径时，除第一个锚点外，需要执行双击操作，才可以绘制直线路径；绘制曲线时，至少要单击3次以在不同的位置创建3个锚点，才能形成一条曲线。项目五：路径的应用4.添加锚点工具二、路径的创建与编辑 二、路径的创建与编辑（1）使用“添加锚点”工具可以在路径上添加新的锚点，每单击一次就添加一个新锚点。在工具箱中按住“钢笔”工具不放，弹出其中隐藏的所有工具，将鼠标指针移至“添加锚点”工具上，即可启用“添加锚点”工具。（2）使用“钢笔”工具，在图像中绘制一条路径。选择“添加锚点”工具，将鼠标指针移至路径上没有锚点的区域，鼠标指针变形，此时单击即可添加一个锚点。项目五：路径的应用5.删除锚点工具二、路径的创建与编辑 二、路径的创建与编辑（1）使用“删除锚点”工具可以删除路径上已经存在的锚点。每单击一次可删除一个锚点。在工具箱中按住“钢笔”工具不放，弹出其中隐藏的所有工具，将鼠标指针移至“删除锚点”工具上，即可启用“删除锚点”工具。（2）使用“钢笔”工具，在图像中绘制一条路径，选择“删除锚点”工具，将鼠标指针移至路径上的锚点处，鼠标指针变形，此时单击即可删除该处的锚点。项目五：路径的应用6.转换点工具二、路径的创建与编辑 二、路径的创建与编辑（1）利用“转换点”工具，通过调整锚点的位置、调整锚点上的控制柄可以改变线段的弧度，从而改变路径形状，得到所需的路径效果。在工具箱中按住“钢笔”工具不放，弹出其中隐藏的所有工具，将鼠标指针移至“转换点”工具上，即可启用“转换点”工具。（2）在使用“转换点”工具选中某个锚点时，锚点两端显示出两个控制柄，按住【Shift】键，拖动锚点，可以使其控制柄以45或45的倍数进行改变；按住【Alt】键，拖动控制柄，可以改变两个控制柄中的任意一个，而不影响另一个的位置。项目五：路径的应用1.路径选择工具三、路径的选择与变换 三、路径的选择与变换使用“路径选择”工具可以选择一条或几条路径，并对其进行移动、组合、对齐、分布和变形等操作。使用“路径选择”工具，有以下两种方法，单击工具箱中的“路径选择”工具，或按【Shift+A】组合键。路径选择工具选项栏项目五：路径的应用2.直接选择工具三、路径的选择与变换 三、路径的选择与变换使用“直接选择”工具可以移动路径中的锚点或线段，还可以调整控制柄的位置。单击“直接选择”工具，单击工具箱中的“直接选择”工具，或按【Shift+A】组合键。项目五：路径的应用1.矩形工具四、创建路径形状 四、创建路径形状（1）使用“矩形工具”可以绘制矩型、正方形图形或者路径。选择工具箱中的“矩形工具”（或按Shift+U）组合键。（2）“矩形工具”选项栏主要选项含义如下：“形状”按钮：有三个选项形状、路径、像素，分别用于创建填充图形、创建矩形路径和填充像素。“填充”选项：在绘制图形的时候，可以选择不同的填充颜色，也可以关闭填充，只绘制图形边缘。“描边”选项：默认为关闭状态，绘制出的图形只有填充色，没有边缘色，开启后绘制图形，会出现边缘颜色，可以在启动该选项后设置边缘颜色，如图5-65所示；还可以通过点击“设置形状描边类型”选择描边的外形。单击矩形工具属性栏按钮，从弹出“路径选项”面板，如图5-67所示。在其中可以控制“矩形”工具所绘制的图形区域，“不受限制”指绘制任意大小和比例的矩形；“方形”可以绘制正方形；“固定大小”在W：和H：输入宽度和高度值后绘制出固定值的矩形；“比例”在W：和H：输入数值后，可绘制固定宽和高额比例的矩形；“从中心”指绘制矩形起点为矩形的中心。“对齐边缘”复选框：可以使矩形边缘自动与像素边缘重合。项目五：路径的应用2.圆角矩形工具四、创建路径形状 四、创建路径形状使用“圆角矩形工具”可以绘制具有平滑边缘的矩形图形或矩形路径。单击工具箱中的“圆角矩形工具”（或按Shift+U）组合键，其选项栏与“矩形工具”的选项栏类似，此处的“半径”选项，用于设置圆角矩形的平滑程度，半径越大，矩形的棱角越平滑。圆角矩形工具选项栏项目五：路径的应用3.椭圆工具四、创建路径形状 四、创建路径形状使用“椭圆工具”可以绘制椭圆形、圆形图形或路径。选择工具箱中的“椭圆工具”（或按Shift+U）组合键，其选项栏与“矩形工具”选项栏类似。椭圆工具选项栏项目五：路径的应用4.多边形工具四、创建路径形状 四、创建路径形状（1）使用“多边形工具”可以绘制正多边形图形或路径。选择工具箱中的“多边形”工具（或按Shift+U）组合键，其选项栏与“矩形”工具选项栏类似，此处的“边”选项，用于设置多边形的边数。（2）在“多边形工具”选项栏中，主要选项的含义如下：多边形选项框：弹出多边形选项框，在这里可以对多边形的半径、平滑拐角、星形以及平滑缩进等参数进行设置。半径：限定绘制的多边形外接圆的半径，可以直接在文本框中输入数值 平滑拐角：选中此选项，多边形的边缘将更圆滑。星形：勾选星形，在“缩进边依据”文本框中输入百分比，可以得到向内缩进的多边形，百分比值越大，边越缩进。平滑缩进：选中此选项，在缩进边的同时将边缘圆滑。“边”选项：用于设置多边形的边数，可以在文本框中直接输入边的数值。项目五：路径的应用5.直线工具四、创建路径形状 四、创建路径形状（1）使用“直线工具”可以绘制直线、带有箭头的线段图形或路径。选择工具箱中的直线工具（或按Shift+U）组合键，其选项栏与“矩形工具”选项栏类似，此处的“粗细”选项，用于设置线条的宽度。（2）“箭头”面板，选中“起点”复选框，表示箭头位于线段的始端，选中“终点”复选框，表示箭头位于线段的末端，“宽度”文本框用于设置箭头宽度和线段宽度的比值，“长度”文本框用于设置箭头长度和线段宽度的比值，“凹度”文本框用于设置箭头凹凸的形状。项目五：路径的应用6.自定义形状工具四、创建路径形状 四、创建路径形状（1）使用“自定形状工具”可以绘制一些已经定义好的图形或路径。单击工具箱中的“自定形状”工具（或按Shift+U）组合键，其选项栏与“矩形”工具属性选项栏栏类似，此处的“形状”选项，用于选择所要绘制的形状。（2）单击“形状”选项右边的下拉按钮，弹出“形状”面板，从中可以选择需要的形状。项目五：路径的应用1.复制路径五、应用路径 五、应用路径（1）按【Ctrl+C】组合键复制当前路径，按【Ctrl+V】组合键粘贴路径。（2）在“路径”面板中右击当前工作路径，在弹出的快捷菜单中选择“复制路径”命令即可。（3）在“路径”面板中将当前选择的路径直接拖到“创建新路径”按钮上，释放鼠标左键即可复制当前的路径。（4）按【Alt】键的同时直接使用路径选择工具拖动当前路径，此时鼠标指针变成形状，释放鼠标左键即可复制当前路径。项目五：路径的应用2.删除路径五、应用路径 五、应用路径（1）选中要删除的路径，按【Delete】键。（2）在“路径”面板中右击当前工作路径，在弹出的快捷菜单中选择“删除路径”命令。（3）在“路径”面板中将当前选择的路径直接拖动到“删除当前路径”按钮上，释放鼠标左键即可。项目五：路径的应用3.路径与选区的转换五、应用路径 五、应用路径（1）将路径转化为选区主要有以下几种方法：单击“路径”面板下方的“将路径作为选区载入”按钮，可以将路径转化为选区。右击图像中的路径，从弹出的快捷菜单中选择“建立选区”命令，弹出“建立选区”对话框，设置完成后，单击“确定”按钮，即可将路径转换成选区。在图像中创建路径后，按【Ctrl+Enter】组合键，可以将路径转化为选区。（2）将选区转化成路径的方法有以下几种：单击“路径”面板下方的“从选区生成工作路径”按钮，可以将选区转化为路径。单击“路径”面板右上角的按钮，在弹出的下拉菜单中选择“建立工作路径”命令，弹出“建立工作路径”对话框。在该对话框中，“容差”用于设置转化时的误差允许范围，数值越小越精确，路径上的锚点也越多。设置完成后，单击“确定”按钮，即可将选区转化为路径。项目五：路径的应用4.填充路径五、应用路径 五、应用路径（1）选中要填充的路径，单击“路径”面板下方的“用前景色填充路径”按钮，即可为路径填充前景色。（2）选中要填充的路径，按住【Alt】键的同时，单击“路径”面板下方的“用前景色填充路径”按钮，弹出“填充路径”对话框。在“使用”下拉列表框中选择使用颜色还是图案进行填充，“模式”用于设置混合模式，“不透明度”用于设置填充不透明度，“保留透明区域”用于保护图像中的透明区域，“羽化半径”用于设置柔化边缘的数值。项目五：路径的应用5.描边路径五、应用路径 五、应用路径（1）选中要描边的路径，单击“路径”面板下方的“用画笔描边路径”按钮，即可用画笔在路径边缘描绘出前景色。（2）选中要描边的路径，按住【Alt】键的同时，单击“路径”面板下方的“用画笔描边路径”按钮，弹出“描边路径”对话框，在其中可以选择使用哪种工具为路径描边。项目小结 项目小结本项目中讲述了路径的使用，路径是抠图的重要工具，常用于抠取图层中精细且不规则图像。Photoshop中的路径有直线和曲线组合而成，锚点则是这些线段或曲线的端点，要想绘制出好的路径，对锚点的控制非常重要。通过本项目的学习，应重点掌握以下内容：（1）在学习利用钢笔工具绘制路径后，务必加以练习，熟能生巧。（2）在学习编辑路径时，需重点掌握路径的锚点控制。