《第6章路径与矢量图形工具应用课件》由会员分享，可在线阅读，更多相关《第6章路径与矢量图形工具应用课件（22页珍藏版）》请在金锄头文库上搜索。
1、Photoshop CS5图像处理案例教程图像处理案例教程教学课件教学课件1.1.案例案例案例案例1 1：制作卡通趣味铅笔：制作卡通趣味铅笔：制作卡通趣味铅笔：制作卡通趣味铅笔2.2.2.2.案例案例案例案例2 2 2 2：制作音乐图标：制作音乐图标：制作音乐图标：制作音乐图标3.3.3.3.小结小结小结小结 4.项目作业项目作业 本章要点本章要点Photoshop CS5Photoshop CS5图像处理案例教程图像处理案例教程图像处理案例教程图像处理案例教程第6章 路径与矢量图形工具应用 6.1 案例案例1：制作卡通趣味铅笔：制作卡通趣味铅笔 生活是平淡的，要学会生活是平淡的，要学会创造有
2、趣的生活，而卡通是喜造有趣的生活，而卡通是喜庆的名片，是增添生活趣味性的名片，是增添生活趣味性的最佳的最佳选择。因此，卡通形象受到企。因此，卡通形象受到企业的青的青睐，作，作为产品推品推销的第一的第一选择。那么，如。那么，如何何设计和制作良好的卡通和制作良好的卡通图像呢？本案例将通像呢？本案例将通过Photoshop的矢量工具制作制作一只的矢量工具制作制作一只卡通趣味卡通趣味铅笔来展示路径工具的使用方法与技巧，案例效果如笔来展示路径工具的使用方法与技巧，案例效果如图6-1所示。所示。图6-1 卡通趣味铅笔效果图6.1.1路径概述路径是由一个或多个直线段和曲线段组成。路径是由一个或多个直线段和曲
3、线段组成。“锚点锚点”标记路径的端点。在曲线段标记路径的端点。在曲线段上，每个选中的锚点显示一条或两条上，每个选中的锚点显示一条或两条“方向线方向线”，方向线以方向点结束。方向线和，方向线以方向点结束。方向线和方向点的位置决定曲线段的大小和形状。移动这些元素将改变路径中曲线的形状，方向点的位置决定曲线段的大小和形状。移动这些元素将改变路径中曲线的形状，如图如图6-2所示。所示。路径可以是闭合的，没有起点或终点（例如圆），也可以是开放的，有明显的终路径可以是闭合的，没有起点或终点（例如圆），也可以是开放的，有明显的终点（例如波浪线）。平滑曲线由名为平滑点的锚点连接，锐化曲线路径由角点连接，点（例
4、如波浪线）。平滑曲线由名为平滑点的锚点连接，锐化曲线路径由角点连接，如图如图6-3所示。所示。 图 6-2 路径 图 6-3 平滑点和角点 未选中的锚点方向点方向线选中的锚点平滑点角点 6.1.2 路径的基本使用 路径的基本使用主要是介绍路径的基本使用主要是介绍“钢笔工具组钢笔工具组”的使用，钢笔工具组位于的使用，钢笔工具组位于photoshop的工具箱浮动面板中，默认情况下，其图标呈现为的工具箱浮动面板中，默认情况下，其图标呈现为“钢笔图标钢笔图标”，在此，在此图标上单击并停留片刻，系统将会弹出隐藏的工具组，如图图标上单击并停留片刻，系统将会弹出隐藏的工具组，如图6-5所示。按照功能可分所示
5、。按照功能可分为为5种工具。种工具。 图 6-4 调整平滑点和角点 图 6-5 路径的绘制与修改工具6.1.2 路径的基本使用1钢笔工具钢笔工具在在photoshop 中，钢笔工具用于绘制直线、曲线、封闭的或不封闭的路径，并可中，钢笔工具用于绘制直线、曲线、封闭的或不封闭的路径，并可在绘制路径的过程中对路径进行简单的编辑。当选取在绘制路径的过程中对路径进行简单的编辑。当选取“钢笔工具钢笔工具” 时，其选项栏如时，其选项栏如图图6-6所示，其中各项含义如下：所示，其中各项含义如下：图 6-6 “钢笔工具”选项栏“形状图层形状图层” ，如果选择工具选项栏上的如果选择工具选项栏上的“形状工具形状工具
6、”选项，将在新的图层上绘选项，将在新的图层上绘制矢量图形制矢量图形。“路径路径” ，如果选择如果选择“路径路径”选项，绘制的将是路径选项，绘制的将是路径。“填充像素填充像素” ，如果选择如果选择“填充像素填充像素”选项，将在当前层绘制前景色填充的矢选项，将在当前层绘制前景色填充的矢量图形量图形。由于要绘制的是路径，所以应该选择由于要绘制的是路径，所以应该选择“路径路径” 选项选项。钢笔工具选项栏还提供了钢笔工具选项栏还提供了“矩形工具矩形工具” 、“圆角矩形工具圆角矩形工具” 、“椭圆形工具椭圆形工具” 、“多边形工具多边形工具” 、“直线形工具直线形工具” 和和“自定义形状工具自定义形状工具
7、” 等等6类形状路径。类形状路径。6.1.2 路径的基本使用如果选中如果选中“自动添加自动添加/删除删除”复选框，则可以方便地添加和删除锚点。复选框，则可以方便地添加和删除锚点。当绘制直线路径时，只需要选择钢笔工具，在工具选项栏中选取当绘制直线路径时，只需要选择钢笔工具，在工具选项栏中选取“路径路径”模式，模式，然后通过连续单击就可以绘制出来，如果要绘制直线或然后通过连续单击就可以绘制出来，如果要绘制直线或45度斜线，按住度斜线，按住键的键的同时单击即可，如图同时单击即可，如图6-7所示。当绘制曲线路径时，只需要选择钢笔工具，在工具选所示。当绘制曲线路径时，只需要选择钢笔工具，在工具选项栏中选
8、取项栏中选取“路径路径”模式，然后在绘制起点按下鼠标后不要松手，向上或向下拖动模式，然后在绘制起点按下鼠标后不要松手，向上或向下拖动出一条方向线后放手，然后在第二个锚点拖动出一条向上或向下的方向线，如图出一条方向线后放手，然后在第二个锚点拖动出一条向上或向下的方向线，如图6-8所示。所示。 图 6-7 直线路径 图 6-8 曲线路径 6.1.2 路径的基本使用2自由钢笔工具自由钢笔工具自由钢笔工具可用于随意绘图，就像用钢笔在纸上绘图一样。自由钢笔工具在使自由钢笔工具可用于随意绘图，就像用钢笔在纸上绘图一样。自由钢笔工具在使用上与选框工具的用上与选框工具的“套索工具套索工具”基本一致，只需要在图
9、像上创建一个初始点后即可基本一致，只需要在图像上创建一个初始点后即可随意拖动鼠标进行徒手绘制路径，绘制过程中路径上不添加锚点。随意拖动鼠标进行徒手绘制路径，绘制过程中路径上不添加锚点。3添加锚点工具和删除锚点工具添加锚点工具和删除锚点工具添加锚点工具和删除锚点工具用于根据需要增删、删除路径上的锚点。选择删除添加锚点工具和删除锚点工具用于根据需要增删、删除路径上的锚点。选择删除锚点工具，当光标移至路径轨迹处时，光标自动变成删除锚点工具，如图锚点工具，当光标移至路径轨迹处时，光标自动变成删除锚点工具，如图6-9所示，所示，点击圈住的锚点，即可删除锚点，形成的路径如图点击圈住的锚点，即可删除锚点，形
10、成的路径如图6-10所示。所示。 图 6-9 删除锚点前 图 6-10删除锚点后 6.1.2 路径的基本使用4转换点工具转换点工具转换点工具用于调整某段路径控制点位置，即调整路径的曲率。使用钢笔工具、转换点工具用于调整某段路径控制点位置，即调整路径的曲率。使用钢笔工具、添加锚点工具或删除锚点工具得到一组由多条线段组成的多边形路径。要消除多边添加锚点工具或删除锚点工具得到一组由多条线段组成的多边形路径。要消除多边形的顶点，如图形的顶点，如图6-11所示，使路径光滑，只需要选取此工具，然后在图像路径的某所示，使路径光滑，只需要选取此工具，然后在图像路径的某点处拖动，即可进行节点曲率的调整，如图点处
11、拖动，即可进行节点曲率的调整，如图6-12所示。所示。图 6-11 绘制平滑曲线 图 6-12转换为角点 6.1.3案例的实现过程案例的实现过程 图6-1 卡通趣味铅笔效果图 6.1.4应用技巧与案例拓展应用技巧与案例拓展1钢笔工具的使用技巧钢笔工具的使用技巧技巧一：使用路径其他工具时按住技巧一：使用路径其他工具时按住键使光标暂时变成方向选取范围工具键使光标暂时变成方向选取范围工具。技巧二：按住技巧二：按住键后在路径控制板上的垃圾桶图标上单击鼠标可以直接删除路键后在路径控制板上的垃圾桶图标上单击鼠标可以直接删除路径径。技巧三：点击路径面板上的空白区域可关闭所有路径的显示技巧三：点击路径面板上的
12、空白区域可关闭所有路径的显示。技巧四：在点击路径面板下方的几个按钮（用前景色填充路径、用前景色描边路径、技巧四：在点击路径面板下方的几个按钮（用前景色填充路径、用前景色描边路径、将路径作为选区载入）时，按住将路径作为选区载入）时，按住键可以看见一系列可用的工具或选项键可以看见一系列可用的工具或选项。技巧五：如果需要移动整条或是多条路径，请选择所需移动的路径然后使用快捷键技巧五：如果需要移动整条或是多条路径，请选择所需移动的路径然后使用快捷键，就可以拖动路径至任何位置就可以拖动路径至任何位置。技巧六：在勾勒路径时，最常用的操作还是像素的单线条的勾勒，但此时会出现问技巧六：在勾勒路径时，最常用的操
13、作还是像素的单线条的勾勒，但此时会出现问题，即有矩齿存在，很影响实用价值，此时不妨先将其路径转换为选区，然后对选区题，即有矩齿存在，很影响实用价值，此时不妨先将其路径转换为选区，然后对选区进行描边处理，同样可以得到原路径的线条，却可以消除矩齿进行描边处理，同样可以得到原路径的线条，却可以消除矩齿。 6.1.4应用技巧与案例拓展应用技巧与案例拓展技巧七：使用笔形工具制作路径时按住技巧七：使用笔形工具制作路径时按住键可以强制路径或方向线成水平、键可以强制路径或方向线成水平、垂直或垂直或45度角，按住度角，按住键可暂时切换到路径选取工具，按住键可暂时切换到路径选取工具，按住键将笔形光标键将笔形光标在
14、黑色节点上单击可以改变方向线的方向，使曲线能够转折；按在黑色节点上单击可以改变方向线的方向，使曲线能够转折；按键用路径选取键用路径选取工具单击路径会选取整个路径；要同时选取多个路径可以按住工具单击路径会选取整个路径；要同时选取多个路径可以按住后逐个单击；使后逐个单击；使用路径选工具时按住用路径选工具时按住键移近路径会切换到加节点与减节点笔形工具。键移近路径会切换到加节点与减节点笔形工具。技巧八：若要切换路径是否显示，可以按住技巧八：若要切换路径是否显示，可以按住键后在路径调色板的路径栏上键后在路径调色板的路径栏上单击鼠标，或者在路径调色版灰色区域单击即可，还可以按单击鼠标，或者在路径调色版灰色
15、区域单击即可，还可以按。 若要在若要在颜色调色板上直接切换色彩模式，可先按住颜色调色板上直接切换色彩模式，可先按住键后，再将光标移到色彩条上单击。键后，再将光标移到色彩条上单击。 6.1.4应用技巧与案例拓展应用技巧与案例拓展 在设计商业名片时，要考虑到与公司的在设计商业名片时，要考虑到与公司的VI系统设计相统一，要根据企业规定的标系统设计相统一，要根据企业规定的标准色、准色、Logo、中英文名称和标准字体来进行设计，名片的界面既要体现出行业特点，、中英文名称和标准字体来进行设计，名片的界面既要体现出行业特点，又要体现企业的形象化。本案例是为淮安信息职业技术学院刘万辉老师设计的，该名又要体现企
16、业的形象化。本案例是为淮安信息职业技术学院刘万辉老师设计的，该名片使用了该院的标准色片使用了该院的标准色“科技蓝科技蓝”为主色调，以流线型打破了名牌矩形的呆板界面，为主色调，以流线型打破了名牌矩形的呆板界面，显得生动活泼。显得生动活泼。 在这个名片的制作中，需要掌握的技术有选区与路径的转换、钢笔工具的使用、在这个名片的制作中，需要掌握的技术有选区与路径的转换、钢笔工具的使用、路径的调节、图层概念的理解。路径的调节、图层概念的理解。6.2 案例案例2：制作音乐图标：制作音乐图标在在Photoshop中绘图经常要创建矢量形状和路径。矢量形状是使用形状工具或钢笔中绘图经常要创建矢量形状和路径。矢量形
17、状是使用形状工具或钢笔工具绘制的直线和曲线。形状的轮廓是路径，通过编辑路径上的锚点，可以很方便的工具绘制的直线和曲线。形状的轮廓是路径，通过编辑路径上的锚点，可以很方便的改变路径的形状。本节将通过音乐图标效果制作案例学习形状工具的基本使用方法和改变路径的形状。本节将通过音乐图标效果制作案例学习形状工具的基本使用方法和技巧，本案例主要使用椭圆工具、圆角矩形工具、路径的运算等。本案例就是利用通技巧，本案例主要使用椭圆工具、圆角矩形工具、路径的运算等。本案例就是利用通过使用过使用Photoshop的矢量图形工具制作一款精美的音乐图标，其效果如图的矢量图形工具制作一款精美的音乐图标，其效果如图6-60
18、所示。所示。图6-60 音乐图标6.2.1形状工具组形状工具组1椭圆工具椭圆工具在工具箱中选择椭圆工具后，在其属性栏中单击在工具箱中选择椭圆工具后，在其属性栏中单击“几何选项几何选项”下拉按钮，将弹出下拉按钮，将弹出“椭圆选项椭圆选项”下拉调板，在其中可以对椭圆工具的一些参数进行设置，如图下拉调板，在其中可以对椭圆工具的一些参数进行设置，如图6-62所示。所示。其中各选项的含义如下：其中各选项的含义如下：不受限制：默认选项，完全根据鼠标的拖动决定椭圆的大小。不受限制：默认选项，完全根据鼠标的拖动决定椭圆的大小。方形：选中该单选按钮，可绘制正圆形。方形：选中该单选按钮，可绘制正圆形。固定大小：选
19、中该单选按钮，可绘制指定尺寸的矩形，在后面的和文本框中可固定大小：选中该单选按钮，可绘制指定尺寸的矩形，在后面的和文本框中可输入需要的长宽尺寸。输入需要的长宽尺寸。比例：选中该单选按钮，可绘制指定长宽比例的矩形，在后面的和文本框中可比例：选中该单选按钮，可绘制指定长宽比例的矩形，在后面的和文本框中可输入需要的长宽比例。输入需要的长宽比例。从中心：选中该复选框，可将鼠标拖动的起点作为矩形的中心点。从中心：选中该复选框，可将鼠标拖动的起点作为矩形的中心点。对齐像素：选中该复选框，可将矩形的边缘对齐像素边界。对齐像素：选中该复选框，可将矩形的边缘对齐像素边界。利用这些选项，就可以方便而准确地创建一些
20、特殊的椭圆形。利用这些选项，就可以方便而准确地创建一些特殊的椭圆形。6.2.1形状工具组形状工具组 2多边形形工具多边形形工具 多边形工具属性栏中有一个多边形工具属性栏中有一个“边边”参数，用于设置所绘制多边形的边数，默认值参数，用于设置所绘制多边形的边数，默认值为为5。该工具的。该工具的“几何选项几何选项”下拉调板如图下拉调板如图6-63所示。所示。图6-61 形状工具 图6-62 “椭圆选项”下拉调板 图6-63 “多边形选项”下拉调板其中各选项的含义如下：其中各选项的含义如下：半径：用于设置多边形的中心点到各顶点的距离。半径：用于设置多边形的中心点到各顶点的距离。平滑拐角：选中该复选框，
21、可将多边形的顶角设置为平滑效果。平滑拐角：选中该复选框，可将多边形的顶角设置为平滑效果。星形：选中该复选框，可将多边形的各边向内凹陷，从而成为星形。星形：选中该复选框，可将多边形的各边向内凹陷，从而成为星形。缩进边依据：若选中缩进边依据：若选中“星形星形”复选框，可在该文本框中设置星形的凹陷程度。复选框，可在该文本框中设置星形的凹陷程度。平滑缩进：选中该复选框，可采用平滑的凹陷效果。平滑缩进：选中该复选框，可采用平滑的凹陷效果。6.2.2 创建矢量图形与编辑创建矢量图形与编辑 要绘制矢量图形，先在工具栏中设置好前景色，然后打开工具栏上的矩形工具组，要绘制矢量图形，先在工具栏中设置好前景色，然后
22、打开工具栏上的矩形工具组，选中某种工具。矢量形状的灰色边缘只是其辅助作用，不会出现在导出后的作品中。选中某种工具。矢量形状的灰色边缘只是其辅助作用，不会出现在导出后的作品中。这时图层面板新建了一个形状图层。形状图层中有两个缩略图，左边显示的是颜色，这时图层面板新建了一个形状图层。形状图层中有两个缩略图，左边显示的是颜色，右边显示的是矢量形状的有效区域。如将矢量形状转为位图，选中形状图层，执行右边显示的是矢量形状的有效区域。如将矢量形状转为位图，选中形状图层，执行“图层图层”“栅格化栅格化”“形状形状”命令进行转换命令进行转换。 形状是链接到矢量蒙版的填充图层。通过编辑形状的填充图层，可以将填充
23、更改形状是链接到矢量蒙版的填充图层。通过编辑形状的填充图层，可以将填充更改为其他颜色、渐变或图案。也可编辑形状的矢量蒙版以修改形状轮廓，并对图层应用为其他颜色、渐变或图案。也可编辑形状的矢量蒙版以修改形状轮廓，并对图层应用样式，常用的操作如下样式，常用的操作如下。 一、要更改形状颜色，双击一、要更改形状颜色，双击 “图层缩览图图层缩览图”，用拾色器选取一种不同的颜色，用拾色器选取一种不同的颜色。 二、要修改形状轮廓，可在二、要修改形状轮廓，可在“图层图层”调板中单击形状图层的调板中单击形状图层的“矢量蒙版缩览图矢量蒙版缩览图”，或者在，或者在“路径路径”调板中单击调板中单击“形状形状1矢量蒙版
24、矢量蒙版”然后使用工具箱中的然后使用工具箱中的“直接选择工直接选择工具具 ”或钢笔工具更改形状或钢笔工具更改形状。 三、要使用渐变或图案来填充形状，可在三、要使用渐变或图案来填充形状，可在“图层图层”调板中选择形状图层，然后单调板中选择形状图层，然后单击击“添加图层样式添加图层样式”按钮，在弹出的菜单中选择按钮，在弹出的菜单中选择“渐变叠加渐变叠加”命令，并在打开的命令，并在打开的“图图层样式层样式”对话框中设置对话框中设置“渐变渐变”为为“色谱色谱”渐变，最后单击渐变，最后单击“确定确定”按钮按钮。6.2.3路径运算路径运算 在设计过程中，经常需要创建更复杂的路径，利用路径运算功能可将多个路
25、径进在设计过程中，经常需要创建更复杂的路径，利用路径运算功能可将多个路径进行相减、相交、组合等运算行相减、相交、组合等运算。 创建一个形状图形后，启用不同的运算方式功能，继续创建形状图形，会得到不创建一个形状图形后，启用不同的运算方式功能，继续创建形状图形，会得到不同的运算结果，如图同的运算结果，如图6-64所示。所示。 a） b） c） d）图6-64路径运算效果a） 两条路径相加效果 b）两条路径相减效果 c） 两条路径相加效果d） 两条路径相加效果 6.2.4案例的实现过程案例的实现过程图6-60 音乐图标 6.3 小结小结本章主要学习了本章主要学习了Photoshop中运用矢量工具的方
26、式方法。通过本章的学习，用户可中运用矢量工具的方式方法。通过本章的学习，用户可以学会使用路径创建图形，使用路径编辑工具进行路径的编辑，然后注意使用路径和以学会使用路径创建图形，使用路径编辑工具进行路径的编辑，然后注意使用路径和其他工具的转换功能，尤其是路径与选区的转换，可以通过路径的编辑制作出精密的其他工具的转换功能，尤其是路径与选区的转换，可以通过路径的编辑制作出精密的选区。选区。 4.4 项目作业项目作业1.使用路径工具绘制使用路径工具绘制“盛大开业盛大开业”四个文字为艺术字，如图四个文字为艺术字，如图6-87所示。所示。2.使用路径使用路径工具绘制矢量人物插画，如图工具绘制矢量人物插画，如图6-88所示所示。 图6-89 盛大开业艺术字效果 图6-90 矢量人物插画谢谢大家谢谢大家
