PhotoshopCS4第6章矢量绘.ppt

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