第9章　图形与路径（课件）-《Photoshop图像处理基础教程》同步教学(人民邮电出版社)

第9章　图形与路径 本章简介： Photoshop 2020的图形绘制功能非常强大。本章将详细讲解Photoshop 2020的绘图功能和应用技巧。读者通过学习本章，要能够根据设计制作任务的需要，绘制出精美的图形，并能为绘制的图形添加丰富的视觉效果。 掌握绘图工具的使用方法 掌握路径的绘制和选取方法 掌握路径的添加、删除和转换方法 了解创建3D图形和使用3D工具的方法 课堂学习目标 9.1　绘制图形 矩形工具的使用 圆角矩形工具的使用 椭圆工具的使用 多边形工具的使用 直线工具的使用 自定形状工具的使用 课堂案例——制作IT互联网App闪屏页 9.1.1　矩形工具的使用 “矩形”工具可以用来绘制矩形或正方形。启用“矩形”工具，有以下几种方法。 单击工具箱中的“矩形”工具。 反复按Shift+U组合键。 “矩形”工具属性栏 9.1.2　圆角矩形工具的使用 “圆角矩形”工具可以用来绘制具有平滑边缘的矩形。启用“圆角矩形”工具，有以下几种方法。 单击工具箱中的“圆角矩形”工具。 反复按Shift+U组合键。 启用“圆角矩形”工具。其属性栏中的选项内容与“矩形”工具属性栏的选项内容类似，只增加了“半径”选项，用于设定圆角矩形的平滑程度，半径数值越大，圆角矩形越平滑。 “圆角矩形”工具属性栏 9.1.3　椭圆工具的使用 “椭圆”工具可以用来绘制椭圆或正圆形。启用“椭圆”工具，有以下几种方法。 单击工具箱中的“椭圆”工具。 反复按Shift+U组合键。 启用“椭圆”工具。其属性栏中的选项内容与“矩形”工具属性栏的选项内容类似。 “椭圆”工具属性栏 9.1.4　多边形工具的使用 “多边形”工具可以用来绘制多边形或正多边形。启用“多边形”工具，有以下几种方法。 单击工具箱中的“多边形”工具。 反复按Shift+U组合键。 启用“多边形”工具。其属性栏中的选项内容与“矩形”工具属性栏的选项内容类似，只增加了“边”选项，用于设定多边形的边数。 “多边形”工具属性栏 9.1.5　直线工具的使用 “直线”工具可以用来绘制直线或带有箭头的线段。启用“直线”工具，有以下几种方法。 单击工具箱中的“直线”工具。 反复按Shift+U组合键。 启用“直线”工具。其属性栏中的选项内容与“矩形”工具属性栏的选项内容类似，只增加了“粗细”选项，用于设定直线的宽度。 单击属性栏中的按钮，弹出“箭头”面板。 “直线”工具属性栏 9.1.6　自定形状工具的使用 “自定形状”工具可以绘制一些自定义的图形。启用“自定形状”工具，有以下几种方法。 单击工具箱中的“自定形状”工具。 反复按Shift+U组合键。 启用“自定形状”工具。其属性栏中的选项内容与“矩形”工具属性栏的选项内容类似，只增加了“形状”选项，用于选择所需的形状。 单击“形状”选项右侧的按钮，弹出形状面板，面板中存储了可供选择的各种不规则形状。 “自定形状”工具属性栏 9.1.7　课堂案例——制作IT互联网App闪屏页 使用“椭圆”工具、“路径选择”工具绘制装饰图形；使用“置入嵌入对象”命令置入素材图片；使用横排文字工具、“字符”控制面板添加标志文字。 效果图 9.2　绘制和选取路径 了解路径的含义 钢笔工具的使用 自由钢笔工具的使用 添加锚点工具的使用 删除锚点工具的使用 转换点工具的使用 路径选择工具的使用 直接选择工具的使用 课堂案例——制作运动鞋App主页Banner 9.2.1　了解路径的含义 路径及路径的有关概念。 路径及路径的有关概念图 9.2.2　钢笔工具的使用 “钢笔”工具用于在Photoshop 2020中绘制路径。下面，具体讲解“钢笔”工具的使用方法和操作技巧。 启用“钢笔”工具，有以下几种方法。 单击工具箱中的“钢笔”工具。 反复按Shift+P组合键。 “钢笔”工具属性栏 9.2.3　自由钢笔工具的使用 “自由钢笔”工具用于在Photoshop 2020中绘制不规则路径。下面，将具体讲解“自由钢笔”工具的使用方法和操作技巧。 启用“自由钢笔”工具，有以下几种方法。 单击工具箱中的“自由钢笔”工具。 反复按Shift+P组合键。 打开一幅图像。启用“自由钢笔”工具，对自由钢笔工具的属性栏进行设定，勾选“磁性的”复选框，启用磁性钢笔选项。 “自由钢笔”工具属性栏 9.2.4　添加锚点工具的使用 “添加锚点”工具用于在路径上添加新的锚点。下面，将具体讲解“添加锚点”工具的使用方法和操作技巧。 将“添加锚点”工具移动到建立好的路径上，若当前该处没有锚点，则鼠标指针转换成“添加锚点”工具图标，在路径上单击可以添加一个锚点。 将“添加锚点”工具移动到建立好的路径上，若当前该处没有锚点，则鼠标指针转换成“添加锚点”工具图标，单击并按住鼠标左键，向下拖曳鼠标，建立曲线段和曲线锚点。 添加描点图 建立曲线段和曲线锚点 9.2.5　删除锚点工具的使用 “删除锚点”工具用于删除路径上已经存在的锚点。下面，将具体讲解“删除锚点”工具的使用方法和操作技巧。 将“删除锚点”工具放到直线路径的锚点上，则鼠标指针转换成“删除锚点”工具图标，单击锚点将其删除。 将“删除锚点”工具放到曲线路径的锚点上，则鼠标指针转换成“删除锚点”工具图标，单击锚点将其删除。 删除描点图 9.2.6　转换点工具的使用 使用“转换点”工具，通过鼠标单击或拖曳锚点可将其转换成直线锚点或曲线锚点，拖曳锚点上的调节手柄可以改变线段的弧度。 下面介绍与“转换点”工具相配合的功能键。 按住Shift键，拖曳其中一个锚点，会强迫手柄以45度角或45度角的倍数进行改变。 按住Alt键，拖曳手柄，可以任意改变两个调节手柄中的一个，而不影响另一个手柄的位置。 按住Alt键，拖曳路径中的线段，会先复制已经存在的路径，再把复制后的路径拖曳到预定的位置。 9.2.7　路径选择工具的使用 “路径选择”工具用于选择一个或几个路径并对其进行移动、组合、对齐、分布和变形。启用“路径选择”工具，有以下几种方法。 单击工具箱中的“路径选择”工具。 反复按Shift+A组合键。 “路径选择”工具属性栏 9.2.8　直接选择工具的使用 “直接选择”工具用于移动路径中的锚点或线段，还可以调整手柄和控制点。启用“直接选择”工具，有以下几种方法。 单击工具箱中的“直接选择”工具。 反复按Shift+A组合键。 启用“直接选择”工具，拖曳路径中的锚点来改变路径的弧度。 9.2.9　课堂案例——制作运动鞋App主页Banner 使用“钢笔”工具、“添加锚点”工具和“直接选择”工具绘制并调整路径；使用选区和路径的转换命令进行转换，使用“移动”工具添加鞋和文字，使用“投影”命令为图片添加阴影效果；使用“色相/饱和度”命令、“曲线”命令调整图片颜色。 效果图 9.3　路径控制面板 认识路径控制面板 新建路径 保存路径 复制、删除、重命名路径 选区和路径的转换 用前景色填充路径 用画笔描边路径 剪贴路径 路径面板选项 9.3.1　认识路径控制面板 在新文件中绘制一条路径，选择“窗口 > 路径”命令，弹出“路径”控制面板。 系统按钮 在“路径”控制面板上方的两个系统按钮分别是“折叠为图标”按钮 和“关闭”按钮 。单击“折叠为图标”按钮 可以显示和隐藏“路径”控制面板，单击“关闭”按钮 可以关闭“路径”控制面板。 “路径”控制面板 路径放置区 路径放置区用于放置所有的路径。 “路径”控制面板菜单 单击“路径”控制面板右上方的图标，弹出其下拉命令菜单。 工具按钮 在“路径”控制面板的底部有7个工具按钮。 9.3.1　认识路径控制面板 “路径”控制面板菜单 “路径”控制面板 9.3.2　新建路径 在操作的过程中，可以根据需要建立新的路径。新建路径，有以下几种方法。 使用“路径”控制面板弹出式菜单。单击“路径”控制面板右上方的图标，在弹出式菜单中选择“新建路径”命令，弹出“新建路径”对话框。“名称”选项用于设定新路径的名称，单击“确定”按钮。 使用“路径”控制面板按钮或快捷键。单击“路径”控制面板中的“创建新路径”按钮，可创建一个新路径。按住Alt键，单击“路径”控制面板中的“创建新路径”按钮，弹出“新建路径”对话框。 9.3.3　保存路径 “保存路径”命令用于保存已经建立并编辑好的路径。 建立新图像，用“钢笔”工具直接在图像上绘制出路径后，在“路径”控制面板中会产生一个临时的工作路径。单击“路径”控制面板右上方的图标，在弹出式菜单中选择“存储路径”命令，弹出“存储路径”对话框，“名称”选项用于设定保存路径的名称，单击“确定”按钮。 9.3.4　复制、删除、重命名路径 1.复制路径 复制路径，有以下几种方法。 使用“路径”控制面板弹出式菜单。单击“路径”控制面板右上方的图标，在弹出式菜单中选择“复制路径”命令，弹出“复制路径”对话框。“名称”选项用于设定复制路径的名称，单击“确定”按钮。 使用“路径”控制面板按钮。将“路径”控制面板中需要复制的路径拖放到下面的“创建新路径”按钮上，就可以将所选的路径复制为一个新路径。 2.删除路径 删除路径，有以下几种方法。 使用“路径”控制面板弹出式菜单。单击“路径”控制面板右上方的图标，在弹出式菜单中选择“删除路径”命令，将路径删除。 使用“路径”控制面板按钮。选择需要删除的路径，单击“路径”控制面板中的“删除当前路径”按钮，将选择的路径删除，或将需要删除的路径拖放到“删除当前路径”按钮上，将路径删除。 9.3.4　复制、删除、重命名路径 3. 重命名路径 双击“路径”控制面板中的路径名，出现重命名路径文本框，改名后按Enter键即可。 9.3.4　复制、删除、重命名路径 “路径”控制面板 重命名路径文本框 9.3.5　选区和路径的转换 在“路径”控制面板中，可以将选区和路径相互转换。下面，将具体讲解选区和路径相互转换的方法和技巧。 1.将选区转换成路径 将选区转换成路径，有以下几种方法。 使用“路径”控制面板弹出式菜单。建立选区，单击“路径”控制面板右上方的图标，在弹出式菜单中选择“建立工作路径”命令，弹出“建立工作路径”对话框。在对话框中，“容差”选项用于设定转换时的误差允许范围，数值越小越精确，路径上的关键点也越多。如果要编辑生成的路径，在此处设定的数值最好为2，设置完成后，单击“确定”按钮，便将选区转换成路径了。 使用“路径”控制面板按钮。单击“路径”控制面板中的“从选区生成工作路径”按钮，将选区转换成路径。 2. 将路径转换成选区 将路径转换成选区，有以下几种方法。 使用“路径”控制面板弹出式菜单。建立路径。单击“路径”控制面板右上方的图标，在弹出式菜单中选择“建立选区”命令，弹出“建立选区”对话框。 使用“路径”控制面板按钮。单击“路径”控制面板中的“将路径作为选区载入”按钮，将路径转换成选区。 9.3.5　选区和路径的转换 9.3.6　用前景色填充路径 用前景色填充路径，有以下几种方法。 使用“路径”控制面板弹出式菜单。建立路径，单击“路径”控制面板右上方的图标，在弹出式菜单中选择“填充路径”命令，弹出“填充路径”对话框。 使用“路径”控制面板按钮或快捷键。单击“路径”控制面板中的“用前景色填充路径”按钮，即可实现用前景色填充路径。按住Alt键，单击“路径”控制面板中的“用前景色填充路径”按钮，弹出“填充路径”对话框。 9.3.7　用画笔描边路径 用画笔描边路径，有以下几种方法。 使用“路径”控制面板弹出式菜单。建立路径。单击“路径”控制面板右上方的图标，在弹出式菜单中选择“描边路径”命令，弹出“描边路径”对话框。在“工具”选项的下拉列表中选择“画笔”选项。如果在当前工具箱中已经选择了“画笔”工具，则该工具会自动地设置在此处。另外，在“画笔”工具属性栏中设定的画笔类型也会直接影响此处的描边效果，对画笔属性栏进行设定。设置好后，单击“确定”按钮。 使用“路径”控制面板按钮或快捷键。单击“路径”控制面板中的“用画笔描边路径”按钮，即可实现用画笔描边路径。按住Alt键，单击“路径”控制面板中的“用画笔描边路径”按钮，弹出“描边路径”对话框。 9.3.8　剪贴路径 剪贴路径“命令用于指定一个路径作为剪贴路径。 当在一个图像中定义了一个剪贴路径，并将这个图像在其他软件中打开时，如果该软件同样支持剪贴路径，则路径以外的图像将是透明的。单击“路径”控制面板右上方的图标，在弹出式菜单中选择“剪贴路径”命令，弹出“剪贴路径”对话框。 在对话框中，“路径”选项用于设定剪切路径的路径名称；“展平度”选项用于压平或简化可能因过于复杂而无法打印的路径。 “剪贴路径”对话框 路径面板选项 “面板选项”命令用于设定“路径”控制面板中缩览图的大小。 单击“路径”控制面板右上方的图标，在弹出式菜单中选择“面板选项”命令，弹出“路径面板选项”对话框。 “路径面板选项”对话框 9.4　创建3D图形 在Photoshop 2020中可以将平面图层围绕各种形状进行预设，如将平面图层围绕立方体、球体、圆柱体、锥形或金字塔形等创建3D模型。只有将平面图层变为3D图层，才能使用3D工具和命令。 9.5　使用3D工具 在Photoshop 2020中使用3D对象工具可更改3D模型的位置或大小，使用3D相机工具可更改场景视图。 课后习题——制作端午节海报 使用“快速选择”工具抠出粽子；使用“污点修复画笔”工具和“仿制图章”工具修复斑点和牙签；使用“变换”命令变形粽子图形；使用“色彩范围”命令抠出云；使用“钢笔”工具抠出龙舟；使用“椭圆选框”工具抠出豆子；使用“创建新的填充或调整图层”按钮调整图像颜色。 效果图 $$