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