《路径与文字工具》PPT课件.ppt

第5章路径与文字工具,5.1路径在处理图像时的作用矢量图两要素：路径、点使用路径工具绘制的线条、矢量图形轮廓和形状通称为路径，包括直线型、曲线型和混合型路径，它由定位点、控制手柄和两点之间的连续线段组成，通过移动节点的位置可以调整路径的长度和方向，调整图形轮廓的路径，可以改变图形的形状，调整控制手柄可以改变连线的形状，如图5-1所示。,5.1路径在处理图像时的作用路径具有创建选区、绘制图形、编辑选区、剪贴的功能，利用这些功能，我们可以制作任意形状的路径，然后将其转换为选区，实现对图像更加精确的编辑和操作；或者使用路径工具建立路径后，再利用描边或填充命令，制作任意形状的矢量图形；还可以将PhotoshopCS2其他工具创建的选区转换为路径，使用路径的编辑功能对选区进行编辑和调整，从而达到修改选区的目的；当然还可以利用路径的剪贴功能，将在PhotoshopCS2制作的图像插入到其他图像软件或排版软件时，去除其路径之外的图像背景，使之透明，而路径之内的图像则可以被贴入。,5.1路径在处理图像时的作用节点又称为锚点，是路径最基本的组成元素，节点与节点之间会以一条线段连接，在绘制路径的过程中，每次使用“钢笔”工具在窗口中单击一次即可放置一个节点。设置节点的类型不同，连接节点的曲线也随之不同，节点分为平滑型节点和折角型节点，如图5-1所示。,5.2.1路径面板路径面板是编辑路径的一个重要操作窗口，显示创建的路径信息，可以实现对路径的显示、隐藏、复制、删除、描边、填充和剪贴输出等操作。执行“窗口”“路径”命令，打开路径面板，单击其右铡的三角形按钮，弹出面板菜单，如图5-2所示;若单击右侧的三角形按钮，在弹出的面板菜单中选择“调板选项”选项，弹出“路径调板选项”对话框，如图5-3所示，在该对话框中可以选择路径的显示方式。,5.2.2路径编辑工具PhotoshopCS2的路径编辑工具，主要由工具箱中的钢笔工具组、形状工具组以及选取工具组构成，如图5-4所示，各工具的名称及功能参见表5-1所示。,5.2.2路径编辑工具在PhotoshopCS2中，可以使用钢笔工具组和形状工具组创建路径，根据物体形状的需要，可以使用不同的路径工具进行绘制，要想使绘制的路径近乎完美，就必须有耐心。下面将介绍常用工具的使用方法与技巧。1钢笔工具：在PhotoshopCS2中，钢笔工具用于绘制直线和曲线路径，并可在绘制路径的过程中对路径进行简单编辑。选取“钢笔”工具，其选项栏如图5-5所示。在工具属性栏中单击“形状图层”按钮后，钢笔工具属性栏如图5-6所示。,1钢笔工具属于矢量绘图工具，其优点是可以勾画平滑的曲线（在缩放或者变形之后仍能保持平滑效果）2钢笔工具画出来的矢量图形称为路径，路径是矢量的3路径允许是不封闭的开放状，如果把起点与终点重合绘制就可以得到封闭的路径,用钢笔在画面中单击，会看到在击打的点之间有线段相连保持按住Shift键可以让所绘制的点与上一个点保持45度整数倍夹角（比如零度、90度）,我们绘制的那些锚点，由于它们之间的线段都是直线，所以又称为直线型锚点。,练习一,画出一个封闭路径，如下图,用钢笔来绘制曲线形锚点在起点按下鼠标之后不要松手，向上拖动出一条方向线后放手然后在第二个锚点拖动出一条向下的方向线,练习二,画出一个封闭路径，如下图,5.2.2路径编辑工具2自由钢笔工具：自由钢笔工具不是通过设置节点来建立路径，而是通过自由手绘来建立路径的。在“自由钢笔”工具选项栏中除了在钢笔工具中介绍的属性外，还可以选择“磁性的”复选框，选择该复选框，可以激活“磁性钢笔”工具，此时鼠标指针将变成形状，表示“自由钢笔”工具有了磁性，此工具的使用方法类似于“磁性套索”工具的使用方法。在自由钢笔工具选项栏中，单击“几何选形”的下拉按钮，弹出如图5-7所示的选项面板。,5.2.2路径编辑工具3矩形路径工具：使用矩形工具，可以绘制出矩形、正方形的形状或路径。当选择“矩形”工具进行绘制时，可以在选项栏中设置相关的参数，除了可以设置钢笔工具中介绍的属性外，还可以单击“几何选形”的下拉按钮，弹出如图5-8所示的选项面板。,5.2.2路径编辑工具4自定形状工具：使用自定形状工具可以绘制PhotoshopCS2预设的各种形状，如箭头、音乐符、闪电、自然和花纹等丰富多彩的路径形状。选取工具箱中的“自定形状”工具，在其工具属性栏中，单击“形状”右侧的下拉按钮，弹出“形状”面板，如图5-9所示，其中显示了多个预设的形状，可以根据设计的需要进行选择。以【例5-1】玫瑰花，来说明如何载入外部的形状文件。,形状工具,在形状工具中可以绘制各种图形或路径。自定义形状可以画出丰富多彩的各种图形。,转换点工具可以转换该节点类型，也可以调整弧线的方向,5.2.2路径编辑工具1）设置背景色为“红色”（RGB的参考值分别为255、0、0），执行“图层”“新建图层”命令，新建“图层1”图层。2）选取工具箱中的“自定形状”工具，单击工具属性栏中的“填充像素”按钮，单击“形状”选项右侧的下拉按钮，在弹出的“形状”面板中，单击其右侧的三角形按钮，在弹出的面板菜单中选择“山峰”选项，此时将弹出一个提示框，如图5-10所示，单击“确定”按钮，载入“山峰”形状。3）在“形状”面板中，选择形状，移动光标至图像窗口，单击鼠标左键并拖曳，绘制一个如图5-11所示的玫瑰花。,5.2.2路径编辑工具4）执行“窗口”“样式”命令，弹出“样式”面板，单击面板右侧的三角形按钮，在弹出的面板菜单中选择“载入样式”选项，在弹出的“载入”对话框中，选择存放在本书配套光盘文件：第5章路径与文字工具素材样式1.asl，载入样式。5）在“样式”面板中选择如图5-12所示的“PurpleGel”样式，此时图像效果如图5-13所示。,5.2.2路径编辑工具6）执行“图层”“图层样式”“创建图层”命令，将应用的样式创建图层，此时“图层”面板如图5-14所示。7）在图层面板中，选择最上方的图层为当前工作图层，单击面板底部创建建新的填充或调整图层按钮，选择“色相/饱和度”选项，弹出“色相/饱和度”对话框，设置各选项参数如图5-15所示，效果如图5-16所示。,5.3.1选择路径和节点对已绘制完成的路径进行编辑操作时，需要通过选择路径中的节点和整条路径进行操作。PhotoshopCS2提供了两种路径选择工具。1路径选择工具：使用“路径选择”工具，在已绘制的路径区域内的任意位置单击，即可选中该路径。此时路径上所有节点都以实心方块显示。如果在路径区域中拖移鼠标，则可以移动整个路径，如图5-17所示。,5.3.1选择路径和节点2直接选择工具：使用“直接选择”工具，可以用来调整路径和节点的位置，其操作方法如下：在路径上单击并拖移可以直接调整路径，如图5-18a所示。在路径节点上单击并拖移可以直接移动节点的位置，拖移节点的控制手柄，可以调整路径，如图5-18b所示。,在网页中经常用到的图形,小技巧,在使用钢笔工具的时候，按住ALT键可以暂时转换为转换点工具调整路径方向，按住Ctrl键可以暂时转换为直接选择工具调整单个节点。直接选择工具按住shift键可以多选节点，按Ctrl可以快速切换路径选择工具和直接选择工具，按Alt键可以快速复制路径。,练习,方法1,方法2,方法3,描绘对象,描绘对象,记住一个原则：绘制曲线的锚点数量越少越好因为如果锚点数量增加，不仅会增加绘制的步骤，同时也不利于后期的修改,练习,用路径勾勒出下图中的对象，并选择路径转换为选区，然后选取出对象。更换背景。,5.3.2存储与输出工作路径1存储路径：若需要经常使用到创建的工作路径，可将其存储起来，以方便后续的使用。存储工作路径的方法有两种，分别如下：在“路径”面板中选择需要存储的工作路径，单击面板右侧的三角形按钮，在弹出的面板菜单中选择“存储路径”选项，此时弹出“存储路径”对话框，如图5-19所示，单击“确定”按钮，即可完成存储操作。在“路径”面板中选择需要存储的工作路径，运用鼠标直接将其拖曳至面板底部的“创建新路径”按钮处，系统将会自动将其命名为“路径1”、“路径2”之类的默认名称。,5.3.2存储与输出工作路径2存储自定形状：如果需要经常性地创建与某个路径类似的路径，可以将该路径存储为自定形状。存储的自定形状会出现在“形状”下拉面板中，便于在以后的工作中可以直接选择并使用。打开【例5-1】的源文件，在“路径”面板中，选择需要存储为自定形状的路径(普通路径、工作路径或剪贴路径都可以)，这里选择前面绘制的玫瑰花。执行“编辑”“定义自定形状”命令，弹出“形状名称”对话框，如图5-20所示。,5.3.2存储与输出工作路径3.输出路径：路径可以保存在图像文件中，也可以单独保存为一个文件。首先选择已创建好的路径，然后执行“文件”“导出”“路径到Illustrator”命令，弹出“输出路径”对话框，如图5-21所示。设置完毕后，单击“保存”按钮就可以将指定的路径单独保存成一个文件。保存后的文件扩展名默认为.ai。此后可将该文件插入到Illustrator软件中进行编辑和修改。,5.3.2存储与输出工作路径4.输出剪贴路径：剪贴路径功能是“路径”面板中最有用的功能之一，剪贴路径功能主要用于制作去除背景效果的图像。当PhotoshopCS2使用剪贴路径功能输出的图像插入某排版软件中时，在其路径之内的图像会被输出，而路径之外的图像会成为透明的区域。输出剪贴路径时，首先在图像中勾画出要输出的路径，先将其保存，即拖动“工作路径”到“建立新路径”按钮上使之变为永久性的路径，才可输出为剪贴路径。然后选中“路径”面板中要输出为剪贴路径的路径，并单击“路径”面板菜单中的“剪贴路径”命令，打开“剪贴路径”对话框，如图5-22所示。,5.3.2存储与输出工作路径输出剪贴路径后，就可以将该图像保存成TIF(或EPS、DCS)的图像格式，然后插入到某一排版软件中使用，如图5-23b所示，就是在CorelPHOTO-PAINTX3中调入这个剪贴路径文件的情形。,5.3.3复制和删除工作路径路径已被视为图层中的图像，因此可以对它进行复制、粘贴和删除等操作，下面将对这些操作进行详细的介绍。1复制路径：不论是工作路径，还是非工作路径，都可以对其先备份再粘贴，从而达到复制目的。选择需要复制的路径，单击“路径”面板右侧的三角形按钮，在弹出的面板“复制路径”选项，此时将弹出“复制路径”对话框，如图5-24所示，单击“确定”按钮，即可完成复制操作。2删除路径：对于图像中没有作用的路径，可将其删除。,5.3.4填充和描边工作路径1填充路径：填充就是指在指定区域内填充颜色、图案。它的功能类似于工具箱中的油漆桶工具，不同的是，油漆桶工具只能填充颜色而不能填充图案等内容。在图像窗口中选择需要填充的路径，单击“路径”面板右侧的三角形按钮，选择“填充路径”选项，此时将弹出“填充路径”对话框，如图5-25所示。在该对话框中设置好选项参数，单击“确定”按钮，即可完成填充操作。,5.3.4填充和描边工作路径2描边路径：描边路径允许选择PhotoshopCS2中的画笔工具和修饰工具勾勒路径的轮廓线。按住键的同时，单击“路径”面板底部的“用画笔描边路径”按钮，弹出“描边路径”对话框，如图5-26所示，在该对话框中的“工具”选项右侧的列表中选择需要的工具，单击“确定”按钮，即可使用所选择的工具对路径进行描边。以【例5-3】扬帆，来说明如何对路径进行描边操作。,5.3.4填充和描边工作路径1）在图像窗口中，选择需要描边的路径。2）单击工具箱中的“前景色”图标，在弹出的“拾色器”对话框中设置好所需影的颜色，单击“确定”按钮。3）按住Alt键的同时，单击“路径”面板底部的“用画笔描边路径”按钮，弹出“描边路径”对话框，单击“工具”右侧的下拉按钮，弹出的下拉列表如图5-27所示。,5.3.4填充和描边工作路径4）在弹出的下拉列表中选择所需要的工具“图案图章”工具，单击“确定”按钮，即可完成对路径进行描边的操作，效果如图5-28所示。小技巧：描边的效果与在“描边路径”对话框中选择的工具有直接关系，同时与该工具在其选项面板中的设置也有密切关系。因此，在描边之前需要对用于描边的工具的各选项进行设置，如画笔大小和形状、颜色混合模式以及前景色等。,5.3.5路径与选区的转换1将路径转换为选区：无论是使用套索工具、多边形套索工具，还是磁性套索工具，都不能建立光滑的选区边缘，而且一旦建立选区后，就很难再进行调整。路径则不同，它由多个节点组成，可随时进行调整，同时使用控制柄可控制各曲线段的平滑度。单击“路径”面板右侧的三角形按钮，在弹出的面板菜单中选择“建立选区”选项，弹出“建立选区”对话框，如图5-29所示，单击“确定”按钮，即可完成转换操作。,5.3.5路与选区的转换2将选区转换为路径：在图像处理过程中，有时将使用PhotoshopCS2的其他选择工具建立的选区转换为路径，比直接使用路径工具创建路径更加方便快捷。例如在一些复杂图像中使用魔棒工具创建不规则的选区，然后将选区转换为路径，利用路径的矢量特性与可编辑性来调整和编辑路径。将选区转换为路径的方法是：创建选区，然后单击“路径”面板菜单中的“建立工作路径”命令；或者按住Alt键单击面板下方的“从选区生成工作路径”按钮，都可以打开“建立工作路径”对话框，如图5-30所示。,文字的输入与处理一直是Photoshop早期版本的弱点，以前要输入和处理大量的文字需要借助其他的软件，而PhotoshopCS2在文字处理方面有了很大的进步，现在不需要借助其他软件，就能制作出令人满意的效果。文字的输入主要是通过文字工具来实现的。在PhotoshopCS2中，文字工具组中有4个工具，分别为横排文字工具、直排文字工具、横排文字蒙版工具和直排文字蒙版工具，如图5-31所示。,5.4.1输入横排或直排文字输入横排或直排文字的操作很简单，可以使用工具箱中的“横排文字”工具或“直排文字”工具，在需要输入文字的图像位置处单击鼠标左键，此时在鼠标单击处将会显示闪烁的光标，即可输入文字，然后单击工具属性栏中的“提交所有当前编辑”按钮，或单击工具箱中的选择工具，确认输入的文字。若单击工具属性栏中的“取消所有当前编辑”按钮，则可清除输入的文字。选取工具箱中的文字工具，其工具属性栏如图5-32所示。注意：当文字工具处于选中状态时，可以输入文字并能文字进行编辑。但是，如果要执行其他的操作则必须提交对文字图层的编辑后才能进行。,5.4.2横排和直排文字蒙版工具使用横排和直排文字蒙版工具分别可以创建横向和竖向的文字选区，这两个工具的使用方法相同。选取“横排文字蒙版”工具，在图像中的适当位置处单击鼠标，在出现闪动的光标后输入所需的文字，完成输入后单击选项栏中的按钮，即可退出文字的输入状态，此时即可在图像中出现输入的文字选区，如图5-33所示。,5.4.3点文字或段落文字在PhotoshopCS2中，输入文字分为两种，分别是点文字和段落文字。点文字和段落文字的区别在于：点文字的文字行是独立的，即文字行的长度随文本的增加而变长，不会自动换行。因此，如果在输入点文字时，要进行换行的话，必须按回车键。段落文字则与点文字不同，当输入的文字长度到达段落定界框的边缘时，文字会自动换行，当段落定界框的大小发生变化时，文字会根据定界框的变化而发生变化。1输入点文字：点是指在图像中输入单独的文本行(如标题文本)，若要应用文本嵌合路径等特殊效果时，输入点文字非常适合。点文字的输入方法很简单，只需选取工具箱中的“直排文字”工具或“横排文字”工具，在图像窗口中需要输入点文字的位置处单击鼠标左键，确定插入点，在闪烁的文字插入光标处输入所需的文字，然后单击工具属性栏中的“提交所有当前编辑”按钮，确认输入的文字即可。,5.4.3点文字或段落文字2输入段落文字：使用文字工具输入段落文字时，文字会基于设定的文字框进行自动换行。可以根据需要自由调整段落定界框的大小，以使文字在调整后的矩形框中重新排列。在PhotoshopCS2中，点文字和段落文字可以相互转换。创建点文字后，执行“图层”“文字”“转换为段落文本”命令，即可将点文字转换为段落文字，效果如图5-34所示。,5.4.4创建路径文字效果在PhotoshopCS2中，用户还可在路径上输入所需的文字，使文字绕路径排列，从而制作出各种形状的弯曲文字效果。以【例5-4】公益广告：“打击盗版，人人有责”，来说明如何创建路径文字效果。1)执行“文件”“打开”命令，打开一幅图像，文件存放在本书配套光盘：第5章路径与文字工具素材公益广告.jpg，如图5-35a所示。2）运用工具箱中的“横排文字”工具，在图像窗口中输入点文字，效果如图5-35b所示。,5.4.4创建路径文字效果3）选取工具箱中的钢笔工具，单击工具属性栏中的“路径”按钮，然后在图像窗口中绘制一条开放路径，如图5-36a所示。4）选取工具箱中的横排文字工具，移动光标至创建的路径处，此时鼠标指针呈形状，在路径的起始点单击鼠标左键，确定插入点，此时将出现一个闪烁的光标，选择一种输入法，即可开始输入文字，在输入文字时，光标的显示状态如图5-36b所示。,5.4.4创建路径文字效果5）输入完成，按Ctrl+Enter组合键，或单击工具属性栏中的“提交所有当前编辑”按钮，确认输入的文字。在“路径面板”中的灰色空白处单击鼠标左键，即可隐藏绘制的路径，输入的路径文字效果如图5-37a所示。6）运用上述绘制路径与输入文字的操作方法，在图像窗口中创建其他的路径文字，效果如图5-37b所示。,5.5.1通过“字符面板”编辑文字选取“横排文字”工具，在其选项栏中单击“显示/隐藏字符和段落面板”按钮，弹出“字符/段落面板”，切换到“字符面板”，如图5-38a所示。5.5.2通过“段落面板”编辑文字选取“横排文字”工具，在其选项栏中单击“显示/隐藏字符和段落面板”按钮，弹出“字符/段落面板”，切换到“段落面板”，如图5-38b所示。,5.5.3将文字转换为路径应用PhotoshopCS2中，将文字转换为路径后，可以像编辑普通路径一样编辑转换后的文字。执行“图层”“文字”“创建工作路径”命令，即可将文字转换为路径。5.5.4栅格化文字PhotoshopCS2中的某些命令和工具(如滤镜效果和绘画工具)不可应用于文字图层，在应用这些命令或绘图工具之前，需要将文字图层转换为普通图层。在图层面板中选择该文字图层，然后执行“图层”“栅格化”“文字”命令即可。注意：栅格化文字图层后，就不能在该图层上对文字进行基本属性的相关编辑。,5.5.5编辑变形文字效果PhotoshopCS2具有变形文字的功能，并且还可以对变形后的文字进行编辑。在图像窗口中选中所需要变形的文字，单击工具属性栏中的“创建文字变形”按钮，弹出“变形文字对话框，单击“样式”右侧的下位按钮，在弹出的下位列表中，可以选择一种变形方式，以便对文字进行变形，如图5-39所示，该对话框中的主要选项的含义如下：,5.5.5编辑变形文字效果如图5-40所示，都是利用变形文字制作出的各种效果。,练习：描边路径,文字与形状转换结合,实训游戏天下,具体内容详见课本P133,