第08课 路径的高级应用

Photoshop7.0中文版培训教程四川文理学院第八课 路径的高级应用课前导读课堂讲解上机实战课后练习Photoshop7.0中文版培训教程四川文理学院课前导读基础知识重点知识Photoshop7.0中文版培训教程四川文理学院基础知识 编辑文本路径、剪贴路径。Photoshop7.0中文版培训教程四川文理学院重点知识 路径和选区的互换、填充和描边路径，以及使输入的文本适合路径等操作，同学应结合上机实战熟练操作。Photoshop7.0中文版培训教程四川文理学院课堂讲解路径和选区的互换 填充和描边路径 使输入的文本适合路径 编辑文本路径 剪贴路径 Photoshop7.0中文版培训教程四川文理学院路径和选区的互换 通过上一课的学习，我们知道利用路径工具可以很精确地创建路径，但对于一些比较复杂的图像形状，使用钢笔工具描绘过于繁琐，此时更简便的方法就是利用路径和选区的互换功能。另外，路径是一个选区的轮廓边缘线，它不能运用图层样式效果和滤镜等命令产生丰富的特殊效果，只有将路径转换成选区后，才能实现这些特殊效果。将编辑好的路径转换成选区 将创建的选区转换成路径Photoshop7.0中文版培训教程四川文理学院将编辑好的路径转换成选区 在Photoshop中，选区可以转化为路径，也可由路径创建选区。在图像窗口中创建好路径后（如图13-1所示），然后单击路径控制面板底部的“将路径转化为选区”按钮 ，即可将当前路径转化为选区，如图13-2所示。如果路径控制面板中有多个路径栏，在转换前应先选中需要将路径转换成选区的路径栏。Photoshop7.0中文版培训教程四川文理学院 图13-1图13-2Photoshop7.0中文版培训教程四川文理学院将创建的选区转换成路径 由选区创建路径即把选区转化为路径，其方法是先在图像中利用选择工具或菜单命令创建选区范围，如图13-3所示。然后单击路径控制面板下的“将选区转化为路径”按钮 ，即可将选区边框转化为路径曲线，效果如图13-4所示，同时路径控制面板中将自动出现“工作路径”栏。Photoshop7.0中文版培训教程四川文理学院 图13-3图13-4Photoshop7.0中文版培训教程四川文理学院填充和描边路径 当路径创建并编辑完成后，通过对其进行填充和描边路径操作，便可以得到具有各种效果的图形。用前景色填充路径 用背景色填充路径 用图案填充路径 用前景色描边路径 Photoshop7.0中文版培训教程四川文理学院用前景色填充路径 填充路径是指用指定的颜色或图案填充路径包围的区域。在进行路径填充前，需要先设置好前景色或背景色；如果使用图案填充，先将所需的图像定义成图案。 使用前景色填充路径的具体操作方法如下：Photoshop7.0中文版培训教程四川文理学院 （1）设置好前景色，如将当前前景色设置为红色。 （2）在路径控制面板中选中需要填充的当前路径，如图13-5所示。 （3）单击路径控制面板底部的“用前景色填充路径”按钮 ，可以直接使用前景色填充路径，效果如图13-6所示。 Photoshop7.0中文版培训教程四川文理学院 如果需要填充的路径包括多个子路径，即多层路径，可以使用路径选择工具单 击选中需要填充的某个子路径，再执行填充路径操作即可。同时填充路径后，原路径轮廓线依然存在，以便于用户再次进行编辑修改，并不会被打印输出。Photoshop7.0中文版培训教程四川文理学院 图13-5图13-6Photoshop7.0中文版培训教程四川文理学院用背景色填充路径 如果需要使用背景色填充路径，其具体操作如下： （1）设置好背景色，如将当前前景色设置为黄色。 Photoshop7.0中文版培训教程四川文理学院 （2）在路径控制面板中选中需要填充的当前路径，然后单击面板右上角的 按钮，在弹出的下拉菜单中选择“填充路径”命令，将打开如图13-7所示的“填充路径”对话框。该对话框各选项与前面介绍的填充图像时选择编辑填充菜单命令后打开的对话框各选项作用基本相同。 （3）在“使用”下拉列表框中选择要填充的方式，这里选择“背景色”，其他参数保持默认设置，单击 按钮，即可使用背景色填充路径，效果如图13-8所示。 Photoshop7.0中文版培训教程四川文理学院 图13-7图13-8Photoshop7.0中文版培训教程四川文理学院用图案填充路径 根据需要用户可以使用Photoshop软件本身提供的图案或自定义图案填充路径，下面以自定义图案填充路径为例，其具体操作如下： （1）在需要获取图案的图像文件中用矩形选框工具 选取需要使用的填充图案，如图13-9所示。Photoshop7.0中文版培训教程四川文理学院 （2）选择编辑定义图案菜单命令，将打开如图13-10所示对话框。 （3）在“名称”文本框中输入需定义图案的名称，如“碟纹”，然后单击 按钮，完成图案的定义。 （4）在路径控制面板中选中要填充的路径，单击路径控制面板右上角的 按钮，在弹出的下拉菜单中选择“填充路径”命令，打开“填充路径”对话框。 Photoshop7.0中文版培训教程四川文理学院 图13-9图13-10Photoshop7.0中文版培训教程四川文理学院 （5）在“使用”下拉列表框中选择“图案”填充方式，在“自定图案”下拉列表框中选择刚才定义的“碟纹”图案，如图13-11所示。 （6）单击 按钮，图案填充效果如图13-12所示。 Photoshop7.0中文版培训教程四川文理学院 图13-11图13-12Photoshop7.0中文版培训教程四川文理学院用前景色描边路径 使用画笔、铅笔、橡皮擦、图章等工具都可以描边路径，描边路径的具体操作如下：Photoshop7.0中文版培训教程四川文理学院 （1）设置好前景色，如桔黄色。 （2）选择用于描边的工具 ，这里单击工具箱中的画笔工具，在其工具属性栏中的“画笔”下拉列表框中选择笔触的大小，如选择尖角13像素画笔 。 （3）在路径控制面板中选中要描边的路径，然后单击面板底部的“用画笔描边路径”按钮 即可，描边效果如图13-13所示。Photoshop7.0中文版培训教程四川文理学院 如果需要使用铅笔、橡皮擦、图章等工具描边路径，可以单击路径控制面板右上角的 按钮，将打开相应的对话框，在其中可以选择描边使用的工具。另外，通过设置笔触间距后再进行描边，可以得到各种特殊的描边效果，如图13-14所示为增大间距后再进行描边操作的效果。Photoshop7.0中文版培训教程四川文理学院 图13-13图13-14Photoshop7.0中文版培训教程四川文理学院使输入的文本适合路径 使输入的文本适合路径是Photoshop 7.0新增的一个非常强大的功能，用于使输入的文本沿绘制的路径进行放置，从而可以创建出各种样式丰富的文本效果。 创建文本路径 创建路径区域文本 Photoshop7.0中文版培训教程四川文理学院创建文本路径 创建文本路径并沿路径输入文本的具体操作如下： （1）打开需要通过路径创建文本的图像，单击工具箱中的钢笔工具 ，在其工具属性栏中单击“路径”按钮 。Photoshop7.0中文版培训教程四川文理学院 （2）用钢笔工具在图像中绘制出一条曲线路径（也可用其他方法来创建路径），如图13-15所示。 （3）单击工具箱中的横排文字工具 ，用光标在路径上单击一点，待出现插入光标后输入的文字会自动排列在工作路径上，同时通过路径控制面板可以看出除了前面绘制的工作路径外，还产生了相应的文本路径，如图13-16所示。 Photoshop7.0中文版培训教程四川文理学院 图13-15图13-16Photoshop7.0中文版培训教程四川文理学院创建路径区域文本 创建区域文本即使输入的文本被包含在一个封闭的路径区域内，其具体操作如下： （1）创建一个封闭的路径，如单击工具箱中的自定义形状工具，在其工具属性栏中单击“路径”按钮 ，在“形状”下拉列表框中选择 形状，在图像中拖动绘制一个封闭路径，如图13-17所示（也可用其他方法来创建封闭路径）。Photoshop7.0中文版培训教程四川文理学院 （2）单击工具箱中的横排文字工具 ，将光标移到封闭路径内，光标将变成形状，如图13-18所示。 （3）单击鼠标，待出现插入光标后在形状路径内部输入文字，输入的文字将自动被排放在形状路径内，如图13-19所示。 Photoshop7.0中文版培训教程四川文理学院 图13-17图13-18Photoshop7.0中文版培训教程四川文理学院图13-19Photoshop7.0中文版培训教程四川文理学院 使文本适合路径后，Photoshop将它和路径作为一个整体，用户可以移动文本的位置，也可改变路径的形状，从而得到其他文本效果。另外，用于适合的文本的路径将不会被打印输出。Photoshop7.0中文版培训教程四川文理学院编辑文本路径 输入好路径文本后，根据需要还可对文本路径进行一些编辑操作，包括调整文本在路径上的位置、编辑路径的形状等。调整文本在路径上的位置 编辑文本路径的形状 Photoshop7.0中文版培训教程四川文理学院调整文本在路径上的位置 使用路径选择工具 可以调整文本在路径上的位置，包括以下几种操作：单击工具箱中的路径选择工具 ，将光标移到路径左端处，当光标变成一个向右的箭头时，单击并拖动鼠标，路径上将出现一个随之移动的光标，当到达适当位置时释放鼠标，可以将路径上的文本向右移动，如图13-20所示。在拖动过程中，如果向路径的下方拖动，可以将文字拖动到路径的另一侧，如图13-21所示。Photoshop7.0中文版培训教程四川文理学院 图13-20图13-21Photoshop7.0中文版培训教程四川文理学院单击工具箱中的路径选择工具，将光标移到路径右端处，当光标变成一个向左的箭头时，拖动鼠标，可以暂时隐藏被拖过路径上的文本，如图13-22所示。反方向拖动时又可恢复被隐藏的文字。Photoshop7.0中文版培训教程四川文理学院编辑文本路径的形状 编辑路径的形状与前面介绍的用转换锚点工具、添加锚点工具、删除锚点等工具编辑路径的方法完全相同，不同的是这里要先在路径控制面板中选中相应的文本路径，再进行编辑，在改变路径形状的同时，文本的效果也将随之改变，如图13-23所示。Photoshop7.0中文版培训教程四川文理学院 图13-22图13-23Photoshop7.0中文版培训教程四川文理学院剪贴路径 如果需要把图像中的路径输入到另一幅图像中，使用路径选择工具 选中路径后将其直接拖动到另一图像窗口中即可，同时原图像将保持路径不变。如果需要把图像中的路径输入到另一幅图像中，而原图像不再需要使用该路径时，可以剪贴路径。方法是在路径控制面板中单击选中要剪贴的路径，选择编辑剪切菜单命令，将路径放置到剪贴板中，然后打开另一幅图像，选择编辑粘贴菜单命令粘贴路径即可。Photoshop7.0中文版培训教程四川文理学院上机实战 本课上机实战主要练习将上一课上机实战中制作的多层图案路径进行填充和描边操作，并练习利用路径制作霓虹灯效果。通过练习，可以使同学熟练掌握路径和选区的互换，以及填充和描边路径等操作。其中，在练习过程中需要同学注意的是在进行填充或描边路径前应先选中需要编辑路径并设置好前景色及笔触样式，同时本例在制作霓虹灯效果时将描边或填充路径后的图像放置在了不同的图层中，这样可以方便地对描边或填充后的图像进行其他调整，如添加图层样式效果等，如果不需要进行其他编辑操作，可以在背景层或一个图层中进行操作。对于沿路径输入文本和编辑文本路径这里没有练习，同学可根据课堂讲解部分自行上机操作。Photoshop7.0中文版培训教程四川文理学院填充和描边图案路径 制作霓虹灯效果 Photoshop7.0中文版培训教程四川文理学院 下面练习对上一课上机实战中制作的多层图案路径进行填充和描边操作，处理后的效果如图13-24所示，其具体操作如下：填充和描边图案路径Photoshop7.0中文版培训教程四川文理学院 图13-24Photoshop7.0中文版培训教程四川文理学院 （1）打开第十二课中创建的“多层图案路径”图像文件，切换到路径控制面板中单击“工作路径”栏，显示出前面创建的路径。 （2）单击“创建新图层”按钮新建图层1，单击工具箱中的路径选择工具 ，单击选中最外层的圆形路径，然后将前景色设置为橙色，单击路径控制面板底部的“用前景色填充路径”按钮 ，效果如图13-25所示。 （3）用路径选择工具 单击选中第2层中的圆形路径，将前景色设置为蓝色，单击路径控制面板底部的“用前景色填充路径”按钮 ，效果如图13-26所示。Photoshop7.0中文版培训教程四川文理学院 图13-25图13-26Photoshop7.0中文版培训教程四川文理学院 （4）用路径选择工具 单击选中第3层中的图案路径，切换到图层控制面板中，单击“创建新图层”按钮 新建图层2。 （5）将前景色设置为黄色，单击路径控制面板底部的“用前景色填充路径”按钮 ，效果如图13-27所示。此时填充后的黄色部分图形将位于图层2中。 （6）保持第3层中的图案路径的选取状态，将前景色设置为白色，单击工具箱中的画笔工具 ，在其工具属性栏中的“画笔”下拉列表框中选择尖角3像素画笔。Photoshop7.0中文版培训教程四川文理学院 （7）单击路径控制面板底部的“用画笔描边路径”按钮 ，描边效果如图13-28所示。 （8）用路径选择工具 单击选中第2层中的圆形路径，选中图层1，单击工具箱中的画笔工具 ，在其工具属性栏中的“画笔”下拉列表框中选择为尖角4像素画笔。 （9）单击路径控制面板底部的“用画笔描边路径”按钮 ，效果如图13-29所示。 Photoshop7.0中文版培训教程四川文理学院图13-27图13-28Photoshop7.0中文版培训教程四川文理学院 （10）按【Ctrl+H】键隐藏路径的显示，切换到图层控制面板中，选中图层1，用魔棒工具 在蓝 色 圆 图 形 中 单 击 ， 选 取 图 形 后 按【Ctrl+Shift+I】键反选，效果如图13-30所示。 （11）选择图层新建通过剪切的图层菜单命令，将选区内的图像剪切生成图层3，单击图层控制面板底部的“添加图层样式”按钮 ，在弹出的下拉菜单中选择“投影”命令，在打开的对话框中进行设置，为其添加投影效果。 （12）选中图层2，同样为其添加投影图层样式效果，增加其立体感，即可完成本例的练习，其最终效果如图13-24所示。 Photoshop7.0中文版培训教程四川文理学院图13-29图13-30Photoshop7.0中文版培训教程四川文理学院 下面练习通过路径与选区的互换以及描边和填充路径的操作，制作出如图13-31所示的霓虹灯效果。 制作霓虹灯效果创建路径 制作霓虹灯效果 Photoshop7.0中文版培训教程四川文理学院图13-31Photoshop7.0中文版培训教程四川文理学院 下面先通过形状工具、路径工具和将选区转换成路径的方法创建出所需的全部路径，并分别调整好位置和形状，以便后面放置。其具体操作如下：创建路径Photoshop7.0中文版培训教程四川文理学院 （1）选择文件新建菜单命令，新建一个宽度为26厘米，高度为12厘米，分辨率为300像素/英寸，文件名为“霓虹灯”的新文件。 （2）将前景色设置为黑色，按【Alt+Delete】键将背景填充为黑色。 （3）单击路径控制面板右上角的 按钮，在弹出的下拉菜单中选择“新路径”命令，新建一个名为“路径1”的空白路径。 （4）单击工具箱中的矩形工具，在其工具属性栏中单击选中“路径”按钮，在黑色背景图像上绘制两个矩形边框路径，如图13-32所示。 Photoshop7.0中文版培训教程四川文理学院 （5）单击工具箱中的钢笔工具 ，创建出一条如图13-33所示的曲线路径（可使用转换点工具对其调整）。 （6）用路径选择工具 选中该曲线路径，并复制出3条路径，并依次调整到原曲线路径的下方。 （7）打开如图13-34所示吉它图像文件，并创建选区，其方法是：先用魔棒工具选取白色背景图像，再通过反选操作选取吉它图像，再按下【Alt】键不放，用多边形套索工具和椭圆选框工具在吉它图像下方从选区中减去小部分图像，这样是为了使其较为生动形象。 Photoshop7.0中文版培训教程四川文理学院 图13-32图13-33Photoshop7.0中文版培训教程四川文理学院 （8）完成后单击路径控制面板下的“将选区转化为路径”按钮 ，将吉它图像选区转换成工作路径，如图13-35所示。 （9）单击工具箱中的路径选择工具 ，将其拖动到霓虹灯效果图像文件中，按【Ctrl+T】键以调整吉它路径的大小和位置，并使前面绘制的曲线路径右侧与吉它路径刚好靠拢，效果如图13-36所示。 （10）按【Ctrl+H】键隐藏路径的显示，用横排文字工具在图像窗口中输入文字“蓝色海岸线”，这时将在图层控制面板中生成相应的文字图层，如图13-37所示。 Photoshop7.0中文版培训教程四川文理学院图13-34图13-35图13-36Photoshop7.0中文版培训教程四川文理学院 （11）在图层控制面板中按下【Ctrl】键不放并单击文字图层，载入文字图像的选区，单击眼睛图标，隐藏该文字图层的显示。切换到路径控制面板中，单击“将选区转化为路径”按钮 ，将文字选区转换成工作路径，如图13-38所示。 （12）按【Ctrl+X】键剪切工作路径，单击路径控制面板中的“路径1”栏，显示出路径，按【Ctrl+V】键将文字路径粘贴到路径1中，用路径直接选择工具 分别框选各个文字，再通过按【Ctrl+T】键进行变形，完成后的效果如图13-39所示。 Photoshop7.0中文版培训教程四川文理学院图13-37图13-38Photoshop7.0中文版培训教程四川文理学院 （13）用第（10）（12）步相同的方法创建出其他所需的文字路径，效果如图13-40所示。 （14）单击工具箱中的自定义形状工具 ，在其工具属性栏中单击选中“路径”按钮 ，在路径1上分别绘制出各种音乐符号、手形和电话等形状路径，即可完成所有路径的创建，效果如图13-41所示。 Photoshop7.0中文版培训教程四川文理学院图13-39图13-40Photoshop7.0中文版培训教程四川文理学院图13-41Photoshop7.0中文版培训教程四川文理学院制作霓虹灯效果 （1）将前景色设置为白色，单击工具箱中的画笔工具 ，单击其工具属性栏右侧的 按钮，在打开的画笔预设控制面板中进行如图13-42所示设置。 下面通过填充和描边路径操作来制作霓虹灯效果，其具体操作如下： Photoshop7.0中文版培训教程四川文理学院 （2）新建图层1，用路径选择工具选中最外层的矩形路径，单击路径控制面板底部的“用画笔描边路径”按钮 ，描绘后按【Ctrl+H】键隐藏路径的显示。 （3）选中图层1，单击“锁定透明像素”标记 ，单击工具箱中的渐变工具 ，在其工具属性栏中的 下拉列表框中选择“彩虹”渐变色，对描边后的图像进行渐变，使其加上彩虹色彩，效果如图13-43所示。Photoshop7.0中文版培训教程四川文理学院图13-42图13-43Photoshop7.0中文版培训教程四川文理学院 (4）按【Ctrl+H】键显示出路径，新建图层2，用路径选择工具 选中第2层的矩形路径，用同样的方法对其进行描边和渐变。 （5）显示出路径，单击工具箱中的路径选择工具 ，按下【Shift】键不放分别单击4条波浪线路径，将其选中。 （6）将前景色设置为青色，单击工具箱中的画笔工具 ，单击其工具属性栏右侧的 按钮，在打开的画笔预设控制面板中选择尖角9像素画笔，并将“间距”设置为1%，新建图层3，单击路径控制面板底部的“用画笔描边路径”按钮 ，对其进行描边。Photoshop7.0中文版培训教程四川文理学院 （7）描边后选择图层图层样式外发光菜单命令，在打开的对话框中将外发光颜色设置为深蓝色，调整好参数后单击 按钮应用样式，效果如图13-44所示。 （8）将前景色设置为紫色，选中吉它路径，单击工具箱中的画笔工具 ，单击其工具属性栏右侧的 按钮，在打开的画笔预设控制面板中选择柔角27像素画笔，新建图层4，单击“用画笔描边路径”按钮 ，对其进行描边，效果如图13-45所示。Photoshop7.0中文版培训教程四川文理学院图13-44图13-45Photoshop7.0中文版培训教程四川文理学院 （9）新建图层5，用路径直接选择工具 分别框选“蓝色海岸线”各个文字，选择柔角21像素画笔，单击“用画笔描边路径”按钮 对其进行描边，然后用前面第（3）步相同的方法对其进行渐变，完成后的效果如图13-46所示。 （10）显示出所有路径，新建图层6，用路径直接选择工具 分别框选中“KTV”和“卡拉OK”文字，用前面第（2）步和（3）步相同的方法对其进行描边后添加渐变，效果如图13-47所示。 Photoshop7.0中文版培训教程四川文理学院图13-46图13-47Photoshop7.0中文版培训教程四川文理学院 （11）新建图层7，按下【Shift】键不放，用路径选择工具 分别单击选中各种音乐符号和手形路径，将前景色设置为金黄色，单击“用前景色填充路径”按钮 ，将其填充为黄色。 （12）单击工具箱中的画笔工具，选择尖角5像素画笔，将前景色设置为橙色，单击“用画笔描边路径”按钮 对其进行描边，效果如图13-48所示。 （13）新建图层8，按下【Shift】键不放用路径选择工具 分别单击选中电话和冒号路径，将前景色设置为黄色，单击工具箱中的画笔工具，选择柔角17像素画笔，单击“用画笔描边路径”按钮 对其进行描边，效果如图13-49所示。 Photoshop7.0中文版培训教程四川文理学院图13-48图13-49Photoshop7.0中文版培训教程四川文理学院 （14）显示出所有路径，新建图层9，用路径选择工具 分别选中各个电话号码数字路径，并向右拖动，使其距离加大，然后再选中所有电话号码数字路径。 （15）将前景色设置为紫色，单击“用前景色填充路径”按钮 ，将其填充为紫色，再为其添加较浅的淡紫色外发光，按【Ctrl+H】键隐藏所有路径，保存图像文件，完成本例的练习，其最终效果如图13-31所示。Photoshop7.0中文版培训教程四川文理学院课后练习填空题选择题问答题上机操作题Photoshop7.0中文版培训教程四川文理学院填空题 （1）描边路径时使用 可对当前路径进行描边。 （2）用 选取需要使用的图案，然后选择“编辑”菜单下的 菜单命令可以自定义图案。 （3）沿路径输入文本时除了可以沿曲线路径输入外，还可以在 路径内输入文本。 封闭的定义图案矩形选框工具用画笔描边路径Photoshop7.0中文版培训教程四川文理学院选择题 （1）要将当前路径转化为选区，可以单击路径控制面板底部的（ ）。 A、 按钮 B、 按钮 C、 按钮 D、 按钮 （2）要将当前选区转化为路径，可以单击路径控制面板底部的（ ）。 A、 按钮 B、 按钮 C、 按钮 D、 按钮BAPhotoshop7.0中文版培训教程四川文理学院问答题（1）如何进行路径和选区的互换？（2）如何使用前景色填充或描边路径？有哪几种方法？（3）如何使用图案填充路径？ 参见13.1.2节下的第3小节中的相关内容参见13.1.2节下的第1小节和第4小节中的相关内容参见13.1.1节下的相关内容Photoshop7.0中文版培训教程四川文理学院（4）如何创建文本路径并沿路径输入文本？（5）如何调整文本在路径上的位置及形状？（6）什么时候可以进行剪贴路径操作？应如何操作？参见13.1.5节中的相关内容参见13.1.3节中的相关内容参见13.1.4节中的相关内容Photoshop7.0中文版培训教程四川文理学院上机操作题 根据本课上机实战中的操作方法，将第十二课上机操作题中制作的多层花瓣图案路径通过填充和描边路径等操作，处理成如图13-50所示的图案效果。 具体方法可参见上机实战中的方法，但需要注意的是由于该图案是由多个子路径组成的，因此在填充或描边路径前应先用直接选择工具选取相应的子路径。Photoshop7.0中文版培训教程四川文理学院图13-50