PS第7章路径和矢量图形.ppt

第7章 路径和矢量图形,第7章 路径和矢量图形,7.1路径的基本概念,路径是由一条或多条具有多个锚点（节点）的矢量线条（也称为贝赛 尔曲线）构成的图形， 路径有起点或终点。 路径具有矢量性,图7-1 路径,图7-2 控制点,单击工具箱内钢笔工具组中的工具按钮，弹出钢笔工 具组中的所有工具，包括钢笔工具、自由钢笔工具、添加锚点 工具、删除锚点工具和转换点工具。,7.2路径和路径选择工具,图 7-3 路径工具,图 7-4 路径选择工具,7.2路径和路径选择工具,7.2.1钢笔工具 7.2.2自由钢笔工具 7.2.3添加锚点工具 7.2.4删除锚点工具 7.2.5转换点工具 7.2.6路径选择工具 7.2.7直接选择工具,7.2.1钢笔工具,1认识钢笔工具 钢笔工具是创建路径最基本最常用的工具，用来绘制连接多个锚点的线段 或曲线的，创建各种直线、曲线或自由线条的路径。能准确地绘制出复杂的路 径。选择钢笔工具，钢笔工具选项栏如图7-5所示或如图7-6所示。,图7-5 钢笔工具选项栏1,图7-6 钢笔工具选项栏2,钢笔工具选项栏各选项参数含义如下。 （1）形状图层按钮 ：按下此按钮，选项栏如图7-5所示，表示当前正在创建或编辑图形或形状图层。在绘制路径中会自动填充前景色或一种选定的图层样式图案，每绘制一个图像就创建一个图层，绘制后的图像不能用油漆桶工具填充颜色和图案。 （2）路径按钮 ：按下此按钮，选项栏如图7-6所示，表示当前正在绘制路径，而且不能自动进行填充。 （3）路径工具按钮 ：选择当前使用的是钢笔工具或是自由钢笔工具。 （4）形状按钮 ：分别用于绘制矩形、圆角矩形、椭圆、多边形、直线、自定义形状图形形状或路径。 （5）几何选项按钮 ：选择不同的工具选项按钮，单击此按钮，弹出不同的调板，以控制不同的几何选项。 （6）自动添加/删除：选中此复选框，使用钢笔工具不仅可以绘制路径，钢笔工具还具备自动添加/删除的功能，可以在原路径上添加或删除锚点。当移动到原路径曲线上时，在原指针右下方增加一个“+”号，单击路径曲线，即可在单击处增加一个锚点；当移动到原路径锚点上时，在原指针右下方增加一个“-”号，单击锚点，即可删除该锚点。 （7）多路径设置按钮：用来决定绘制路径且路径重叠时采取何种处理方式。,7.2.1钢笔工具,7.2.1钢笔工具,（8）样式：用于形状图层添加系统预设的样式。 （9）颜色：颜色单击颜色色块弹出“拾色器”对话框，用来选择填充颜色。 2.使用钢笔工具绘制路径 （1）绘制直线路径 使用单击鼠标的方式产生直线锚点，从而绘制直线路径。具体操作如下： 选择钢笔工具，确认选中 ，确认钢笔几何选项未勾选“橡皮带”复选框。 将钢笔指针定位在起点并单击鼠标，形成第一个锚点。 将钢笔指针移动到终点位置处单击鼠标，两个锚点之间即可创建一条直线，如图7-7所示。 如果要创建封闭式直线路径，在结束时将鼠标指针移到起始锚点上，当鼠标指针变为 形 状时，单击鼠标，即可完成创建封闭式直线路径的绘制，如图7-8所示。,图7-7 绘制直线路径,图7-8 封闭直线路径,（2）绘制曲线路径拖动鼠标以产生曲线锚点和控制柄。 如果要就此结束，按住Ctrl键，在路径外的任意位置单击鼠标，即可完成开放路径的绘制。 提示：默认情况下，只有在闭合了当前路径后，才可以绘制另一条路径。若需要在未闭合一条路径前绘制新的路径，可点按Esc键，然后再单击钢笔工具或其他工具，即可继续绘制新路径。,7.2.1钢笔工具,图7-9 第一个锚点,图7-10 第二个锚点,图7-11 开放路径,图7-12 闭合路径,1.认识自由钢笔工具 自由钢笔工具可随意绘制任意形状的曲线路径。工具选项栏如图7-13所示或如图7-14所示。 自由钢笔工具选项栏中主要选项含义如下。 （1）磁性的：勾选“磁性的”复选框，自由钢笔工具则变为磁性钢笔工具磁性钢笔工具与磁性套索工具的使用方法类似，系统会自动将鼠标指针移动的路径定位在图像的边缘上。 （2）几何选项按钮 。,7.2.2自由钢笔工具,图7-13 磁性自由钢笔工具选项栏1,图7-14 磁性自由钢笔工具选项栏2,在选项框中各选项参数的作用如下： 曲线拟合：用于输入控制自由钢笔创建路径的锚点的个数。该参数的取值范围是0.510。数值越大，锚点的个数就越少，曲线越简单。 磁性的：作用同上，可以设置磁性钢笔工具的属性。当勾选此复选框时，“宽度”、“对比”、“频率”文本框才有效。 宽度：用来设置系统的检测宽度，取值范围为140。 对比：用来设置系统控制磁性钢笔工具检测图像边缘的灵敏度，取值范围为1100。该数值越大，则图像边缘与背景的反差也越大，边缘明显。,7.2.2自由钢笔工具,图7-15 自由钢笔工具几何选项框,7.2.2自由钢笔工具,频率：决定磁性钢笔工具在路径绘制中安置的锚点的密度，值越小锚点越密，取值范围为540。 钢笔压力：如果使用光笔绘图板，该复选框有效，可以选择或取消选择“钢笔压力”选中后，可以使用光笔压力，光笔压力的增加将导致宽度减小。 2. 使用自由钢笔工具,路径创建完成后，可以使用添加锚点工具 在原路径上添加锚点，以改变路径中锚点的密度，增加路径的复杂程度。具体操作方法如下： 选择添加锚点工具 ，将鼠标定位到已创建的工作路径非锚点处，鼠标指针变成形状，如图7-16（a）所示，在需要增加锚点位置处单击鼠标，即可在工作路径上添加新的锚点，如图7-16（b）所示。拖动新锚点两边的控制点，可以改变该锚点两旁曲线的形状。,7.2.3添加锚点工具,（a）,（b）,图7-16 添加锚点,（a）在需要添加锚点处单击,（b）添加锚点,路径创建完成后，可以使用删除锚点工具 删除原路径上的锚点，以改变路径中锚点的密度，减少路径的复杂程度。删除锚点工具的作用与添加锚点工具的作用正好相反，但使用方法相似，具体操作方法如下： 选择删除锚点工具 ，将鼠标定位到已创建的工作路径上锚点位置 ，鼠标指针变成 形状，如图7-17（a）所示。在需要删除的路径锚点处单击，即可删除该路径锚点，如图7-17（b）所示，如图7-17（a）所示。,7.2.4删除锚点工具,（a）,（b）,图7-17 删除锚点,（a）在需要删除锚点处单击,（b）删除锚点,7.2.5转换点工具,转换点工具 是用来改变曲线锚点属性的，它可以把曲线路径上平滑锚点转换成尖突锚点，或将尖突锚点转换成平滑锚点，以便对路径形状进行修改。 选择转换点工具 ，用鼠标拖动直线锚点，可以显示出该锚点的切线，将直线锚点转换为曲线锚点。用鼠标拖动切线两端的控制点，可改变路径的形状。选择转换点工具 ，单击曲线锚点，可以将曲线锚点转换为直线锚点，如图7-18所示和如图7-19所示。,（a）,（b）,图7-18 平滑锚点转换为尖突锚点,（a）修改前 （b）修改后,（a）,（b）,图7-19 直线锚点转换为曲线锚点,（a）修改前,（b）修改后,Photoshop中很多与路径相关的操作都可以在“路径”调板中完成操作，例如创建、保存、复制、 删除路径、选区与路径转换等操作。“路径”调板，如图7-30所示。,7.3“路径”调板,图7-30 “路径”调板,7.3“路径”调板,7.3.1新建路径 7.3.2保存路径 7.3.3填充路径 7.3.4描边路径 7.3.5路径和选区间的转换 7.3.6删除路径,7.3.1新建路径,图7-31 新建路径命令,创建新路径主要有以下两种方法： 方法一：直接选用路径绘制工具进行路径描绘，在绘制路径时，系统会在“路径”调板中建立工作路径，如果绘制完毕后不将其保存，则工作路径内容会丢失。 方法二：单击“路径”调板中【创建新路径】按钮 ，或选取“路径”调板菜单中【新建路径】命令，如图7-31所示，然后选取路径绘制工具进行路径的描绘。使用该种方法，系统会自动保存路径绘制结果。 提示：按住Alt键并单击按钮 ，可在弹出的对话框中输入新路径的名称，再单击【确定】按钮,7.3.2保存路径,图7-32 存储路径命令,图7-33 “存储路径”对话框,路径绘制完毕后，在“路径”调板中显示有“工作路径”层。工作路径是一种具有暂存性质的路径，所以通常需要把它存储成一般路径。如图7-32所示，单击“路径”调板右上角的三角形按钮，在调板菜单中选取【存储路径】命令，弹出如图7-33所示“存储路径”对话框，在名称文本框中输入路径名称，也可使用默认名称，即可保存工作路径。,绘制完毕的路径可以直接在其内部填充颜色，填充路径的方法有以下两种： 方法一：选择需要填充的路径，单击“路径”调板中【填充路径】按钮 ，用前景色快速填 充路径的，如图7-34所示； 方法二： 如果需要对路径的填充内容进行设置，例如设置填充颜色的混合模式、不透明度、 羽化半径以及是否保留透明区、消除锯齿等，如图7-35所示，可选取“路径”调板菜单中 【填充路径】命令，弹出如图7-36所示“填充路径”对话框，进行详细设置，然后单击【确 定】按钮。,7.3.3填充路径,图7-34 使用填充路径按钮,7.3.3填充路径,图7-35 填充路径命令,图7-36 “填充路径”对话框,7.3.4描边路径,图7-37 描边路径命令,图7-38 “描边路径”对话框,完成路径创建后，可用色彩描绘路径的外框线。路径描边的方法有以下两种： 方法一：用选择工具选取需要描边的路径，单击“路径”调板底部的【用画笔描边路径】按 钮 ，以前景色和现有的笔刷大小自动对路径进行描边，每单击按钮一次即对路径描边一次；方法二：设定前景色为描边所需颜色，选取一种绘图工具，并在工具选项栏中设定笔刷大小、样式、不透明度等选项。然后，如图7-37所示，选取“路径”调板菜单中【描边路径】命令，弹出如图7-38所示“描边路径”对话框，在工具下拉列表中选取刚才设置的绘图工具，单击【确定】按钮，即可完成路径的描边。,路径和选区之间可以相互转换，该项功能可以帮助用户制作出极为复杂的选区范围。 1将路径作为选区载入 在路径创建完毕后，可以将路径转换为选区，方法主要有以下两种： 方法一：单击“路径”调板中【将路径作为选区载入】按钮 ，或直接将要转换为选区的路径 拖拽到该按钮上，即可将当前选择路径转换为选区。 方法二：在“路径”调板中选择需要转换为选区的路径，选取路径调板菜单中【建立选区】命 令，如图7-39所示，弹出如图7-40所示“建立选区”对话框，在对话框中进行各选项的设置，最 后单击【确定】按钮，即可将路径转换为选区。 如果路径为开放路经，如图7-41（a）所示，在进行转换时，Photoshop自动将距离最近的两个 端点以直线连接形成选区，如图7-41（b）所示。如果是只有一条直线的开放路径，则不能将 路径转换为选区。,7.3.5路径和选区间的转换,7.3.5路径和选区间的转换,图7-39 建立选区命令,图7-40 “建立选区”对话框,（a）,（b）,图7-41 路径转化为选区,（a）开放路径,（b）开放路径转换后的选区,2从选区生成路径 当图像中已有选区，并且需要把选区转换成路径进行进一步编辑修改时，可以使用以下两种 方法操作： 方法一：单击“路径”调板中【从选区生成路径】按钮，可以将当前选区转化为工作路径。 方法二：选取“路径”调板菜单中【建立工作路径】命令，如图7-42所示，弹出如图7-43所示的 “建立工作路径”对话框。在对话框中可进行0.510.0像素的容差值设置，最后单击【确定】 按钮，完成选区到路径的转换。,7.3.5路径和选区间的转换,图7-42 建立工作路径命令,图7-43 “建立工作路径”对话框,在“建立工作路径”对话框中，容差值越小，转换出的路径锚点就越多，也就越接近原来的选 区，如图7-44所示。,7.3.5路径和选区间的转换,（a）,（b）,（c）,图7-44 选区转化为路径,（a）原图像,（b）容差值为2像素,（c）容差值为10像素,对于没有用的路径，可以将其删除。删除路径的方法有以下三种： 方法一：选取路径后单击“路径”调版中的【删除当前路径】按钮 ，弹出“确认”对话框，如图 7-45所示，单击【是】按钮，即可将当前选中的路径删除。如果按住Alt键同时单击“路径”调 板中的【删除当前路径】按钮 ，则不会弹出“确认”对话框，路径被直接删除。 方法二：将想要删除的路径拖拽到【删除当前路径】按钮处，删除该路径，如图7-46所示。 方法三：选取需要删除的路径线，直接使用键盘上的Del键删除当前选中路径。,7.3.6删除路径,图7-45 “删除路径”对话框,图7-46 拖拽路径至删除按钮,7.3.6删除路径,实例2 制作波浪和小鱼 效果分析：在实例1波浪线的制作基础上，完成波浪和彩色小鱼的制作，掌握描边路径、填 充路径的操作和“路径”调板的使用。 使用的工具与命令：钢笔工具，直接选择工具，选择工具，添加锚点工具，“路径”调板菜单 命令，【填充】命令。 设计过程： （1）参考实例1的制作步骤，完成第一条波浪线的创建。 （2）选取工具箱中选择工具，选取整条路径，按住Shift+Alt键，向下垂直移动复制另外四条路径，如图7-47所示。 （3）设置前景色RGB数值为（R：0 G：90 B：255），选取画笔工具 ，在工具选项栏中设置主直径大小为3像素、硬度为100%，使用画笔工具为路径描边。,（a）,（b）,图7-47 移动复制路径线,（a） 选中路径,（b）向下移动复制路径,（4）在工具箱中选取选择工具，在工具选项栏中选择【添加到形状区域】按钮，依次选中五条路径线，选取“路径”调板菜单中【描边路径】命令，在“描边路径”对话框工具下拉列表中选择画笔工具，单击【确定】按钮，如图7-48所示，完成对描边路径。最后使用键盘上的Del键删除选中的路径，即可见最终完成的波浪效果，如图7-49所示。,7.3.6删除路径,图7-48 选择画笔描边路径,图7-49 描边路径,（5）在工具箱中选择钢笔工具，在工具选项栏中设定“路径”创建方式，在波浪线上创建三角形路径，如图7-50（a）所示；设置前景色RGB数值为（R：226 G：23 B：138），单击“路径”调板中的【填充路径】按钮，如图7-50（b），为路径填充颜色。 （6）重复步骤5，完成小鱼尾巴的制作，如图7-51所示。,7.3.6删除路径,（a）,（b）,图7-50 制作小鱼身体,（a）创建三角形路径,（b）填充路径,（a）,（b）,图7-51 制作小鱼尾巴,（a）创建三角形路径,（b）填充路径,（7）在工具箱中选择椭圆形选框工具，创建圆形选区。设置前景色为黑色，选取【编辑】|【填充】菜单命令，填充选区，完成小鱼眼睛的制作，如图7-52所示。 （8）重复步骤5-7，制作几条其他颜色小鱼，最终完成效果如图7-53所示,7.3.6删除路径,（a）,（b）,图7-52 完成小鱼的制作,（a）创建圆形选区,（b）填充选区,图7-53 最终效果图,7.4形状工具,7.4.1绘制图形 7.4.2绘制圆角矩形 7.4.3绘制椭圆形状 7.4.4绘制多边形 7.4.5绘制直线工具 7.4.6绘制自定形状,1.认识矩形工具 使用矩形工具可以绘制出矩形、正方形等形状，并且可以设置矩形区域的大小和颜色，矩形 工具选项栏及选项框如图7-54所示。 矩形工具选项栏及选项框中主要选项的含义如下： （1）不受限制：绘制的矩形性状的比例和大小不受限制。 （2）方形：选中此选项，绘制的是正方形。 （3）固定大小：绘制固定宽度和高度的矩形。 （4）比例：约束绘制矩形的宽度和高度的比例。 （5）从中心：选中该选项，所绘制的矩形将以鼠标单击点位置为中心点向四周扩张。,7.4.1绘制矩形,图7-54 矩形工具选项栏及选项框,7.4.1绘制矩形,（6）样式：单击其右侧的下拉按钮，从弹出的如图7-55所示的列表框中可选择一种样式，以便在绘制形状时，应用于生成的形状之中。 （7）【创建新的形状图层】按钮 ：该选项为默认选项，表明每一次操作都将创建一个新的形状图层，其“图层”调板如图7-56所示。 （8）【添加到形状区域】按钮 ：按下该按钮，新创建的路径或形状将会添加到当前的路径或区域中去，如图7-57所示。 （9）【从形状区域减去】按钮 ：按下该按钮，将从新建的路径和形状中去掉原有的路径或形状的交集，如图7-58所示。,图7-55 选择样式,图7-56 创建形状图层时的“图层”调板,（10）【交叉形状区域】按钮 ：按下该按钮，将生成新创建的路经或形状与原有的路径或形状的交集，如图7-59所示。 （11）【重叠形状区域除外】按钮 ：按下该按钮，将新建路径或形状与原有路径或形状的交集去掉，取两者共同剩下的部分，如图7-60所示。,7.4.1绘制矩形,图7-57 “添加到形状区域”效果,图7-58 “从形状区域减去”效果,图7-59 “交叉形状区域”效果,图7-60 “重叠形状区域除外”效果,2.使用矩形工具 创建矩形形状的方法比较简单，具体操作步骤如下： （1）首先选取工具箱中的矩形工具，将鼠标指针移动至图像窗口，按住鼠标左键并拖动鼠标，将出现一个矩形框，如图7-61所示。 （2）当对矩形的大小满意后可释放鼠标，此时矩形框中将自动使用前景色填充。并在“路径”调板中自动建立一个工作路径，如图7-62所示；同时在“图层”调板中自动建立一个形状图层，如图7-63所示。 提示：按住shift键拖拽鼠标可以绘制一个正方形的路径或形状,7.4.1绘制矩形,图7-61 绘制路径形状图,7-62 建立一个工作路径,图7-63 建立一个形状图层,1.认识圆角矩形工具 使用圆角矩形工具可以绘制圆角矩形形状。选择工具箱的圆角矩形工具，工具选项栏如图7- 64所示。工具选项栏中各选项含义同矩形工具。其中“半径”输入值决定圆角矩形四角的圆滑 程度，默认情况下半径数值为10像素。 2.使用圆角矩形工具 圆角矩形工具和矩形工具的使用方法基本相同，不同之处在于创建圆角矩形形状之前可以设 置圆角半径值，数值越大，四角越圆滑，如图7-65所示。当半径数值为0时，圆角矩形工具就 和矩形工具完全相同。,7.4.2绘制圆角矩形,图7-64 圆角矩形选项栏及选项框,提示：使用圆角矩形工具，按住shift键拖拽鼠标可以绘制圆角正方形的路径或形状。,7.4.2绘制圆角矩形,（a）,（b）,图7-65 圆角矩形形状,（a）半径为10像素,（b）半径为30像素,椭圆工具用于绘制椭圆形状，椭圆工具和矩形工具的使用方法相同。椭圆工具的选项栏及选 项框如图7-66所示。 椭圆工具选项框中选项含义和矩形工具一致，在此不再重述。 提示：使用椭圆工具，按住shift键拖拽鼠标可以绘制一个正圆形路径或形状。,7.4.3绘制椭圆形状,图7-66 椭圆工具选项栏及选项框,1.认识多边形工具 多边形工具主要用于绘制各种造型的多边形路经或形状。多边形工具选项栏及选项框如图7- 67所示。 多边形工具选项栏和选项框中主要选项含义如下： 边：用于设置绘制多边形“边”值，例如三角形，五边形等，如图7-68所示。 半径：用于指定多边形的半径，设置半径后可以按照固定的大小进行绘制。 平滑拐角：选中该选项后，绘制的多边形的角将会进行平滑，如图7-69所示。 星形：选中该选项，可以画出星形，“缩进边依据”文本框决定其边的缩进程度，默认数值为 50%，如图7-70所示。 平滑缩进：选中该选项，可以光滑多边形的缩进的尖角，使绘制出的多边形的角更为平滑， 如图7-71所示。,7.4.4绘制多边形,图7-67 多边形工具选项栏及选项框,7.4.4绘制多边形,（a）,（b）,图7-68 不同边数的多边形,（a）边数为3,（b）边数为5,（a）,（b）,图7-69 勾选平滑拐角选项前后的三边形,（a）未平滑拐角,（b）平滑拐角,（a）,（b）,图7-70 设定不同缩进边依据的三边星形,（a）缩进边依据为50%,（b）缩进边依据为20%,（a）,（b）,图7-71 勾选平滑缩进选项前后的三边形星形,（a）未平滑缩进,（b）平滑缩进,2.使用多边形工具 使用多边形工具绘制路径或形状时，始终会以鼠标单击点处为中心点，并且随着鼠标移动而 改变多边形的摆放位置，即在拖拽鼠标绘制多边形时，移动鼠标可以旋转还未完成的多边形。 如按住Shift键，还可按指定的角度进行绘制。在绘制中可配合工具选项栏中的不同的选项设 定，制作各种造型的形状或路径，如图7-72所示。,7.4.4绘制多边形,图7-72 不同选项参数绘制的边数为5的多边形形状,7.4.5绘制直线工具,1.认识直线工具 直线工具用于绘制直线段形状。选择直线工具且单击工具选项栏中的下拉选项时，工具选项 栏及选项框，如图7-73所示。 直线工具选项栏及选项框中主要选项含义如下： 粗细：用于设定直线的粗细，取值范围为11000，值越大，绘制的线条越粗。 起点：选中该复选框，可以在起点位置绘制出箭头。 终点：选中该复选框，可以在终点位置绘制出箭头。 宽度：该选项用于设置箭头宽度，其取值范围在101000%之间。 长度：该选项用于设置箭头长度，其取值范围在105000%之间。 凹度：该选项用于设置箭头的内凹程度，其取值范围在-5050%之间。,图7-73 直线工具选项栏及选项框,2.使用直线工具 选择工具箱中的直线工具，在图像窗口中单击鼠标左键确定此直线的起始点，然后拖动鼠标 至合适的位置处再单击一下鼠标，即可创建一条以前景色填充的直线段。如果在使用直线工 具时按住Shift键，即可控制直线的方向，绘制出水平、竖直或45角的直线段。如果在使用 直线工具绘制直线前，在“箭头”选项框中设置箭头的宽度、长度以及凹度(箭头尾部凹陷的程 度)等选项，可以绘制出带有箭头的各种路径形状，如图7-74所示。,7.4.5绘制直线工具,图7-74 直线工具绘制的各种路径形状,1.认识自定形状工具 使用自定形状工具可以绘制各种预设形状，如闪电、音符、灯泡等形状。Photoshop提供的各 种预设自定形状为图形图像设计提供了丰富的设计资源。选择自定形状工具且单击工具选项 栏中的下拉选项时，自定形状工具选项栏及选项框如图7-75所示。单击“形状”下拉按钮，弹出 自定形状选项列表，显示多个预设的形状，如图7-76所示。,7.4.6绘制自定形状,图7-75 自定形状工具选项栏及选项框,图7-76 自定形状选项列表,2.使用自定形状工具 使用自定形状工具绘制形状，具体操作步骤主要有以下两步： （1）在软件的初始状态下，自定形状选项列表只显示部分预设形状，可单击自定形状选项列表右侧三角形按钮，在弹出的下拉菜单中选择【全部】，如图7-77（a）所示，然后在弹出的确认对话框单击【确定】按钮，操作如图7-77(b)所示，确认操作后可以载入并显示全部预设形状。,7.4.6绘制自定形状,（a）,（b）,图7-77 载入全部形状,（a）载入全部形状,（b）载入形状对话框,（2）在形状列表中选择一款形状，把鼠标指针移至图像中，单击鼠标左键后拖拽鼠标，完成该款形状的创建，如图7-78所示。在拖拽鼠标的过程中，同时按住Shift键，创建的形状可以保持原有长宽比例。,7.4.6绘制自定形状,图7-78 绘制的形状效果,实例3 心形图案设计 效果分析：使用自定形状工具制作具有立体效果的心形图案，如图7-79所示。通过该实例的制作，掌握形状工具的使用。 使用的工具及命令：自定形状工具，选择工具，样式选项。 设计过程：,7.4.6绘制自定形状,图7-79 心形图案,7.4.6绘制自定形状,（1）新建文件。设定文件大小：长宽均为400像素，分辨率为72像素/英寸，色彩模式选择RGB模式，白色背景。 （2）选择工具箱中的自定形状工具，载入全部预设形状。 （3）选择形状列表中“标记4”形状，设置创建方式为“形状图层” ，设置填充样式为“雕刻天空”，如图7-80所示。 （4）把鼠标指针移至图像中，按住Shift键同时单击鼠标左键，拖拽鼠标创建图形，当图形大小合适后，放开鼠标，图形将被“雕刻天空”样式填充，完成效果如图7-81所示。 （5）在形状列表里选择“红桃”形状，把鼠标指针移动到画布中，按住Shift键的同时单击并拖拽鼠标创建红桃图形；如果图形位置需要调整，可使用选择工具 ，选中红桃形状，进行位置调整，使红桃图形居于盾牌图形的中间，如图7-82所示。,图7-80 设置填充样式为雕刻天空,图7-81 创建形状,图7-82 创建红桃形状,（6）在工具选项栏中单击样式列表右上角三角形按钮打开样式菜单，选择【Web样式】，如图7-83（a）所示，在弹出的确认对话框中单击【追加】按钮，载入该类型样式，如图7-83(b)所示。,7.4.6绘制自定形状,（a）,（b）,图7-83 载入Web样式,（a）载入Web样式,（b）载入样式对话框,（7）在样式列表中选择新载入的“带投影的红色凝胶”，得到红色立体效果的红桃图形，如图7-84所示。 （8）单击“图层”调板的空白区域，取消对红桃形状图层的选择，完成图案的制作，效果如图7-85所示。,7.4.6绘制自定形状,图7-84 修改红桃的填充样式,图7-85 最后完成的图形效果,效果分析：设计制作完成效果如图7-86所示。通过音乐网站logo的制 作，掌握路径工具和形状工具在实际案例中的使用，进一步掌握工具的综 合应用。作为音乐网站的标志，图形应体现出音乐的特征，因此选择了乐 符作为设计元素。,上机实战 路径的运用,图7-88 调整角度,（4）选择其中一个音符所在的形状图层，选取【编辑】|【自由变化路径】命令，调整路径的角度，如图7-88所示。使用选择工具 ，移动调整音符的位置，如图7-89所示。 （5）选择工具箱中的钢笔工具 ，设置创建方式为形状，设置填充色为绿色（R：190 G：226 B：20），在音符下方创建出类似于对勾的多边形造型，如图7-90所示。 （6）调整图层顺序，把绘制多边形的图层移动到最下方图层位置，并调整图形在画布中的位置，如图7-91所示。,上机实战 路径的运用,图7-89 调整位置,图7-90 多边形的绘制,图7-91 图层位置的调整,上机实战 路径的运用,（7）使用步骤五的方法创建出若干个三角形，放置在音符上方，设置颜色橙色（R：238 G：132 B：62），完成音乐网站标志效果图的制作。,