1、第3章路径与图形本章简介本章简介:本章主要介绍路径和图形本章主要介绍路径和图形的绘制方法及应用技巧。通过的绘制方法及应用技巧。通过本章的学习,可以快速地绘制本章的学习,可以快速地绘制所需路径,并对路径进行修改所需路径,并对路径进行修改和编辑;还可应用绘图工具绘和编辑;还可应用绘图工具绘制出系统自带的图形,提高图制出系统自带的图形,提高图像制作的效率。像制作的效率。课堂学习目标了解路径的概念了解路径的概念掌握钢笔工具的使用方法掌握钢笔工具的使用方法掌握编辑路径的方法和技巧掌握编辑路径的方法和技巧掌握绘图工具的使用方法掌握绘图工具的使用方法3.1路径概述路径路径是基于贝塞尔曲线建立的是基于贝塞尔曲
2、线建立的矢量图形矢量图形。锚点:锚点:由钢笔工具创建,是一个路径中两条线段的交点,路径由钢笔工具创建,是一个路径中两条线段的交点,路径是由锚点组成的。是由锚点组成的。直线点:直线点:按住按住Alt键键并单击刚建立的锚点,可以将锚点转换为带并单击刚建立的锚点,可以将锚点转换为带有一个独立调节手柄的直线锚点。直线锚点是一条直线段与一条曲有一个独立调节手柄的直线锚点。直线锚点是一条直线段与一条曲线段的连接点。线段的连接点。曲线点:曲线点:曲线锚点是带有两个独立调节手柄的锚点,曲线锚点曲线锚点是带有两个独立调节手柄的锚点,曲线锚点是两条曲线段之间的连接点,调节手柄可以改变曲线的弧度。是两条曲线段之间的
3、连接点,调节手柄可以改变曲线的弧度。直线段:直线段:用钢笔工具在图像中单击两个不同的位置,将在两点用钢笔工具在图像中单击两个不同的位置,将在两点之间创建一条直线段。之间创建一条直线段。曲线段:曲线段:拖曳曲线锚点可以创建一条曲线段。拖曳曲线锚点可以创建一条曲线段。端点:端点:路径的结束点就是路径的端点。路径的结束点就是路径的端点。3.2 钢笔工具钢笔工具的选项钢笔工具的选项课堂案例课堂案例制作涂鸦效果制作涂鸦效果绘制直线段绘制直线段绘制曲线绘制曲线3.2.1 钢笔工具的选项选择选择“钢笔钢笔”工具,或反复按工具,或反复按Shift+P组合键,切换到钢笔工具的组合键,切换到钢笔工具的属性栏中。属
4、性栏中。与钢笔工具相配合的功能键:与钢笔工具相配合的功能键:按住按住Shift键键创建锚点时,将强迫系统以创建锚点时,将强迫系统以45度角或度角或45度角的倍数绘度角的倍数绘制路径。制路径。按住按住Alt键键,当,当“钢笔钢笔”工具移到锚点上时,暂时将工具移到锚点上时,暂时将“钢笔钢笔”工工具转换为具转换为“转换点转换点”工具。工具。按住按住Ctrl键键,暂时将,暂时将“钢笔钢笔”工具转换成工具转换成“直接选择直接选择”工具。工具。钢笔工具属性栏3.2.3 绘制直线段选择选择“钢笔钢笔”工具,在钢笔工具属性栏中选中工具,在钢笔工具属性栏中选中“路径路径”按钮,在按钮,在图像中任意位置单击鼠标,
5、创建一个锚点,将鼠标移动到其他位置再单图像中任意位置单击鼠标,创建一个锚点,将鼠标移动到其他位置再单击,创建第二个锚点,两个锚点之间自动以直线进行连接,再将鼠标移击,创建第二个锚点,两个锚点之间自动以直线进行连接,再将鼠标移动到其他位置单击,创建第三个锚点,而系统将在第二个和第三个锚点动到其他位置单击,创建第三个锚点,而系统将在第二个和第三个锚点之间生成一条新的直线路径。之间生成一条新的直线路径。绘制直线过程图3.2.4 绘制曲线用用“钢笔钢笔”工具单击建立新的锚点并按住鼠标不放,拖曳鼠标,工具单击建立新的锚点并按住鼠标不放,拖曳鼠标,建立曲线段和曲线锚点。松开鼠标,按住建立曲线段和曲线锚点。
6、松开鼠标,按住Alt键的同时,用键的同时,用“钢笔钢笔”工工具单击刚建立的曲线锚点,将其转换为直线锚点,在其他位置再次单具单击刚建立的曲线锚点,将其转换为直线锚点,在其他位置再次单击建立下一个新的锚点,可在曲线段后绘制出直线段。击建立下一个新的锚点,可在曲线段后绘制出直线段。绘制曲线过程图3.2编辑路径 添加和删除锚点工具添加和删除锚点工具转换点工具转换点工具路径选择和直接选择工具路径选择和直接选择工具填充路径填充路径描边路径描边路径课堂案例课堂案例制作绿色环保宣传画制作绿色环保宣传画3.3.1 添加和删除锚点工具1.添加锚点工具添加锚点工具将将“钢笔钢笔”工具移动到建立好的路径上,若当前此处
7、没有锚点,工具移动到建立好的路径上,若当前此处没有锚点,则则“钢笔钢笔”工具转换成工具转换成“添加锚点添加锚点”工具,在路径上单击鼠标可以添工具,在路径上单击鼠标可以添加一个锚点。加一个锚点。2.删除锚点工具删除锚点工具将将“钢笔钢笔”工具放到路径的锚点上,则工具放到路径的锚点上,则“钢笔钢笔”工具转换成工具转换成“删删除锚点除锚点”工具,单击锚点将其删除。工具,单击锚点将其删除。3.3.2 转换点工具使用转换点工具单击或拖曳锚点可将其转换成直线锚点或曲线使用转换点工具单击或拖曳锚点可将其转换成直线锚点或曲线锚点,拖曳锚点上的调节手柄可以改变线段的弧度。锚点,拖曳锚点上的调节手柄可以改变线段的
8、弧度。与与“转换点转换点”工具相配合的功能键:工具相配合的功能键:按住按住Shift键键,拖曳其中的一个锚点,将强迫手柄以,拖曳其中的一个锚点,将强迫手柄以45度角或度角或45度角的倍数进行改变。度角的倍数进行改变。按住按住Alt键键,拖曳手柄,可以任意改变两个调节手柄中的一个,拖曳手柄,可以任意改变两个调节手柄中的一个手柄,而不影响另一个手柄的位置。手柄,而不影响另一个手柄的位置。3.3.3 路径选择和直接选择工具1.路径选择工具路径选择工具路径选择工具用于选择一个或几个路径选择工具用于选择一个或几个路径路径并对其进行移动、组合、并对其进行移动、组合、对齐、分布和变形。选择对齐、分布和变形。
9、选择“路径选择路径选择”工具,或反复按工具,或反复按Shift+A组合组合键,切换到路径选择工具的属性栏中。键,切换到路径选择工具的属性栏中。2.直接选择工具直接选择工具直接选择工具用于移动路径中的直接选择工具用于移动路径中的锚点或线段锚点或线段,还可以,还可以调整手柄调整手柄和控制点和控制点。路径选择工具属性栏原路径 移动锚点后的路径 3.3.4 填充路径 单击单击“路径路径”控制面板右上方的图标,在弹出式菜单中选择控制面板右上方的图标,在弹出式菜单中选择“填填充路径充路径”命令,弹出命令,弹出“填充路径填充路径”对话框,单击对话框,单击“确定确定”按钮可填充按钮可填充路径;单击路径;单击“
10、路径路径”控制面板下方的控制面板下方的“用前景色填充路径用前景色填充路径”按钮,也按钮,也可填充路径。可填充路径。填充路径对话框3.3.5 描边路径 单击单击“路径路径”控制面板右上方的图标,在弹出式菜单中选择控制面板右上方的图标,在弹出式菜单中选择“描描边路径边路径”命令,弹出命令,弹出“描边路径描边路径”对话框,单击对话框,单击“确定确定”按钮可为路按钮可为路径描边。单击径描边。单击“路径路径”控制面板下方的控制面板下方的“用画笔描边路径用画笔描边路径”按钮,也按钮,也可描边路径。可描边路径。描边路径对话框3.3.6 课堂案例制作博览会标识使用钢笔工具绘制图形,为图形添加图层样式;使用渐变
11、叠加使用钢笔工具绘制图形,为图形添加图层样式;使用渐变叠加命令改变图形的颜色。命令改变图形的颜色。效果图3.3.6 课堂案例制作家具贴使用绘图工具绘制图形,使用描边路径命令为图形路径描边,使用绘图工具绘制图形,使用描边路径命令为图形路径描边,使用外发光效果,使用横排文字工具添加文字。使用外发光效果,使用横排文字工具添加文字。效果图3.4 绘图工具矩形工具矩形工具圆角矩形工具圆角矩形工具椭圆工具椭圆工具多边形工具多边形工具直线工具直线工具自定形状工具自定形状工具课堂案例课堂案例制作炫彩效果制作炫彩效果3.4.1 矩形工具选择选择“矩形矩形”工具工具,或反复按,或反复按Shift+U组合键,切换到
12、矩形工组合键,切换到矩形工具的属性栏中。具的属性栏中。:用于选择创建外形层、创建工作路径或填充区域。:用于选择创建外形层、创建工作路径或填充区域。:用于选择形状路径工具的种类。:用于选择形状路径工具的种类。:用于设置矩形的宽度和高度:用于设置矩形的宽度和高度 :用于选择路径的组合方式。:用于选择路径的组合方式。对齐边缘:用于设定边缘是否对齐。对齐边缘:用于设定边缘是否对齐。矩形工具属性栏3.4.2 圆角矩形工具 选择选择“圆角矩形圆角矩形”工具,或反复按工具,或反复按Shift+U组合键,切换到圆组合键,切换到圆角矩形工具的属性栏中。其属性栏中的内容与角矩形工具的属性栏中。其属性栏中的内容与“
13、矩形矩形”工具属性栏工具属性栏的选项内容类似,只增加了的选项内容类似,只增加了“半径半径”选项,用于设定圆角矩形的平选项,用于设定圆角矩形的平滑程度,数值越大越平滑。滑程度,数值越大越平滑。圆角矩形工具属性栏3.4.3 椭圆工具 选择选择“椭圆椭圆”工具,或反复按工具,或反复按Shift+U组合键,切换到椭圆工具组合键,切换到椭圆工具的属性栏中。的属性栏中。椭圆工具属性栏3.4.4 多边形工具选择选择“多边形多边形”工具,或反复按工具,或反复按Shift+U组合键,切换到多边组合键,切换到多边形工具的属性栏中。其属性栏中的内容与矩形工具属性栏的选项内形工具的属性栏中。其属性栏中的内容与矩形工具
14、属性栏的选项内容类似,只增加了容类似,只增加了“边边”选项,用于设定多边形的边数。选项,用于设定多边形的边数。多边形工具属性栏3.4.5 直线工具直线工具可以用来绘制直线或带有箭头的线段。选择直线工具可以用来绘制直线或带有箭头的线段。选择“直线直线”工具工具,或反复按,或反复按Shift+U组合键。其属性栏中的内容与矩形工具属组合键。其属性栏中的内容与矩形工具属性栏的选项内容类似,只增加了性栏的选项内容类似,只增加了“粗细粗细”选项,用于设定直线的宽选项,用于设定直线的宽度。度。直线工具属性栏3.4.6 自定形状工具选择选择“自定形状自定形状”工具,或反复按工具,或反复按Shift+U组合键,
15、切换到自定组合键,切换到自定形状工具的属性栏中。其属性栏中的内容与矩形工具属性栏的选项内形状工具的属性栏中。其属性栏中的内容与矩形工具属性栏的选项内容类似,只增加了容类似,只增加了“形状形状”选项,用于选择所需的形状。选项,用于选择所需的形状。自定形状工具课堂练习拼排Lomo风格照片使用绘图工具和添加图层样式命令绘制照片底图;使用创建剪使用绘图工具和添加图层样式命令绘制照片底图;使用创建剪贴蒙版命令制作图片的剪贴蒙版效果;使用自定形状工具、多种图贴蒙版命令制作图片的剪贴蒙版效果;使用自定形状工具、多种图层样式命令制作装饰图形。层样式命令制作装饰图形。效果图 课后习题制作可爱相框效果图使用钢笔工具绘制相框形状;使用创建剪切蒙版命令制作照片使用钢笔工具绘制相框形状;使用创建剪切蒙版命令制作照片的剪切效果;使用自定义形状工具添加蝴蝶图形。的剪切效果;使用自定义形状工具添加蝴蝶图形。3.2.2 课堂案例制作卡通表情使用钢笔工具绘制卡通表情,使用水平翻转命令将图形水平翻使用钢笔工具绘制卡通表情,使用水平翻转命令将图形水平翻转。转。效果图