第6章路径与矢量图形工具应用.

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