路径和形状图形工具.ppt

《路径和形状图形工具.ppt》由会员分享，可在线阅读，更多相关《路径和形状图形工具.ppt（57页珍藏版）》请在三一办公上搜索。

1、7.1 认识路径7.2 路径与编辑工具 7.3【路径】面板 7.4 形状图形工具,第 7 章路径和形状图形工具,本章学习图形的绘制、选取及轻纱和霓虹灯特效的制作,7.1 认识路径,路径是一种通过矢量绘图的方法绘制的形状，或者进行图像区域选择的手段。路径是由一条或多条线段或曲线组成的，每一段都有锚点标记，通过编辑路径的锚点，可以很方便地改变路径的形状。在曲线上，每个选中的锚点显示一条或两条调节柄，调节柄以控制点结束。调节柄和控制点的位置决定曲线的大小和形状。移动这些元素将改变路径中曲线的形状。,下图为路径构成说明图，选中的锚点显示为实心方形，而未选中的锚点显示为空心方形。,7.2 路径与编辑工具

2、,创建和编辑路径的工具包括【钢笔】、【自由钢笔】、【添加锚点】、【删除锚点】、【转换点】、【路径选择】及【直接选择】工具等。,7.2.1 钢笔工具,钢笔工具组包括【钢笔】和【自由钢笔】工具。1、【钢笔】工具 的功能及使用方法【钢笔】可以创建工作路径或形状图形。方法：选【钢笔】工具，在图像文件中依次单击，可以创建直线形态的路径；拖曳鼠标可以创建平滑流畅的曲线路径。将鼠标移回到第一个锚点上，当笔尖旁出现小圆圈时单击可创建闭合路径。在未闭合路径之前按住Ctrl键在路径外单击，可创建开放路径。,绘制直线路径时，按住Shift键，限制在45的倍数方向绘制。绘制曲线路径时，按住Alt键，拖曳鼠标可调整控制

3、点的方向，释放Alt键和鼠标，重新移动鼠标至合适的位置拖曳，可创建具有锐角的曲线路径，如图所示。,2、绘制类型【钢笔】工具的属性栏如图所示。,【形状图层】按钮：可创建用前景色填充的图形，同时在【图层】面板中自动生成包括图层缩览图和矢量蒙版缩览图的形状层，并在【路径】面板中生成矢量蒙版，如下页图所示。双击图层缩览图可以修改形状的填充颜色。当路径的形状调整后，填充的颜色及添加的效果会跟随一起发生变化。,【路径】按钮：可创建普通的工作路径，此时【图层】面板中不会生成新图层，仅在【路径】面板中生成工作路径，如图所示。,【填充像素】按钮：【钢笔】工具不可用此按钮；仅有【形状图形】工具时才可用。激活此，可

4、绘制前景色填充的图形，但不在【图层】面板中生成新图层，也不在【路径】面板中生成工作路径，如图示。,3、其他按钮及选项 按钮：这是路径工具和形状图形工具的集合，单击相应的按钮，即可方便快捷地完成各工具之间的相互转换。单击右侧的 按钮，会弹出相应工具的选项面板。激活不同的路径工具按钮，弹出的面板也各不相同。选项：在使用【钢笔】工具绘制图形或路径时，勾选此复选框，【钢笔】工具将具有【添加锚点】工具和【删除锚点】工具的功能。,：这是路径运算方式，用于对同一形状图形进行相加、相减、相交或反交运算。【样式】：单击，弹出【样式】选项面板，以便在形状层中快速应用系统中保存的图层样式。【颜色】：设置形状层的颜色

5、。,4、【自由钢笔】工具 的功能及使用方法【自由钢笔】可自由绘制工作路径或形状图形。方法：选【自由钢笔】，并在图像文件中按下鼠标左键拖曳，沿着鼠标的移动轨迹将自动添加锚点生成路径。当鼠标回到起始位置时，其右下角会出现一个小圆圈，此时释放鼠标即可创建闭合的钢笔路径。鼠标回到起始位置之前，在任意位置释放鼠标可绘制一条开放路径；按住Ctrl键释放鼠标，可在当前位置和起点之间生成一段线段闭合路径。另外，在绘制路径的过程中，按住Alt键单击，可绘制直线路径；拖曳鼠标可以绘制自由路径。,7.2.2 调整路径工具,调整路径工具包括【添加锚点】、【删除锚点】和【转换点】工具。1、【添加锚点】工具 的功能及使用

6、方法【添加锚点】，可在工作路径上添加锚点。方法：选【添加锚点】，将鼠标移动到要添加锚点的路径上，当鼠标显示为添加锚点符号时单击，即可在路径的单击处添加锚点，此时不会更改路径的形状。如果在单击的同时拖曳鼠标，可在路径的单击处添加锚点，并可更改路径的形状。,2、【删除锚点】工具 的功能及使用方法【删除锚点】，可删除工作路径上的锚点。方法：选【删除锚点】，将鼠标移动到要删除的锚点上，当鼠标显示为删除锚点符号时单击，即可将路径上单击的锚点删除，此时路径的形状将重新调整以适合其余的锚点。在路径的锚点上单击后并拖曳鼠标，可重新调整路径的形状。,3、【转换点】工具 使用方法【转换点】可调整工作路径中的锚点，

7、使锚点在角点和平滑点之间进行转换，并可以调整调节柄的长度和方向，以确定路径的形状。平滑点转换为角点 利用【转换点】工具在平滑点上单击，可将平滑点转换为没有调节柄的角点；当平滑点两侧显示调节柄时，拖曳鼠标调整调节柄的方向，使调节柄断开，可将平滑点转换为带有调节柄的角点。,角点转换为平滑点 在路径的角点上向外拖曳鼠标，可在锚点两侧出现两条调节柄，将角点转换为平滑点。按住Alt键在角点上拖曳鼠标，可以调整角点一侧的路径形状。调整调节柄编辑路径 利用【转换点】工具调整带调节柄的角点或平滑点一侧的控制点，可以调整锚点一侧的曲线路径的形状；按住Ctrl键调整平滑锚点一侧的控制点，可以同时调整平滑点两侧的路

8、径形态。按住Ctrl键在锚点上拖曳鼠标，可以移动该锚点的位置。,7.2.3 编辑路径工具,编辑路径包括【路径选择】和【直接选择】工具。1、【路径选择】工具 的功能及使用方法【路径选择】主要用于编辑整个路径，包括选择、移动、复制、变换、组合以及对齐和分布等操作。选择路径 用【路径选择】工具单击路径，路径上的锚点将全部显示为黑色，表示该路径被选择。若要选择多条路径，可以按住Shift键依次单击路径，即可将多条路径同时选择。另外，按住鼠标左键拖曳，可以将路径选择虚线框所接触的路径全部选择。,移动路径 用【路径选择】工具选择路径，然后按下鼠标左键拖曳，路径将随鼠标而移动，释放鼠标左键后即可将其移动到新

9、位置。复制路径 使用【路径选择】工具移动路径时，按住Alt，在鼠标右下角会出现一个“+”符号，此时拖曳鼠标，即可复制路径。另外，用【路径选择】工具将路径拖曳到另一个图像文件中，待鼠标形状显示为形状时释放鼠标左键，即可将该路径复制到其他文件中。,2、【直接选择】工具的功能及使用方法【直接选择】工具 主要用于选择路径上的锚点、移动锚点位置和调整路径形状。选择锚点 利用【直接选择】工具在路径中的锚点上单击，即可将其选择，锚点被选择后将显示为黑色，按住Shift键依次单击其他锚点，可以同时选择多个锚点。另外，在要选择的锚点周围拖曳鼠标，可以将虚线选择框包含的锚点全部选择。,移动锚点位置和调整路径形状

10、用【直接选择】工具选择锚点，再按住鼠标左键并拖曳，即可将锚点移动到新位置。利用【直接选择】工具拖曳两个锚点之间的路径，可改变路径的形态。在利用【直接选择】工具选择锚点时，按住Alt键在路径上单击，可以选择整条路径。,案例1利用路径选取人物,案例1操作步骤,1、打开“人物.jpg”文件；2、用【缩放】工具 把头部右半部分放大；3、用【钢笔】工具 在头发边缘单击，确定绘制路径的起点；4、将鼠标移动到向下某个位置单击，绘制路径；5、依次沿人物的轮廓单击并拖曳鼠标，直至起点，形成闭合路径；6、选【转换点】工具，将鼠标移动到第3步确定的锚点，按下鼠标拖曳，与头发调整吻合；,7、用和第6步相同的办法，依次

11、将个路径上的锚点做调整，使其贴紧图像的边缘；8、按Ctrl+Enter，将路径转换为选区；9、至此，人物选取完成，按Shift+Ctrl+S把文件存为“利用路径选取人物.psd”；10、打开“艺术照模版.jpg”；11、将选取的人物移动复制到“艺术照模版.jpg”中，然后调整大小和位置，完成；12、按Shift+Ctrl+S保存结果。,7.3【路径】面板,【路径】面板主要用于显示绘图过程中存储的路径、工作路径和当前矢量蒙版的名称及缩略图，如下图所示。还可快速地在路径和选区之间进行转换，并可以用设置的颜色为路径描边或在路径中填充前景色。,7.3.1【路径】面板的运用,在图像文件中创建工作路径后，

12、执行【窗口】/【路径】命令，即可调出【路径】面板。1、存储工作路径 默认情况下，用【钢笔】工具或矢量形状工具绘制的路径是以“工作路径”形式存在的。工作路径是临时路径，如果取消其选择状态，当再次绘制路径时，新路径将自动取代原来的工作路径。如果工作路径在后面的绘图过程中还要使用，应该保存路径以免丢失。存储工作路径有以下两种方法。,在【路径】面板中，用鼠标将“工作路径”拖曳到面板底部的【新建】按钮上，释放鼠标左键后，即可将其以“路径 1”或“路径 2”等名称自动为其命名，命名后的路径就是已经保存的路径了。选择要存储的工作路径，然后单击【路径】面板右上角的 按钮，在弹出的菜单中选择【存储路径】命令，弹

13、出【存储路径】对话框，将工作路径按指定的名称存储。,2、将路径转换为选区 将路径转换为选区主要有以下几种方法。在【路径】面板中选择要转换为选区的路径，再单击面板底部的【将路径作为选区载入】按钮。选择要转换为选区的路径，按Ctrl+Enter。按Ctrl键，单击要转换的路径名称或缩略图。选要转换的路径，单击【路径】面板右上角的 按钮，在弹出的菜单中选择【建立选区】命令。,3、将选区转换为路径 绘制选区，然后单击面板底部的【从选区生成工作路径】按钮，即可将选区转换为临时工作路径。4、路径的显示和隐藏 在【路径】面板中单击相应的路径名称，可将该路径显示。单击【路径】面板中的灰色区域或在路径未被选择的

14、情况下按Esc键，可将路径隐藏。,5、复制路径 将【路径】面板中的路径向下拖曳至【新建】按钮 处，释放鼠标左键后即可复制路径。如果在复制的同时要为路径重命名，则按住Alt键用鼠标将路径拖曳到面板底部的 按钮上，或选择要复制的路径，在【路径】面板菜单中选择【复制路径】命令，在弹出的【复制路径】对话框中为路径输入新的名称，再单击 即可复制路径。,6、填充路径 在【图层】面板中设置图层，然后设置前景色，再在【路径】面板中选择要填充的路径，单击面板底部的【填充】按钮即可。按住Alt键单击【填充】按钮或在【路径】面板菜单中选择【填充路径】命令，弹出【填充路径】对话框，设置填充内容、混合模式及不透明度等选

15、项，单击。,7、描边路径 在【图层】面板中设置图层，然后设置前景色，选择要用于描边路径的绘画工具，并设置工具选项，如选择合适的笔尖，设置混合模式和不透明度等，再在【路径】面板中选择要描绘的路径，单击面板底部的【描边】按钮即可。按住Alt键单击 按钮或在【路径】面板菜单中选择【描边路径】命令，弹出【描边路径】对话框，选择要用于描边路径的绘画工具后单击。,案例2路径的描绘制作轻纱效果,案例2操作步骤,1、新建宽20厘米、高10厘米、分辨率150像素/英寸的白色文件；2、用钢笔工具和转换点工具绘制如下页的上图所示的路径，然后将其保存为“路径1”；3、新建“图层1”，选择【画笔】工具，画笔大小设为1像

16、素，前景色为黑色，然后单击【路径】面板底部的【用画笔描边路径】按钮，沿路径描绘黑色；4、在【路径】面板的空白处单击，将路径隐藏，再执行【编辑】/【定义画笔预设】命令，在弹出的【画笔名称】对话框这将画笔命名为“轻纱”（下页的下图），按；,确定,绘制的路径,命名新画笔,路径1,5、单击【画笔】工具栏的切换画笔调板按钮，在弹出的对话框设置参数如下页图；6、单击 隐藏“图层1”的眼睛图标，新建“图层2”；7、在【路径】面板新建“路径2”，然后用【钢笔】工具和【转换点】工具绘出如39页图“路径2”；8、设前景色为红色(R:255)；背景色为深黄色(R:255,G:192)，选择画笔工具，并单击【路径】面

17、板底部的【用画笔描边路径】按钮，用设置的画笔描绘路径；9、新建“路径3”，绘制又一个路径，然后互换前景色与背景色；,轻纱,路径2,10、选择【画笔】工具，单击【用画笔描边路径】按钮，用设置的画笔描绘路径（下页图路径3）；11、新建“路径4”，绘制新路径，设前景色(R:193,G:199,B:255),背景色(R:181,G:133,B:204)；12、选择【画笔】工具，单击【用画笔描边路径】按钮，用设置的画笔描绘路径（下页图路径4）；13、单击【路径】面板中空白处，隐藏路径，完成轻纱的制作。按Shift+Ctrl+S保存文件。,路径3,路径4,7.4.1 形状图形工具,形状图形包括【矩形】、【

18、圆角矩形】、【椭圆】、【多边形】、【直线】和【自定形状】工具。它们的使用方法非常简单，选择相应的工具后，在图像文件中拖曳鼠标，即可绘制出相应的图形。1、【矩形】工具的功能 使用【矩形】工具可以在图像文件中绘制矩形；按住Shift键可以绘制正方形。,7.4 形状图形工具,2、【圆角矩形】工具的功能及属性选项【圆角矩形】可在图像文件中绘制具有圆角的矩形。当属性栏中的【半径】值为“0”时，绘制出的图形为矩形。【圆角矩形】的属性栏与【矩形】相似，只是属性栏中多了一个【半径】选项，此选项主要用于设置圆角矩形的平滑度，数值越大，边角越平滑。3、【椭圆】工具的功能及属性选项【椭圆】可在图像文件中绘制椭圆图形

19、；按Shift键可绘制圆形。【椭圆】工具的属性栏与【矩形】工具相同，在此不再赘述。,4、【多边形】工具的功能及属性选项【多边形】可在图像文件中绘制正多边形或星形。在其属性栏中可设置多边形或星形的边数。默认情况下，在图像文件中拖曳鼠标可绘制正多边形。当在属性栏的【多边形选项】面板中勾选【星形】复选框后，再在图像文件中拖曳鼠标可绘制星形。5、【直线】工具的功能及属性选项【直线】可绘制直线或带有箭头的线段。在其属性栏中可以设置直线或箭头的粗细及样式。按住Shift键可以绘制方向为45倍数的直线或箭头。,6、【自定形状】工具的功能及属性选项【自定形状】可在图像文件中绘制出各类不规则的图形和自定义图案。

20、其属性栏中多了【形状】选项，单击此选项右侧的按钮，会弹出如图所示的【自定形状】选项面板。在面板中选择所需要的图形，然后在图像文件中拖曳鼠标，即可绘制相应的图形。,单击其右上角的 按钮，在弹出的下拉菜单中选择【全部】命令，即可显示系统中存储的全部图形。,案例3自定义形状,1、打开“卡通.jpg”文件；2、执行【选择】/【色彩范围】命令，弹出【色彩范围】对话框，用吸管工具在黑色卡通图形上单击（如下页图），设置颜色容差：200，；3、单击【路径】面板上右上角的按钮，在弹出的菜单中选择【建立工作路径】，在其对话框中设置容差：0.5，按 将选区转换为路径；4、执行【编辑】/【定义自定形状】，弹出【形状名

21、称】对话框，按 生成卡通形象的【形状1】；,确定,确定,确定,5、新建一个文件，选择【自定形状】工具，激活属性栏的填充像素按钮，再单击形状按钮，在弹出的【自定形状】对话框中选择刚定义的图形样式；6、根据不同的前景色，在新文件中绘制不同大小及颜色的图形。,案例4制作珍珠项链,案例4操作步骤,1、新建25厘米高、25厘米宽、120分辨率/英寸、RGB颜色模式的黑色背景文件，利用钢笔工具绘出下图所示路径；,2、选择【画笔】工具，设置笔头大小为1px，然后新建“图层1”，将前景色设为白色，并利用路径的描绘功能为路径描绘白色；3、设置笔头大小及形状，笔头参数设置如右图所示。然后在新建的“图层2”中描绘路径。效果见下页图；,4、为“图层2”添加图层样式，各参数如图1-6所示；,图1,图2,图3,图4,图5,R:100G:95B:95,R:255G:255B:255,图6,6、添加图层样式后的效果如下图。将“图层1”和“图层2”移动复制到打开的“黑色丝绸.jpg”文件中；,7、按CtrL+E将图层合并，再将图像调整到合适的大小及位置；8、选择移动工具并按Alt键，复制图层，再调整其形态、大小及颜色。颜色参数设置如图所示。完成，保存。,