第7章路径和图形.ppt

《第7章路径和图形.ppt》由会员分享，可在线阅读，更多相关《第7章路径和图形.ppt（36页珍藏版）》请在三一文库上搜索。

1、第7章 路径和图形,7.1 Photoshop中的矢量图概念 7.2 路径的概念 7.3 路径的创建编辑工具 7.4 【路径】面板 7.5 几何矢量图形绘制工具 7.6 形状图层与对象的编辑 7.7 路径创作综合实例 Return,7.1 Photoshop中的矢量图概念,在Photoshop中，路径是所有矢量图的基础，也即，矢量图都是利用路径来记录的。因此，矢量图必须绘制在专属的图层上，而不是一般的图层中，而这种矢量图专属的图层类型称之为形状图层。而且伴随形状路径的产生，会有一个剪贴路径一起出现在“路径”控制面板中，这个附属于形状图层的临时性路径，就是用来记录该矢量图的。由于所有的矢量图都是

2、利用路径来记录的，所以绘制路径的工具也就能够绘制出矢量图。,矢量图是以路径为基础存在的，它必须绘制在专属的形状图层中； 矢量图以基本的几何图形为中心，并附加自定义形状工具； 路径工具也能够产生矢量图，它可以自由绘制曲线的特性让矢量图形的创作自由度更高； 矢量图可以转换成点阵图，所以所有可产生几何图形的工具都可以绘出一般的点阵图形、路径与矢量图形。,Return,7.2 路径的概念,路径是由一个或多个直线段或曲线段构成。 路径的含义： 路径本身并不是图形，它只是一种线条的记录方式。要利用路径，必须在绘制完成后进行各种转换操作。 绘制出来的路径看起来就像很细的线条直接绘制在图像上，其实它是独立存在

3、于另外的路径层上(在“路径”控制面板中)。用户可以先在路径层上画出初步的路径，然后再对选区，对路径进行填充以及描边等操作。,路径不是图像中真实的像素，而只是一种制图的依据。利用Photoshop软件提供的路径创建及路径编辑工具，可以编辑制作各种形态的路径。可以沿路径进行描边，在路径内进行填充。 路径中的重要概念： 锚点： 路径上的矩形小点，用于标记路径上线段的端点，通过调整锚点的位置和形态，可以对路径进行各种变形调整。 锚点有两种，一种是平滑点，一种是角点。 线段： 连接两锚点的线称为线段，如果两端连接的锚点都带有直线属性，则此线段为直线；如果任一点带有曲线属性，则线段为曲线。,调整杆： 选中

4、带曲线属性的锚点时，锚点左右两侧会出现调整杆。在调整杆两端的控制点上拖动时，调整杆会随之变动，代表曲线弯曲的程度。 起点与终点： 第一个绘制的锚点为起点，最后一个绘制的锚点为终点。 如果起点和终点为同一个锚点，表示路径为封闭区域，连接时可以看到钢笔工具右下端会出现一个小圆圈。 如果不想绘制封闭区域时，只需要在工具箱中单击钢笔工具或按住Ctrl键，在图像中任意位置单击，就可以终止路径的创建，生成不闭合路径。 按住Shift键，可以将创建路径线段的角度限制为45。的倍数。,Return,7.3 路径的创建编辑工具,Photoshop的路径工具不仅可以绘制路径，也可以绘制向量图（会产生在形状图层中）

5、，与几何向量绘图工具一样，可以使用【钢笔】工具和【自由钢笔】工具创建路径，使用【添加锚点】工具、【删除锚点】工具和【转换】工具来修改、编辑路径，也可以使用路径控制板菜单中的各项命令来修改、编辑路径。 一个工作路径可以由一个或多个子路径构成。在图像中每次使用【钢笔】工具和【自由钢笔】工具创建的路径都是一个子路径。在完成所有子路径后，可以再利用选项栏中的选项将创建的子路径组成新的工作路径。,一、路径的创建编辑工具： 【钢笔】工具： 使用【钢笔】工具直接在图像上单击，即可建立新的锚点来连接线段形成路径。若按住鼠标左键拖动，则能建立带有曲线性质的锚点，而根据拖动的程度大小与角度可以决定曲线的弯曲度；

6、选项栏： 选择【形状图层】按钮，在图像中同时创建形状与路径； 选择【路径】按钮，在图像中只创建新的工作路径。,选择六个图形按钮，将工具的选择转换为【形状】工具，此时，选项栏中【填充像素】按钮可以被选择，选择该按钮，在图像中创建形状而不产生路 选中【自动添加删除】复选框，则当鼠标指针移到线段上时会自动转换为【添加锚点】工具，鼠标指针移到锚点上时会自动转换为【删除锚点】工具，这样就可以更方便地绘制与编辑图形。 如果图像中只存在一个未保存的路径，且该路径处于隐藏状态，此时在图像中使用【钢笔】工具创建路径，会将原有的路径冲掉。 如果图像中只存在一个未保存的路径，但该路径不处于隐藏状态，此时在图像中使用

7、【钢笔】工具创建路径，相当于继续编辑当前的工作路径，也就是说相当于创建子路径。,如果图像中存在一个已保存的路径，且该路径处于隐藏状态，此时在图像中使用【钢笔】工具创建路径，会创建一个新的工作路径。 如果图像中存在一个已保存的路径，但该路径不处于隐藏状态，此时在图像中使用【钢笔】工具创建路径，相当于继续编辑当前的工作路径，也就是说相当于创建子路径。,【自由钢笔】工具： 使用【自由钢笔】工具绘制向量图或路径时，只需按住鼠标左键拖动，系统会根据拖动的路径自动产生锚点，若选中“磁性的”复选框，在图像上单击决定路径的起点后，直接沿着图像边缘移动鼠标指针，线段就会自动靠齐图像边缘，并在适当的位置自动产生锚

8、点，结束时双击鼠标即可。 利用【钢笔】具 和【自由钢笔】工具，用户可以制作出各种形状的路径，如直线、曲线等。 在【自由钢笔】工具选项栏中，若选中“磁性的”复选框，则绘制的路径一定是封闭路径。,由于【自由钢笔】工具选项栏中的“磁性的”复选框会自动判断边缘位置，所以非常适用于图像去除背景的处理。 【添加锚点】工具： 在当前路径上增加锚点，可对该锚点所在线段进行曲线调整。 【删除锚点】工具： 在当前路径上删除锚点，可将该锚点两侧的线段拉直； 【转换点】工具： 可将角点转换为平滑点，或将平滑点转换为角点。,【路径选择】工具： 可以对路径和子路径进行选择、移动、对齐和复制等。 选择【路径选择】工具，单击

9、子路径可以将其选择； 在图像窗口中拖曳鼠标，鼠标拖曳范围内的子路径可以同时被选择； 按住Shift键，依次单击子路径，可以选择多个子路径； 在图像窗口中拖曳被选择的子路径可以进行移动；,按住Alt键，拖曳被选择的子路径，可以将被选择的子路径进行复制； 拖曳被选择的子路径至另一个图像窗口，可以将子路径复制到另一个图像文件中。 选项栏：,【直接选择】工具： 可以选择和移动路径上的锚点，还可以移动平滑点两侧的方向点。 单击子路径上的锚点可以将其选择，被选择的锚点显示为黑色； 在子路径上拖曳鼠标，鼠标拖曳范围内的锚点可以同时被选择； 按住Alt键，单击子路径，可以选择整个子路径； 在图像窗口中拖曳被选

10、择的锚点可以进行移动； 拖曳平滑点两侧的方向点，可以改变其两侧曲线的形态。,二、基本路径的绘制方法： 、直线路径： 按Del键或Backspace键删除最后一次绘制的路径。 、曲线路径： 、直线、曲线混合路径： 、精确路径：,Return,7.4 【路径】面板,利用路径控制面板，可以对建立好的路径进行编辑与管理。当绘制完路径之后，在【路径】面板中有“工作路径”层。工作路径是一种具有暂存性质的路径。 一、【路径】面板中的基本操作： 【路径】面板的结构和【图层】面板有些相似，操作方法也基本相同，如新建、移动、复制、删除等操作。 在【路径】面板中单击相应的路径可以将路径打开，使其在图像窗口中显示、以

11、进行各种操作。 单击【路径】面板下方的灰色区域，可以隐藏路径，使其不在图像窗口中显示。,二、【路径】面板菜单： 、停放到调板窗： 、新路径： 、复制路径： 、删除路径： 、建立工作路径： 、建立选区： 、填充路径： 、描边路径： 、剪贴路径： 10、调板选项：,三、【路径】面板功能按钮： 、用前景色填充路径： 、用前景色描边路径： 、将路径作为选区载入： 、从选区建立工作路径： 、创建新路径： 、删除当前路径：,四、路径的编辑与转换： 、路径的编辑： 路径选择工具： 直接选择工具： 添加锚点工具与删除锚点工具： 转换点工具： 、路径的变形处理： 、多个路径的运算方式及排列功能： 多个路径的运算

12、方式： 多个路径的排列功能：,、路径与选区的转换： 将路径转换为选区： 将选区转换为路径： 四、路径的填充、描边以及去除图像背景的功能：,Return,7.5 几何矢量图形绘制工具,在Abobe的产品中，Photoshop是首推的处理点阵图的软件，而矢量图绘图软件，则以Illustrator最为大家所熟知。但在Photoshop中，也加入了矢量图功能，让原本被视为“点阵图图像处理软件”的Photoshop也能绘制精确的矢量图形。 Photoshop的路径工具不仅可以绘制路径，也可以绘制矢量图（会产生在形状图层中），与几何矢量绘图工具是一样的。在了解了路径的功能与应用后，介绍几何矢量图形绘制工具

13、。,一、矩形工具 二、圆角矩形工具 三、椭圆工具 四、多边形工具 五、直线工具 六、自定义形状工具,Return,创建形状图层,创建工作路径,创建填充区域,切换各种矢量图绘制工具,形状运算方式,设置图层样式,创建新的形状图层,是否应用图层样式,、绘制矢量图（创建新的形状图层）： 选择【矩形】工具，在页面中绘制一个矩形，则在“图层”面板中产生一个形状图层，在“路径”面板中也产生一个临时的路径层。,一、【矩形】工具：,、创建新的工作路径： 在选响栏中选择【创建工作路径】工具，表示绘制矩形时将创建工作路径，和使用钢笔工具绘制路径完全相同。 、创建填充区域： 在选响栏中选择【创建填充区域】工具，在页面

14、中绘制矩形时，绘制的矩形会直接绘制在当前图层中，并以前景色填充，因此，当前图层不能为文字图层或形状图层。,Return,二、圆角矩形工具： 可以在选项栏中设置圆角的半径。,Return,三、椭圆工具： 按下Shift键再拖动鼠标，则可绘制正圆。,Return,四、多边形工具： 在选项栏中可以设置所绘多边形的边数，且利用该工具所绘制出的多边形的各边长度都是相等的。,Return,五、直线工具： 在选项栏中可以设置所绘制直线的宽度。,Return,六、自定义形状工具： 是一些非几何形状的图形，可以用作矢量图、路径或填充区域。除了使用Photoshop默认的图形外，还可以自己绘制矢量图形存储为自定义

15、形状工具重复使用。 自定义形状： 自定义形状的图形组是以CSH的文件格式存在于Photoshop的目录中，所以用户不但可以自定义图形，也可以将常用的图形放在一起将其存为专属的图形组。 自定义形状的方式是利用路径来自定义的。,定义步骤： 用工具箱中的矢量绘图工具组合出需要的图形； 绘制出需要的图形后，选择【编辑】【定义自定义形状】命令。 设置好自定义的图形后，还要将其存储成CSH文件，才能把该图形组载入，并可利用自定义的图样。 自定义形状与色彩： 自定义形状时，由于被定义的只是图形的外框，所以用什么颜色都没关系。,Return,7.6 形状图层与对象的编辑,形状图层是矢量图形的专用图层。 一、在

16、形状图层中组合矢量图： 凡是在同一层形状图层中的矢量图形，都会被视为单一图形，所以只要把多个几何矢量图形都绘制在同一形状图层上，就可以组合出独特的几何图形。 、添加到形状区域： 绘制图形时，若在选项栏中选择【添加到形状区域】按钮，就会将所绘制的多个图形组合成单一的图形。,当形状图层中剪贴路径缩览图被选中时，绘制的所有矢量图都会被放在同一个形状图层中；而取消选取，接下来的矢量图绘制就会产生在新的形状图层中。 、从形状区域中减去： 、交叉形状区域： 、重叠形状区域除外： 二、形状图层中矢量图的变形： 在产生形状图层的同时，会产生剪贴路径，也就是说Photoshop中的几何图形建立在路径的基础上，因

17、此在绘制好形状图层中的矢量图形以后，可以利用各种路径工具进行修改。,三、矢量图的删格化： 形状图层中的图形都是矢量图，可以把它转换为点阵图。 选择【图层】【删格化】【图层】命令，可以将形状图层转换为一般图层。 形状图层可以转换成一般图层（矢量图可以转换成点阵图），但一般图层是无法直接转换成形状图层的（点阵图也无法转换成矢量图）。,四、转换形状图层的剪贴路径： 绘制矢量图时，随着形状图层产生的同时，会出现附属于该形状图层的剪贴路径，而不论有几层形状图层，在“路径”面板中都只显示出被选择形状图层的剪贴路径。 、将剪贴路径转换为一般路径： 双击“路径”面板中的剪贴路径缩览图标，在打开的“存储路径”对话框中将剪贴路径存储为一般路径。 、将剪贴路径转换为蒙板： 选择【图层】【删格化】【矢量蒙板】命令，可以将剪贴路径转换为蒙板。,Return,7.7 路径创作综合实例,Return, 路径的运用练习 路径和图形的练习纸蝴蝶。,