第6章 得心应手矢量绘图辽宁工程技术大学应用技术学院计算机系洪 光1本章主要介绍了Photoshop CS4中的矢量绘图工具的使用方法和技巧。介绍了路径的概念以及用钢笔工具创建路径的方法。通过“人物的白描效果”、“绘制卡通人物”的案例，进一步了解和掌握矢量图形工具的绘制模式、创建形状图层的基本处理方法，掌握路径面板的应用，掌握选区与路径之间的转换方法。教学目标：2Photoshop CS4实用案例教程 教 学 重 点能 力 要 求相 关 知 识 钢钢笔工具的使 用能根据需要进进行物体外形绘绘制钢钢笔工具、路径、直 线线、曲线线路径的应应用掌握对对路径的调调整及路径后期处处理路径、【路径】面板形状工具与形状 图层图层掌握对对形状图层图层 内容的处处理更改图层图层 内容教学要求：3Photoshop CS4实用案例教程 6.1 矢量绘图概述6.2 人物的白描效果6.3 绘制“卡通人物”6.4 本章小结4教学内容：Photoshop CS4实用案例教程 6.1 矢量绘图概述Photoshop为增强绘图能力，在位图处理工具的基础上还提供了矢量绘图工具。矢量工具绘制的路径或矢量形状都具有典型的矢量特征，其中最为常用的就是钢笔工具。在Photoshop中选定形状或钢笔工具开始进行绘图时，可通过选择选项栏中的图标来选取一种模式。选择的绘图模式将决定是在自身图层上创建矢量形状、还是在现有图层上创建工作路径或是在现有图层上创建栅格化形状。5Photoshop CS4实用案例教程 6.1 矢量绘图概述路径由一个或多个直线段或曲线段组成，这种绘制的线段也称为贝塞尔曲线。那么贝塞尔曲线又是什么呢？贝塞尔曲线是由三点的组合定义而成的，其中的一个点在曲线上，另外两个点是曲线的端点，拖动三个点可以改变曲度和方向。组成路径的元素有：锚点、线段、方向点和方向线。66.1.1 认识路径Photoshop CS4实用案例教程 6.1 矢量绘图概述锚点：路径中曲线或直线的端点。锚点有三种状态：直线锚点状态、曲线锚点状态、贝塞尔锚点状态。不同状态的锚点有着不同的特征： 直线锚点：锚点的两侧都是直线，并且这类锚点两侧不会出现方向线。 曲线锚点：锚点的两侧都是曲线，这种锚点两侧有方向线，当调节锚点一端方向线的方向时，另一侧的方向线也跟着一起调节。 贝塞尔锚点：锚点的两侧都是曲线，锚点两侧也有方向线，但与曲线锚点不同的是，当调节锚点一端方向线的方向时，另一侧的方向 线不跟着一起调节。76.1.1 认识路径Photoshop CS4实用案例教程 6.1 矢量绘图概述使用形状或钢笔工具时，可以使用三种不同的模式进行绘制。在选定形状或钢笔工具时，可通过选择选项栏中的图标来选取一种模式。1.形状图层2.路径3.填充像素56.1.2 绘制模式6返 回Photoshop CS4实用案例教程 6.2 人物的白描效果本节为【人物的白描效果】案例。主要通过绘制路径及配合使 用画笔等工具完成中国古典绘画的白描效果。素材及效果图如图6- 5所示。图6-5 人物白描素材及效果图 9Photoshop CS4实用案例教程 106.2.1 操作步骤1打开素材文件启动Adobe Photoshop CS4后，打开本章素材文件夹 中的“人物”素材文件。 2描边（1）新建一个图层，填充白色，并单击【图层】面板中的指示图层可见性的眼睛图标，将其隐藏。（2）再新建一个图层，将在该层上进行所有的描线工作。（3）选择【钢笔工具】，选择路径绘制模式，开始在 图片中的各部分边缘进行勾线。如图6-6示。Photoshop CS4实用案例教程 （4）选择选择 【画笔工具】（5）保持当前的【画笔工具】 ，设置笔刷为1像素（6）某些部位勾绘路径后，需要选取【路径】面板中的【用前 景色填充路径】按钮，进行实色填充。例如，眼睛。如图6-7所示。6.2.1 操作步骤图6-6 路径勾绘示例图 图6-7 前景色填充 11Photoshop CS4实用案例教程 6.2 人物的白描效果126.2.2 相关知识对路径的处理主要有转换为选区或者使用颜色填充和描边的轮廓，这些操作主要都是在【路径】面板上进 行的。可以通过单击起始锚点产生闭合路径或按Ctrl键单击路径外区域创建开放路径。Photoshop CS4实用案例教程 6.2 人物的白描效果96.2.2 相关知识返 回使用【钢笔工具】进行绘图之前，可以在【路径】面板中创建新路径以便自动将工作路径存储为命名 的路径。1.绘制直线2.绘制曲线3.路径的调整4.【路径】面板5.使用路径过程中的注意事项6.白描绘画技巧Photoshop CS4实用案例教程 6.3 绘制“卡通人物”本节为“卡通人物 ”案例。主要通过用【钢笔工具】绘制路 径，然后转换为选区 ，进行颜色的填充或 渐变的填充，实现矢 量风格效果，如图6- 9所示。图6-9 插画人物效果图 14Photoshop CS4实用案例教程 6.3 绘制“卡通人物”6.3.1 操作步骤（1）选择【钢笔工具】，在选项栏选择路径，勾绘男孩的外观轮廓。 （2）绘制眼睛。如图6-10、如图6-1所示。 图6-10 勾绘人物脸型 图6-11 眼睛 15Photoshop CS4实用案例教程 16（3）绘制腮红。如图6-12所示。 （4）绘制耳孔。如图6-13所示。 6.3 绘制“卡通人物”6.3.1 操作步骤图6-12 腮红 图6-113 耳孔 Photoshop CS4实用案例教程 17（5）勾绘男孩的另一侧耳朵， 如图6-14所示。 （4）绘制耳孔。如图6-15所示。 6.3 绘制“卡通人物”6.3.1 操作步骤图6-14 另一侧耳朵 图6-15 另一个耳孔 Photoshop CS4实用案例教程 18（7）勾绘男孩的头发，如图6-16所示。 （8）绘制头发。如图6-17所示。 6.3 绘制“卡通人物”6.3.1 操作步骤图6-16 发型 图6-17 头发 Photoshop CS4实用案例教程 19（9）为了加强头发的立体效果。如图6-18所示。 （10）绘制嘴巴。如图6-19所示。 6.3 绘制“卡通人物”6.3.1 操作步骤图6-18 立体发型 图6-19 嘴巴 Photoshop CS4实用案例教程 20（11）为了加强头发的立体效果，在头发后绘制另一个面 。如图6-20所示。 （12）绘制手部阴影。如图6-21所示。 6.3 绘制“卡通人物”6.3.1 操作步骤图6-20 身体 图6-21 手部阴影 Photoshop CS4实用案例教程 21（11）为了加强头发的立体效果，在头发后绘制另一个面 。如图6-20所示。 （12）绘制手部阴影。如图6-21所示。 6.3 绘制“卡通人物”6.3.1 操作步骤图6-20 身体 图6-21 手部阴影 Photoshop CS4实用案例教程 22（13）勾绘男孩身体阴影，如图6-22所示。 6.3 绘制“卡通人物”6.3.1 操作步骤图6-22 身体阴影 Photoshop CS4实用案例教程 （14）绘制短裤。如图6-23所示。（15）勾绘腰带，如图6-24所示。6.3 绘制“卡通人物”6.3.1 操作步骤图6-23 短裤 图6-24 腰带 23Photoshop CS4实用案例教程 （16）一个卡通形象已经绘制完毕，如图6-25所示。（17）勾绘冲浪板阴影，如图6-26所示。6.3 绘制“卡通人物”6.3.1 操作步骤图6-25 冲浪板 图6-26 冲浪板阴影 24Photoshop CS4实用案例教程 （18）用16及17的方法，在人物身体图层后建立图 层，将冲浪板的另一端补齐，如图6-27所示。6.3 绘制“卡通人物”6.3.1 操作步骤图6-27 冲浪板另一侧 25Photoshop CS4实用案例教程 26（19）勾绘阴影，设置前景色为RGB（239，239，239），使用渐变工具，选择前景色到透明渐变，并设置渐变方式为线性渐变 ，在选 区内进行径向填充如图6-28所示。6.3 绘制“卡通人物”6.3.1 操作步骤图6-28 冲浪板另一侧 Photoshop CS4实用案例教程 2.【多边形工具】6.3.2 相关知识6.3 绘制“卡通人物”选择【多边形工具】， 在属性面板中 可以设置多边 形的边数，如 图6-32所示。图6-32 多边形工具的选项栏 27Photoshop CS4实用案例教程 1.【形状工具】6.3.2 相关知识6.3 绘制“卡通人物”【形状工具】是比较典型的矢量类型工具 ，它包括矩形工具、圆 角矩形工具、椭圆工具 、多边形工具、直线工 具和自定形状工具，如 图6-29所示。 图6-29 形状工具 28Photoshop CS4实用案例教程 6.3.2 相关知识6.3 绘制“卡通人物”选择【直线工具】，箭头选项栏主要设置直线路径起点和终点的箭头属性。 如图6-38所示。3.【直线工具】图6-38 选择直线工具及其属性 29Photoshop CS4实用案例教程 6.3.2 相关知识6.3 绘制“卡通人物”在工具箱中选择【自定形状工具】，此时选项栏显示如图6-39所示。在选 项栏中的形状下拉列表中，可选择系统提供的各种形状，如图6-40所示。4.【自定形状工具 】图6-39 自定义形状工具的选项栏 图6-40 形状下拉列表 30Photoshop CS4实用案例教程 形状图层：形状图层就是在单独的图层中创建形状。形状图层包含定义形状颜色的填充图层以及定义形状轮廓的链 接矢量蒙版。形状轮廓：形状轮廓是路径，它出现在【路径】面板中。可以使用【形状工具】或【钢笔工具】来创建形状轮廓。只有在形状图层栅格化后才可以在其上使用位图工具。保持形状图层（不进行栅格化及合并）的好处是，可以 随意放大及缩小画布，而图片本身不失真。可以通过“编辑”“键盘快捷键”命令为菜单命令附 加快捷键。提示 ：31返 回Photoshop CS4实用案例教程 本章通过“人物的白描效果”、“卡通人物”案例的制作，详细介绍了Photoshop中矢量绘图的制作技巧，此外还介绍了使用【路径】面板、【钢笔工具】配合【形状工具】创建各种图形以及路径的使用技巧。通过本章的学习，可以掌握Pho-toshop CS4中创建任何矢量图形的方法和技巧。本章完32Photoshop CS4实用案例教程