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