PhotoshopCS第章矢量绘图

1、PhotoshopCS第章矢量绘图本文由gsglx007贡献ppt文档可能在WAP端浏览体验不佳。建议您优先选择TXT,或下载源文件到本机查看。第6章得心应手矢量绘图辽宁工程技术大学应用技术学院计算机系洪光1教学目标：本章主要介绍了PhotoshopCS4中的矢量绘图工具的本章主要介绍了中的矢量绘图工具的使用方法和技巧。使用方法和技巧。介绍了路径的概念以及用钢笔工具创建路径的方法。通过“人物的白描效果”建路径的方法。通过“人物的白描效果”、“绘制卡通人物”的案例，人物”的案例，进一步了解和掌握矢量图形工具的绘制模式、创建形状图层的基本处理方法，模式、创建形状图层的基本处理方法，掌握路径面板的应

2、用，掌握选区与路径之间的转换方法。应用，掌握选区与路径之间的转换方法。CS4实用案例教程PhotoshopCS4实用案例教程2教学要求：教学要求：教学重点能力要求相关知识钢笔工具、路径、直线、钢笔工具、路径、直线、曲线路径、路径】路径、【路径】面板更改图层内容钢笔工具的使用能根据需要进行物体外形绘制路径的应用掌握对路径的调整及路径后期处理形状工具与形状掌握对形状图层内容的处理图层CS4实用案例教程PhotoshopCS4实用案例教程3教学内容：教学内容：6.1矢量绘图概述6.2人物的白描效果6.3绘制卡通人物”绘制“卡通人物卡通人物6.4本章小结CS4实用案例教程PhotoshopCS4实用案

3、例教程46.1矢量绘图概述Photoshop为增强绘图能力，在位图处理工具的为增强绘图能力，为增强绘图能力基础上还提供了矢量绘图工具。基础上还提供了矢量绘图工具。矢量工具绘制的路径或矢量形状都具有典型的矢量特征，或矢量形状都具有典型的矢量特征，其中最为常用的就是钢笔工具。就是钢笔工具。在Photoshop中选定形状或钢笔工具中选定形状或钢笔工具开始进行绘图时，可通过选择选项栏中的图标来选取开始进行绘图时，一种模式。一种模式。选择的绘图模式将决定是在自身图层上创建矢量形状、建矢量形状、还是在现有图层上创建工作路径或是在现有图层上创建栅格化形状。现有图层上创建栅格化形状。CS4实用案例教程Phot

4、oshopCS4实用案例教程5矢量绘图概述认识路径路径由一个或多个直线段或曲线段组成，路径由一个或多个直线段或曲线段组成，这种绘制的线段也称为贝塞尔曲线。制的线段也称为贝塞尔曲线。那么贝塞尔曲线又是什么呢？贝塞尔曲线是由三点的组合定义而成的，其中么呢？贝塞尔曲线是由三点的组合定义而成的，的一个点在曲线上，另外两个点是曲线的端点，的一个点在曲线上，另外两个点是曲线的端点，拖动三个点可以改变曲度和方向。组成路径的元素有：三个点可以改变曲度和方向。组成路径的元素有：锚点、线段、方向点和方向线。线段、方向点和方向线。CS4实用案例教程PhotoshopCS4实用案例教程矢量绘图概述认识路径锚点：路径中

5、曲线或直线的端点。锚点：路径中曲线或直线的端点。锚点有三种状态：直线锚点状态、曲线锚点状态、锚点有三种状态：直线锚点状态、曲线锚点状态、贝塞尔锚点状态。不同状态的锚点有着不同的特征：状态。不同状态的锚点有着不同的特征：直线锚点：锚点的两侧都是直线，?直线锚点：锚点的两侧都是直线，并且这类锚点两侧不会出现方向线。?曲线锚点：锚点的两侧都是曲线，这种锚点两侧有方向线，曲线锚点：锚点的两侧都是曲线，这种锚点两侧有方向线，当调节锚点一端方向线的方向时，另一侧的方向线也跟着一起调节。调节锚点一端方向线的方向时，另一侧的方向线也跟着一起调节。贝塞尔锚点：锚点的两侧都是曲线，锚点两侧也有方向线，?贝塞尔锚点

6、：锚点的两侧都是曲线，锚点两侧也有方向线，但与曲线锚点不同的是，当调节锚点一端方向线的方向时，线锚点不同的是，当调节锚点一端方向线的方向时，另一侧的方向线不跟着一起调节。线不跟着一起调节。CS4实用案例教程PhotoshopCS4实用案例教程矢量绘图概述6.1.2绘制模式使用形状或钢笔工具时，使用形状或钢笔工具时，可以使用三种不同的模式进行绘制。在选定形状或钢笔工具时，模式进行绘制。在选定形状或钢笔工具时，可通过选择选项栏中的图标来选取一种模式。选择选项栏中的图标来选取一种模式。1.形状图层形状图层2.路径路径3.填充像素填充像素CS4实用案例教程PhotoshopCS4实用案例教程6返回56

7、.2人物的白描效果本节为【人物的白描效果】案例。本节为【人物的白描效果】案例。主要通过绘制路径及配合使用画笔等工具完成中国古典绘画的白描效果。使用画笔等工具完成中国古典绘画的白描效果。素材及效果图如所示。图6-5所示。所示图6-5人物白描素材及效果图CS4实用案例教程PhotoshopCS4实用案例教程9操作步骤1.打开素材文件启动AdobePhotoshopCS4后，打开本章素材文件夹启动后中的“人物”素材文件。中的“人物”素材文件。2描边（1）新建一个图层，填充白色，并单击【图层】面板）新建一个图层，填充白色，并单击【图层】中的指示图层可见性的眼睛图标，将其隐藏。中的指示图层可见性的眼睛图

8、标，将其隐藏。（2）再新建一个图层，将在该层上进行所有的描线工）再新建一个图层，作。（3）选择【钢笔工具】，选择路径绘制模式，开始在）选择【钢笔工具】选择路径绘制模式，图片中的各部分边缘进行勾线。如图6-6示图片中的各部分边缘进行勾线。如图示。CS4实用案例教程PhotoshopCS4实用案例教程10操作步骤（4）选择【画笔工具】）选择【画笔工具】（5）保持当前的【画笔工具】，设置笔刷为像素）保持当前的【画笔工具】设置笔刷为1像素（6）某些部位勾绘路径后，需要选取【路径】面板中的【用前）某些部位勾绘路径后，需要选取【路径】面板中的【景色填充路径】按钮，进行实色填充。例如，眼睛。如图6-7所示所

9、示。景色填充路径】按钮，进行实色填充。例如，眼睛。如图所示。图6-6路径勾绘示例图图6-7前景色填充CS4实用案例教程PhotoshopCS4实用案例教程116.2人物的白描效果6.2.2相关知识对路径的处理主要有转换为选区或者使用颜色填充和描边的轮廓，这些操作主要都是在【路径】和描边的轮廓，这些操作主要都是在【路径】面板上进行的。行的。可以通过单击起始锚点产生闭合路径或按51键单键单可以通过单击起始锚点产生闭合路径或按击路径外区域创建开放路径。击路径外区域创建开放路径。CS4实用案例教程PhotoshopCS4实用案例教程12人物的白描效果6.2.2相关知识使用【钢笔工具】进行绘图之前，可以

10、在【路径】使用【钢笔工具】进行绘图之前，可以在【路径】面板中创建新路径以便自动将工作路径存储为命名的路径。路径。1.绘制直线1.绘制直线2.绘制曲线2.绘制曲线3.路径的调整3.路径的调整4.【路径】4.【路径】面板5.使用路径过程中的注意事项5.使用路径过程中的注意事项6.白描绘画技巧6.白描绘画技巧CS4实用案例教程PhotoshopCS4实用案例教程返回9绘制“卡通人物”绘制“卡通人物”本节为“本节为“卡通人物”案例。主要通过案例。钢笔工具】用【钢笔工具】绘制路径，路径，然后转换为选区，进行颜色的填充或渐变的填充，或渐变的填充，实现矢量风格效果，矢量风格效果，如图6-9所示。所示。所示图

11、6-9插画人物效果图CS4实用案例教程PhotoshopCS4实用案例教程146.3绘制“卡通人物”绘制“卡通人物”操作步骤（1）选择【钢笔工具】，在选项栏选择路径，勾绘男孩的外观轮廓。）选择【钢笔工具】在选项栏选择路径，勾绘男孩的外观轮廓。（2）绘制眼睛。如图6-10、如图6-11所示。）绘制眼睛。如图、如图1所示。图6-10勾绘人物脸型图6-11眼睛CS4实用案例教程PhotoshopCS4实用案例教程156.3绘制“卡通人物”绘制“卡通人物”操作步骤所示。（3）绘制腮红。如图）绘制腮红。如图6-12所示。所示所示。（4）绘制耳孔。如图）绘制耳孔。如图6-13所示。所示图6-12腮红图6-

12、113耳孔CS4实用案例教程PhotoshopCS4实用案例教程166.3绘制“卡通人物”绘制“卡通人物”操作步骤所示。（5）勾绘男孩的另一侧耳朵，如图）勾绘男孩的另一侧耳朵，如图6-14所示。所示所示。（4）绘制耳孔。如图）绘制耳孔。如图6-15所示。所示图6-14另一侧耳朵图6-15另一个耳孔CS4实用案例教程PhotoshopCS4实用案例教程176.3绘制“卡通人物”绘制“卡通人物”操作步骤所示。（7）勾绘男孩的头发，如图）勾绘男孩的头发，如图6-16所示。所示所示。（8）绘制头发。如图）绘制头发。如图6-17所示。所示图6-16发型图6-17头发CS4实用案例教程PhotoshopC

13、S4实用案例教程186.3绘制“卡通人物”绘制“卡通人物”操作步骤所示。（9）为了加强头发的立体效果。如图）为了加强头发的立体效果。如图6-18所示。所示所示。（10）绘制嘴巴。如图）绘制嘴巴。如图6-19所示。所示图6-18立体发型图6-19嘴巴CS4实用案例教程PhotoshopCS4实用案例教程196.3绘制“卡通人物”绘制“卡通人物”操作步骤如图6-20所示。所示。（11）为了加强头发的立体效果，在头发后绘制另一个面。如图）为了加强头发的立体效果，所示所示。（12）绘制手部阴影。如图）绘制手部阴影。如图6-21所示。所示图6-20身体图6-21手部阴影CS4实用案例教程Photosho

14、pCS4实用案例教程206.3绘制“卡通人物”绘制“卡通人物”操作步骤如图6-20所示。所示。（11）为了加强头发的立体效果，在头发后绘制另一个面。如图）为了加强头发的立体效果，所示所示。（12）绘制手部阴影。如图）绘制手部阴影。如图6-21所示。所示图6-20身体图6-21手部阴影CS4实用案例教程PhotoshopCS4实用案例教程216.3绘制“卡通人物”绘制“卡通人物”操作步骤所示。（13）勾绘男孩身体阴影，如图）勾绘男孩身体阴影，如图6-22所示。所示图6-22身体阴影CS4实用案例教程PhotoshopCS4实用案例教程226.3绘制“卡通人物”绘制“卡通人物”操作步骤所示。（14

15、）绘制短裤。如图）绘制短裤。如图6-23所示。所示所示。（15）勾绘腰带，如图）勾绘腰带，如图6-24所示。所示图6-23短裤图6-24腰带CS4实用案例教程PhotoshopCS4实用案例教程236.3绘制“卡通人物”绘制“卡通人物”操作步骤所示。（16）一个卡通形象已经绘制完毕，如图）一个卡通形象已经绘制完毕，如图6-25所示。所示所示。（17）勾绘冲浪板阴影，如图）勾绘冲浪板阴影，如图6-26所示。所示图6-25冲浪板图6-26冲浪板阴影CS4实用案例教程PhotoshopCS4实用案例教程246.3绘制“卡通人物”绘制“卡通人物”操作步骤的方法，（18）用16及17的方法，在人物身体图

16、层后建立图）及的方法将冲浪板的另一端补齐，如图6-27所示。所示。层，将冲浪板的另一端补齐，如图所示图6-27冲浪板另一侧CS4实用案例教程PhotoshopCS4实用案例教程256.3绘制“卡通人物”绘制“卡通人物”操作步骤），使用渐（19）勾绘阴影，设置前景色为）勾绘阴影，设置前景色为RGB（239,239,239），使用渐（，），变工具，选择前景色到透明渐变，变工具，选择前景色到透明渐变,并设置渐变方式为线性渐变,在选区内进行径向填充如图6-28所示。所示。区内进行径向填充如图所示图6-28冲浪板另一侧CS4实用案例教程PhotoshopCS4实用案例教程266.3绘制“卡通人物”绘制“

17、卡通人物”6.3.2相关知识2.【多边形工具】【多边形工具】选择【选择【多边形工具】边形工具】,在属性面板中可以设置多边形的边数,形的边数,如所示。图6-32所示。所示图6-32多边形工具的选项栏CS4实用案例教程PhotoshopCS4实用案例教程276.3绘制“卡通人物”绘制“卡通人物”6.3.2相关知识1.【形状工具】【形状工具】【形状工具】是比形状工具】较典型的矢量类型工它包括矩形工具、具,它包括矩形工具、圆角矩形工具、圆角矩形工具、椭圆工具、多边形工具、工具、多边形工具、直线工具和自定形状工具,如图6-29所示。所示。工具,如图所示图6-29形状工具CS4实用案例教程Photosho

18、pCS4实用案例教程286.3绘制“卡通人物”绘制“卡通人物”6.3.2相关知识3.【直线工具】3.【直线工具】选择【选择【直线工具】工具】，箭头选项栏主要设置直线路径起点和终点的箭头属性。点的箭头属性。如图6-38所示。所示。如图所示图6-38选择直线工具及其属性CS4实用案例教程PhotoshopCS4实用案例教程296.3绘制“卡通人物”绘制“卡通人物”6.3.2相关知识4.【自定形状工具】4.【自定形状工具】在工具箱中选择【自定形状工具】，此时选项栏显示如图6-39所示。在选在工具箱中选择【自定形状工具】此时选项栏显示如图所示。所示项栏中的形状下拉列表中，可选择系统提供的各种形状，如图6-40所示。所示。项栏中的形状下拉列表中，可选择系统提供的各种形状，如图所示图6-39自定义形状工具的选项栏图6-40形状下拉列表CS4实用案例教程PhotoshopCS4实用案例教程30提示：提示：形状图层：形状图层就是在单独的图层中创建形状。形状图层：形状图层就是在单独的图