平面设计与制作第8章.ppt

1、第第8 8章章 路径和形状的绘制路径和形状的绘制8.1 8.1 钢笔工具组钢笔工具组1238.2 8.2 新建与编辑路径新建与编辑路径8.3 8.3 几何形状的绘制几何形状的绘制目录目录 Photoshop CS4 Photoshop CS4是一个以编辑和处理位图图像为主的平面设计是一个以编辑和处理位图图像为主的平面设计软件，同时为了应用的需要也包含了一定的矢量图像处理功能，软件，同时为了应用的需要也包含了一定的矢量图像处理功能，路径是路径是Photoshop CS4Photoshop CS4矢量设计功能的充分体现。路径并不是仅存矢量设计功能的充分体现。路径并不是仅存于于PhotoshopPh

2、otoshop中的概念，所有使用矢量绘图软件或矢量绘图工具制中的概念，所有使用矢量绘图软件或矢量绘图工具制作的线条，原则上都可以称之为路径，它们都是基于作的线条，原则上都可以称之为路径，它们都是基于“贝塞尔贝塞尔”曲线建立的矢量图形。可以利用路径功能绘制线条或曲线，并对曲线建立的矢量图形。可以利用路径功能绘制线条或曲线，并对绘制后的线条进行填充和描边，从而完成一些绘图工具所不能完绘制后的线条进行填充和描边，从而完成一些绘图工具所不能完成的工作。成的工作。8.1 8.1 钢笔工具组钢笔工具组 钢笔工具是最基本的路径绘制工具，可以使用它创建或编辑钢笔工具是最基本的路径绘制工具，可以使用它创建或编辑

3、直线、曲线及自由线条、形状。单击工具箱中的直线、曲线及自由线条、形状。单击工具箱中的 ，弹出钢笔工，弹出钢笔工具组，如图所示。具组，如图所示。钢笔工具组中包含钢笔工具组中包含5 5个工具，其功能如下：个工具，其功能如下：钢笔工具：可以绘制线条或曲线。钢笔工具：可以绘制线条或曲线。自由钢笔工具：可以自由地绘制线条或曲线。自由钢笔工具：可以自由地绘制线条或曲线。添加锚点工具：可以在已创建的路径上添加锚点。添加锚点工具：可以在已创建的路径上添加锚点。删除锚点工具：可以从当前路径中删除锚点。删除锚点工具：可以从当前路径中删除锚点。转换点工具：可以在平滑曲线转折点和直线转折点之间进行转换。转换点工具：可

4、以在平滑曲线转折点和直线转折点之间进行转换。钢笔工具组钢笔工具组8.1.1 8.1.1 钢笔工具钢笔工具 钢笔工具是建立路径的基本工具，使用该工具可创建直线路径钢笔工具是建立路径的基本工具，使用该工具可创建直线路径和曲线路径。和曲线路径。“钢笔工具钢笔工具”的属性栏如图所示。的属性栏如图所示。“钢笔工具钢笔工具”除了可以绘制直线路径以外，还可以绘制曲线路径，除了可以绘制直线路径以外，还可以绘制曲线路径，绘制曲线路径要比直线路径复杂一些。绘制曲线路径要比直线路径复杂一些。自由钢笔工具的属性栏设置自由钢笔工具的属性栏设置自动生成路径锚点自动生成路径锚点8.1.2 8.1.2 自由钢笔工具自由钢笔工

5、具 自由钢笔工具与钢笔工具的功能基本相同，但是操作方式略有不自由钢笔工具与钢笔工具的功能基本相同，但是操作方式略有不同。钢笔工具是通过建立锚点来创建路径，而自由钢笔工具是通过绘同。钢笔工具是通过建立锚点来创建路径，而自由钢笔工具是通过绘制曲线来直接创建路径的。制曲线来直接创建路径的。下面通过实例介绍自由钢笔工具的具体使用方法：下面通过实例介绍自由钢笔工具的具体使用方法：（1 1）打开一个图像文件。）打开一个图像文件。（2 2）选择工具箱中的（自由钢笔工具），在其属性栏中选中）选择工具箱中的（自由钢笔工具），在其属性栏中选中“磁性的磁性的”复选框，如下图所示。复选框，如下图所示。（3 3）在图像

6、窗口中起点位置按下鼠标，沿图像的边缘拖动，当到达路）在图像窗口中起点位置按下鼠标，沿图像的边缘拖动，当到达路径起点位置时释放鼠标，此时将会自动生成路径锚点，如下图所示。径起点位置时释放鼠标，此时将会自动生成路径锚点，如下图所示。添加路径锚点添加路径锚点8.1.3 8.1.3 添加锚点工具和删除锚点工具添加锚点工具和删除锚点工具 添加锚点工具和删除锚点工具可以在已有路径上增加锚点和删除锚添加锚点工具和删除锚点工具可以在已有路径上增加锚点和删除锚点，从而对路径做更细致的编辑。点，从而对路径做更细致的编辑。添加锚点的具体操作步骤如下：添加锚点的具体操作步骤如下：（1 1）选择工具箱中的（添加锚点工具

7、）。）选择工具箱中的（添加锚点工具）。（2 2）移动鼠标指针到路径上需要增加锚点的位置，然后单击即可添）移动鼠标指针到路径上需要增加锚点的位置，然后单击即可添加一个锚点，添加锚点后效果如下图所示，在一个路径形状中可增加多加一个锚点，添加锚点后效果如下图所示，在一个路径形状中可增加多个锚点。个锚点。删除锚点的具体操作步骤如下：删除锚点的具体操作步骤如下：（1 1）选择工具箱中的（删除锚点工具）。）选择工具箱中的（删除锚点工具）。（2 2）移动鼠标指针到路径上需要删除锚点的位置，单击即可删除一个锚）移动鼠标指针到路径上需要删除锚点的位置，单击即可删除一个锚点，删除后效果如下图所示。在一个路径形状中

8、可删除多个锚点。点，删除后效果如下图所示。在一个路径形状中可删除多个锚点。删除路径锚点删除路径锚点转换路径锚点转换路径锚点8.1.4 8.1.4 转换点工具转换点工具 转换点工具可满足路径编辑的需求，在直线锚点和曲线锚点之转换点工具可满足路径编辑的需求，在直线锚点和曲线锚点之间互相转换。转换点工具可以转换路径上的锚点类型，例如，将平间互相转换。转换点工具可以转换路径上的锚点类型，例如，将平滑点转换成角点，将焦点转化成平滑点等。滑点转换成角点，将焦点转化成平滑点等。8.2 8.2 新建与编辑路径新建与编辑路径路径缩略图路径名称路径面板菜单用前景色填充路径删除当前路径用画笔描边路径将路径作为选区载

9、入创建新路径从选区生成工作路径“路径路径”面板面板 对于刚绘制完成的路径，一般不能让人完全满意。如果希望改变它对于刚绘制完成的路径，一般不能让人完全满意。如果希望改变它们的形状，以使其与图像中的其他部分协调地融合在一起，这就需要对们的形状，以使其与图像中的其他部分协调地融合在一起，这就需要对路径做进一步的编辑。在菜单栏中执行路径做进一步的编辑。在菜单栏中执行“窗口窗口”“路径路径”命令，可打命令，可打开开“路径路径”面板。在创建了路径以后，则会在面板。在创建了路径以后，则会在“路径路径”面板中显示路径面板中显示路径的相关信息，如图所示。的相关信息，如图所示。“新建路径新建路径”对话框对话框8.

10、2.1 8.2.1 新建路径新建路径 在绘制路径时，可以单击在绘制路径时，可以单击“路径路径”面板下方的面板下方的“创建新路径创建新路径”按钮，即可创建一个新的路径。默认情况下，新建的路径依次被命按钮，即可创建一个新的路径。默认情况下，新建的路径依次被命名为名为“路径路径1”1”、“路径路径2”2”、“路径路径3”3”，以此类推。，以此类推。如果需要在新建路径时重命名路径，可单击如果需要在新建路径时重命名路径，可单击“路径路径”面板右上面板右上角的小三角按钮会弹出快捷菜单，从中选择角的小三角按钮会弹出快捷菜单，从中选择“新建路径新建路径”命令，此命令，此时会弹出时会弹出“新建路径新建路径”对话

11、框，然后输入名称，单击对话框，然后输入名称，单击“确定确定”按钮按钮即可创建新的路径。即可创建新的路径。8.2.2 8.2.2 选择路径选择路径 创建路径以后，对路径进行编辑和移动就需要用到路径选择创建路径以后，对路径进行编辑和移动就需要用到路径选择工具了。如果要选择整个路径及移动路径，可以单击工具箱中的工具了。如果要选择整个路径及移动路径，可以单击工具箱中的“路径选择工具路径选择工具”按钮，然后单击要选择的路径，此时路径上的按钮，然后单击要选择的路径，此时路径上的全部锚点显示为黑色小正方形，按下鼠标左键并进行拖动，即可全部锚点显示为黑色小正方形，按下鼠标左键并进行拖动，即可移动路径。移动路径

12、。如果要选择路径锚点及改变路径的形状，可以选择工具箱中如果要选择路径锚点及改变路径的形状，可以选择工具箱中的的“直接选择工具直接选择工具”按钮，然后在路径锚点处单击，此时选中的按钮，然后在路径锚点处单击，此时选中的锚点会显示为黑色小正方形，按下鼠标左键拖动锚点即可移动锚锚点会显示为黑色小正方形，按下鼠标左键拖动锚点即可移动锚点，改变路径的形状。点，改变路径的形状。“填充路径填充路径”对话框对话框填充路径效果填充路径效果8.2.3 8.2.3 填充路径填充路径 选择需要进行填充的路径，单击选择需要进行填充的路径，单击“路径路径”面板底部的面板底部的“用前用前景色填充路径景色填充路径”按钮，即可为

13、路径填充前景色。按钮，即可为路径填充前景色。如果要控制填充路径的参数及样式，可以按住如果要控制填充路径的参数及样式，可以按住AltAlt键单击键单击“用用前景色填充路径前景色填充路径”按钮，或者单击按钮，或者单击“路径路径”面板右上角的小三角面板右上角的小三角按钮，在弹出的菜单中选择按钮，在弹出的菜单中选择“填充路径填充路径”命令。命令。描边路径效果描边路径效果“描边路径描边路径”对话框图对话框图8.2.4 8.2.4 描边路径描边路径 除了可以对路径进行填充以外，还可以对其进行描边。在除了可以对路径进行填充以外，还可以对其进行描边。在“路径路径”面板中选择需要描边的路径，然后单击面板中选择需

14、要描边的路径，然后单击“路径路径”面板底面板底部的部的“用画笔描边路径用画笔描边路径”按钮，可以直接对路径执行描边操作。按钮，可以直接对路径执行描边操作。删除路径提示对话框删除路径提示对话框8.2.5 8.2.5 删除路径删除路径 当需要删除路径时，首先在当需要删除路径时，首先在“路径路径”面板上选中要删除的路径，面板上选中要删除的路径，然后单击然后单击“路径路径”面板底部的面板底部的“删除当前路径删除当前路径”按钮，在弹出的的按钮，在弹出的的提示对话框中单击提示对话框中单击“是是”按钮，即可删除当前路径。或者拖动按钮，即可删除当前路径。或者拖动“路路径径”面板中的当前路径道面板中的当前路径道

15、“删除当前路径删除当前路径”按钮处松开鼠标左键，按钮处松开鼠标左键，也可删除当前路径。也可删除当前路径。8.2.6 8.2.6 路径与选区转换路径与选区转换 路径与选区间能够相互转换。创建路径的最终目的就是将路径与选区间能够相互转换。创建路径的最终目的就是将其转换为选区范围，在一个背景环境十分复杂的情况下，使用其转换为选区范围，在一个背景环境十分复杂的情况下，使用“魔棒工具魔棒工具”进行抠图不易创建选区，可以使用进行抠图不易创建选区，可以使用“钢笔工具钢笔工具”沿着想要的选区边缘进行精细的路径绘制和编辑，在完成后再沿着想要的选区边缘进行精细的路径绘制和编辑，在完成后再将其转换为选区；而将一个选

16、区范围转换为路径，可以利用路将其转换为选区；而将一个选区范围转换为路径，可以利用路径的功能对其进行精确的调整，进而制作出形状更为复杂的选径的功能对其进行精确的调整，进而制作出形状更为复杂的选区范围。区范围。8.3 8.3 几何形状的绘制几何形状的绘制 在在Photoshop CS4Photoshop CS4中不仅可以使用钢笔工具绘制路径，还可以中不仅可以使用钢笔工具绘制路径，还可以使用形状工具绘制规则形状的图像。在工具箱中单击矩形工具，将使用形状工具绘制规则形状的图像。在工具箱中单击矩形工具，将弹出如图所示的工作组。其中包括矩形工具、圆角矩形工具、椭圆弹出如图所示的工作组。其中包括矩形工具、圆

17、角矩形工具、椭圆工具、多边形工具、直线工具及自定形状工具等，使用这些工具可工具、多边形工具、直线工具及自定形状工具等，使用这些工具可以快速绘制出矩形、圆形、多边形、直线及自定义的规则形状等。以快速绘制出矩形、圆形、多边形、直线及自定义的规则形状等。工具组工具组绘制矩形形状绘制矩形形状8.3.1 8.3.1 矩形工具矩形工具 在工具箱中单击在工具箱中单击“矩形工具矩形工具”按钮，在图像上拖动鼠标即可绘按钮，在图像上拖动鼠标即可绘制一个矩形或正方形形状。如图所示是使用制一个矩形或正方形形状。如图所示是使用“矩形工具矩形工具”绘制形状绘制形状的例子。的例子。绘制圆角矩形形状绘制圆角矩形形状8.3.2

18、 8.3.2 圆角矩形工具圆角矩形工具 在工具箱中单击在工具箱中单击“圆角矩形工具圆角矩形工具”按钮，在图像上拖动鼠标按钮，在图像上拖动鼠标即可绘制一个圆角矩形形状。如图所示是使用即可绘制一个圆角矩形形状。如图所示是使用“圆角矩形工具圆角矩形工具”绘制形状的例子。绘制形状的例子。绘制圆形形状绘制圆形形状8.3.3 8.3.3 椭圆工具椭圆工具 在工具箱中单击在工具箱中单击“椭圆工具椭圆工具”按钮，其属性栏参数设置和按钮，其属性栏参数设置和“矩矩形工具形工具”的属性栏类似。在图像上拖动鼠标即可绘制一个椭圆或圆的属性栏类似。在图像上拖动鼠标即可绘制一个椭圆或圆形形状。如图所示是使用形形状。如图所示

19、是使用“椭圆工具椭圆工具”绘制形状的例子。绘制形状的例子。绘制五角星形状绘制五角星形状8.3.4 8.3.4 多边形工具多边形工具 在工具箱中单击在工具箱中单击“多边形工具多边形工具”按钮，在图像上拖动鼠标即按钮，在图像上拖动鼠标即可绘制不同边数的多边形或者星形，例如，等边三角形、五角星可绘制不同边数的多边形或者星形，例如，等边三角形、五角星和各种星形。如图所示是使用和各种星形。如图所示是使用“多边形工具多边形工具”绘制形状的例子。绘制形状的例子。绘制直线形状绘制直线形状8.3.5 8.3.5 直线工具直线工具 在工具箱中单击在工具箱中单击“直线工具直线工具”按钮，在图像上拖动鼠标即可绘按钮，

20、在图像上拖动鼠标即可绘制不同粗细的直线，还可以为直线添加不同形状的箭头。如图所示制不同粗细的直线，还可以为直线添加不同形状的箭头。如图所示是使用是使用“直线工具直线工具”绘制形状的例子。绘制形状的例子。绘制自定形状绘制自定形状8.3.6 8.3.6 自定形状工具自定形状工具 在工具箱中单击在工具箱中单击“自定形状工具自定形状工具”按钮，在图像上拖动鼠标即可按钮，在图像上拖动鼠标即可绘制绘制Photoshop CS4Photoshop CS4预置的各种形状，如箭头、灯泡等形状。如图所预置的各种形状，如箭头、灯泡等形状。如图所示是使用示是使用“自定形状工具自定形状工具”绘制形状的例子。绘制形状的例

21、子。本章小结本章小结 本章主要介绍了路径和形状的绘制和使用。钢笔工具是最基本章主要介绍了路径和形状的绘制和使用。钢笔工具是最基本、最重要的路径绘制工具，也是本章学习的重点部分。使用它本、最重要的路径绘制工具，也是本章学习的重点部分。使用它可以创建或编辑直线、曲线、自由线条、形状等。对于正在绘制可以创建或编辑直线、曲线、自由线条、形状等。对于正在绘制或是刚绘制完成的路径，如果希望对它们进行进一步修改和编辑，或是刚绘制完成的路径，如果希望对它们进行进一步修改和编辑，这就可能用到这就可能用到“新建路径新建路径”、“选择路径选择路径”、“填充路径填充路径”、“描边路径描边路径”、“删除路径删除路径”和

22、和“路径与选区转换路径与选区转换”等操作。另等操作。另外，还可以使用形状工具绘制规则形状的图像。形状工具主要包外，还可以使用形状工具绘制规则形状的图像。形状工具主要包括矩形工具、圆角矩形工具、椭圆工具、多边形工具、直线工具括矩形工具、圆角矩形工具、椭圆工具、多边形工具、直线工具及自定形状工具等，使用这些工具可以快速绘制出矩形、圆形、及自定形状工具等，使用这些工具可以快速绘制出矩形、圆形、多边形、直线及自定义的规则形状。多边形、直线及自定义的规则形状。通过本章的学习，读者了解到在日常学习工作中勤加练习，通过本章的学习，读者了解到在日常学习工作中勤加练习，合理使用路径和形状工具，将会大大提高工作效率。合理使用路径和形状工具，将会大大提高工作效率。第第8 8章章 结束！结束！