第7章 路径和矢量图形的使用
矢量图形和路径的绘制
直直线。
设置直线的宽度,取值范围
直线工具选项
为1~1000像素
控制直线的两端箭头效果
设置箭头宽度与直线宽度之间的 比例,取值范围10%~·1000%
设置箭头长度与直线宽度之 间的比例,取值范围10%~ 5000%
可编辑ppt
16
设置箭头的凹陷程度,取值范围-50%~50%
几何图形工具
自定义形状:
在画布上创建工作路径,执行菜单命令“编辑/定义
自定形状”,在弹出的“形状名称”中输入名称,单
击“确定”按钮即可。 可编辑ppt
17
自定形状工具选项设置
可编辑ppt
18
绘制矢量图形及路径小结
通过学习使用钢笔工具、自由钢笔工具、 几何图形工具绘制矢量图形和路径,需要 注意不同工具的选项设置。
钢笔类工具只可以使用形状图层和路径两 种绘图模式,几何图形工具还可以使用填 充像素绘图模式。
可编辑ppt
7
绘制曲线路径:选取钢笔工具,确定路径 的起始位置单击鼠标左键,按住鼠标左键 进行拖动,此时出现第一个锚点,从锚点 中拖出方向线,拖动方向线设置要创建的 曲线段的斜度,确定后松开鼠标左键即可。
绘制开放曲线路径和闭合曲线路径与绘制 直线路径相同。
可编辑ppt
8
配合键盘辅助键绘制路径:
可编辑ppt
9
钢笔工具选项设置
勾选此项后,在绘制路径时鼠标 会带动一条虚拟的路径段。
勾选此项后,可在路径上快速随意增加或删除锚点
可编辑ppt
10
形状图层模式的选项设置
创建形状图层或,
设
“链接”按钮自动被 激活,前景色、
置 形 状
新图层颜色与创建
图
PhotoshopCS路径和矢量图形工具的应用教案
添加锚点】工具与【删除锚点】工具
如果没有在 工具的选项栏中勾选【自动添加/删除】 复选项,用户则可以选择【添加锚点】工具 ,在路径 上单击添加锚点。选择【删除锚点】工具 ,在锚点上 单击可以将其删除。
第5页/共15页
转换点】工具
路径上的锚点有两种类型,即角点和平滑点,二者 可以相互转换。选择【转换点】工具 ,单击路径上的 平滑点可将其转换为角点;拖曳路径上的角点,可将其 转换为平滑点。
第12页/共15页
5.3 课后练习题
1. 新建一个图像文件,在图像中创建如图1所示的
路径,
并根据此路径创建如图2和3所示的图像效果。操
作时请参
照本书配套光盘“练习题”目录下的“轮.psd”文
件。
1
2
3
第13页/共15页
5.3 课后练习题
2. 打开本书配套光盘“Map”目录下的“挖补照片
素材.jpg”
路径一般用于对图案 的描边、填充及与选区间 的转换等,其精确度高, 便于调整,常使用路径功 能来创建一些特殊形状的 图像效果。如图所示为路 径构成说明图。
第2页/共15页
ቤተ መጻሕፍቲ ባይዱ
【钢笔】工具
选择【钢笔】工具,创建路径的基本操作有如下几种:
1. 选择工具,鼠标指针显示为 形状,在图像中移动鼠标指针至需 要的位置连续单击,即可创建由线段构成的路径。 2. 在图像中移动鼠标指针至需要的位置单击并拖曳,调整路径形态 到需要的状态后释放鼠标左键,即可创建锚点为平滑点的曲线路径。 3. 当拖曳出调节柄后,按住Alt键再进行拖曳,即可创建锚点为角点 的曲线路径。 4. 创建了一 段路径后,将鼠标指针移动至创建起点,当鼠标指针变 为 形状时,单击即可闭合路径。
PS 第7章_路径和矢量图形
7.2.1钢笔工具
(8)样式:用于形状图层添加系统预设的样式。 (9)颜色:颜色单击颜色色块弹出“拾色器”对话框,用来选择填充颜色。
2.使用钢笔工具绘制路径
(1)绘制直线路径 使用单击鼠标的方式产生直线锚点,从而绘制直线路径。具体操作如下: ①选择钢笔工具,确认选中 ,确认钢笔几何选项未勾选“橡皮带”复选框。 ②将钢笔指针定位在起点并单击鼠标,形成第一个锚点。 ③将钢笔指针移动到终点位置处单击鼠标,两个锚点之间即可创建一条直线,如图7-7所示。 ④如果要创建封闭式直线路径,在结束时将鼠标指针移到起始锚点上,当鼠标指针变为 形 状时,单击鼠标,即可完成创建封闭式直线路径的绘制,如图7-8所示。
7.2.2自由钢笔工具
图7-15 自由钢笔工具几何选项框
在选项框中各选项参数的作用如下: 曲线拟合:用于输入控制自由钢笔创建路径的锚点的个数。该参数的取值范围是 0.5~10。数值越大,锚点的个数就越少,曲线越简单。 磁性的:作用同上,可以设置磁性钢笔工具的属性。当勾选此复选框时,“宽度”、 “对比”、“频率”文本框才有效。 宽度:用来设置系统的检测宽度,取值范围为1~40。 对比:用来设置系统控制磁性钢笔工具检测图像边缘的灵敏度,取值范围为1~100 %。该数值越大,则图像边缘与背景的反差也越大,边缘明显。
第7章 路径和矢量图形
第7章 路径和矢量图形
7.1路径的基本概念
路径是由一条或多条具有多个锚点(节点)的矢量线条 (也称为贝赛 尔曲线)构成的图形, 路径有起点或终点。
图7-1 路径
图7-2 控制点
路径具有矢量性
7.2路径和路径选择工具
单击工具箱内钢笔工具组中的工具按钮,弹出钢笔工 具组中的所有工具,包括钢笔工具、自由钢笔工具、添加锚点 工具、删除锚点工具和转换点工具。
Photoshop CC 2015中文版第7章 路径和矢量图形的使用
7.1 路径概述
图像有两种基本构成方式,一种是矢量图形;另一种是位图图像。对 于矢量图形来说,路径和点是它两个组成元素。路径指矢量对象的线条, 点则是确定路径的基准。在矢量图像的绘制中,图像中每个点和点之间的 路径都是通过计算自动生成的。在矢量图形中记录的是图像中每个点和路 径的坐标位置。当缩放完成时,矢量图依然是相当清晰的,没有马赛克现 象。同时由于矢量图计算模式的限制,一般无法表达大量的图像细节,因 此看上去色彩和层次上都与位图有一定的差距,感觉不够真实,缺乏质感。
2. 移动路径
选择工具箱中的 (选择工具),在要移动的路径上按住鼠标左键并 进行拖动,即可移动路径。
7.4.3 变换路径
选中要变换的路径,执行菜单中的“编辑|自由变换路径”命令或执行 菜单中的“编辑|变换路径”子菜单中的命令,即可对当前所选择的路径进 行变换操作。
变换路径操作和变换选区操作一样,它包括“缩放”、“旋转”、“透 视”和“扭曲”等操作。执行变换路径命令后,其工具属性栏如图7-30所示。 在该工具属性栏中可以重新定义其中的数值,以精确改变路径的形状。
图7-30 变换路径时的工具属性栏
7.5 应用路径
应用路径包括“填充路径”、“描边路径”、“删除路径”、“剪 切路径”、“将路径转换为选区”和“将选区转换为路径”操作。
7.5.1 填充路径
对于封闭的路径,Photoshop CC 2015还提供了用指定的颜色、图案、 历史记录等对路径所包围的区域进行填充的功能,具体操作步骤如下:
● (自由钢笔工具):类似于钢笔工具,
只是在绘制过程中将自动生成路径。通常情况 下,该工具生成的路径还需要再次编辑。
第七章路径的使用
图7.2.12 创建的各种多边形
3.直线工具绘制路径 利用直线工具可以绘制直线图形或路径,也可以绘制带箭 头的直线图形或路径。单击工具箱中的“直线工具”按钮,其 属性栏如图7.2.13所示。
图7.2.13 “直线工具”属性栏
“粗细”:在该选项中输入数值,可设置所绘制直线图 形或路径的宽度。
选中“起点”复选框,可以在绘制直线起点处添加箭头。 选中“终点”复选框,可以在直线的终点处添加箭头, 同时选中这两个复选框,可以在直线的起点与终点处同时添 加箭头。 在“宽度”、“长度”或“凹度”选项中的文本框中输 入数值,可以设置箭头的样式,如图7.2.14所示。
:分别单击此组按钮可利用钢笔工具绘制矩形、 圆角矩形、椭圆形、多边形、直线和自定义形状路径。
选中“自动添加/删除”复选框,在使用钢笔工具绘制路径 的过程中系统会自动为路径添加或删除锚点。
二、自由钢笔工具 利用自由钢笔工具可以绘制任意形状的曲线路径。单击工
具箱中的“自由钢笔工具”按钮,在图像窗口单击即可确定路 径的起始点,按住鼠标左键不放并拖动即可绘制路径,松开鼠 标左键即可结束路径的绘制,效果如图7.2.6所示。
曲线段:是指两个锚点之间的非直线线段。 路径:路径不是真实的像素,而是一种制图的依据。在 Photoshop CS2中可以利用钢笔工具、自由钢笔工具及形状工 具来绘制路径。 在图像中绘制路径的锚点,空心点表示未被选中的点,实 心点表示被选中的点,对其进行拖动,可实现对路径的编辑。
二、路径面板 利用路径面板及其面板菜单,可对路径进行填充、描
直线点:是按住“Alt”键的同时单击建立的锚点,可以将 锚点转换为带有一个独立调节手柄的直线锚点。
曲线点:曲线点带有两条方向线和两个方向点,可以将锚 点转换为带有一个独立调节手柄的直线锚点。直线点是一直线 段与一条曲线段的边接点。
ps第7章路径及矢量图形
第7章 路径及矢量形状教学要点:◆了解路径的基本概念◆了解路径面板的基本使用方法◆掌握路径的建立及编辑方法◆掌握路径的应用◆掌握矢量形状的绘制Photoshop是一个以编辑和处理位图图像为主的平面设计软件,但它也具有一定的矢量图形处理的功能。
路钢笔工具或形状工具画出来的矢量图形称为路径,它由一系列点连接起来的线段或曲线。
路径与分辨率无关,因此,它们在调整大小、打印到PostScript 打印机、存储为PDF文件或导入到基于矢量的图形应用程序时,会保持清晰的边缘,所以路径是Photoshop矢量设计功能的体现。
7.1 路径的概念及路径面板7.1.1 路径的基本概念路径是由一系列点连接起来的线段或曲线,是矢量对象的轮廓。
每条线段的端点称为锚点,每一个锚点还带有调整手柄,曲线的形状及前后线段的光滑度由这些手柄来调整,如图7-1所示。
因此,通过编辑路径的锚点和手柄,可以很方便地改变路径的形状。
除可以沿着路径填充、描边以及路径运算来绘制一些图形外,还可以将不精确选区转换为路径,编辑后再转化为精确选区或者使用路径中的剪贴路径功能,为插入排版软件中的图像去除剪贴路径外的图像背景。
也可以使用路径作为矢量蒙版来隐藏图层区域。
图7-1 路径组成·124· 第一篇 Photoshop篇7.1.2 路径面板单击“窗口\路径”命令,可以打开路径面板。
当创建路径后,在“路径面板”中就会显示出新创建的路径,如图7-2所示。
下面以图7-2为例介绍“路径面板”的组成。
路径缩览图:用于显示当前路径的内容,通过它可以迅速地辨认路径的形状。
当前工作路径:以蓝色显示的路径为当前工作路径,在编辑路径时,只对当前工作路径起作用。
在“路径面板”上单击其它路径,可以将它置为当前工作路径。
创建新路径:单击此按钮,可以创建一条新路径。
删除当前路径:单击此按钮,可以删除选中的路径。
从选区生成工作路径:单击此按钮,可以将创建好的选区转换为工作路径。
矢量图形与路径
Your company slogan
曲线形锚点
明白了方向线的方向对曲线形态的影响后,我们来看一下方向线长短造成的影响 如左图般,在同一方向上拖拉方向线:(可使用“直接选择工具”)
对于一个锚点而言,如果方向线越长,那么曲线在这个方向上走的路程就越长,反之就越 短
矢量图形与路径
关于钢笔工具
钢笔工具属于矢量绘图工具,其优点是可以勾画平滑的曲线,在缩放 或者变形之后仍能保持平滑效果。 钢笔工具画出来的矢量图形称为路径,路径是矢量的路径允许是不封 闭的开放状,如果把起点与终点重合绘制就可以得到封闭的路径 。
Your company slogan
然后用钢笔在画面中单击,会看到在击打的点之间有线段相连。 保持按住Shift键可以让所绘制的点与上一个点保持45度整数倍夹角(比如
首先应将路径显示出来(可从路径面板查找并点击路径) 然后使用钢笔工具在末尾的锚点单击(当移动到末尾锚点的时候光标会 有提示) 此时即可继续绘制,见下图:
Your company slogan
如果要将多条独立的路径连接在一起,可以如下图操作: 需要注意的是在调整方向线的时候可以按住Alt键单独调整其中一条
Your company slogan
记住一个原则:绘制曲线的锚点数量越少越好 因为如果锚点数量增加,不仅会增加绘制的步骤,同时也不利于后期的修改
练习
过渡
目标
Your company slogan
问题: 两个锚点似乎可以包揽全部曲线形态了? 这个观点显然是错误的,例如我们前面首个实例所绘制的曲线,就需要两个以上的锚
Your company slogan
曲线形锚点
第7章 路径、蒙版和通道
图7-21 设置画笔
图7-22 描边路径
7.1.5 路径应用实例——制作龙年邮票
(11)按Ctrl+H组合键,隐藏当前路径。 (12)打开素材文件夹Part7\碑刻.jpg文件,将其拖入当前 文档中,如图7-23所示。调整图片大小,如图7-24所示。
图7-23 拖入图片
图7-24 调整图片大小
7.1.5 路径应用实例——制作龙年邮票
版白色部分相对应的图像不会产生透明效果,即蒙版中白色
区域不会透明显示其下图层的内容。而蒙版中的黑色区域相 对应的部分是完全透明的,与这一部分相对应的下层图层的 内容将会显示出来。与蒙版中的灰度部分相对应的部分将根 据蒙版的灰度级产生不同程度的透明。
7.2.2 图层蒙版的基本操作
图层蒙版可以控制图层中不同区域的显示或隐藏,通 过对蒙版的操作可以将大量的特效应用到图层中,而不会 影响到该图层的像素。下面介绍图层蒙版的基本操作。 1.图层蒙版的创建 在图像中,如果需要为整个图层添加图层蒙版,可以 在【图层】面板中选择图层,单击面板下的【创建图层蒙 版】按钮即可为当前图层添加一个图层蒙版。此时,图层 蒙版为全白色,当前图层内容将全部显示。 当按Alt键单击【创建图层蒙版】按钮时,创建的图层 蒙版将会使全黑色的,此时当前图层内容将全部隐藏。
图7-17 路径操作菜单
图7-18 【填充路径】对话框
7.1.5 路径应用实例——制作龙年邮票
(7)单击【确定】按钮关闭【填充路径】对话框。此时文档窗 口,如图7-19所示。 (8)在【路径】面板中,选择路径,单击右上角的操作按钮, 打开操作菜单,选择其中的【存储路径】命令,弹出【存储 路径】对话框,保存路径为“路径1”,如图7-20所示。
7.1.2 路径的创建和编辑
第7章 路径与矢量图形工具应用
本章要点
1. 任务1:制作卡通趣味铅笔 2. 任务2:制作音乐图标 3. 综合任务训练
Photoshop CS5 数字图像处理
任务1:制作卡通趣味铅笔
生活是平淡的,要学会创造有趣的生活,而卡通是喜庆的名片,是增添生活趣味 性的最佳选择。因此,卡通形象受到企业的青睐,作为产品推销的第一选择。那么, 如何设计和制作良好的卡通图像呢?本案例将通过Photoshop的矢量工具制作制作一 只卡通趣味铅笔来展示路径工具的使用方法与技巧,案例效果如图所示。
任务实训
音乐图标
技巧与任务拓展
综合任务训练
1.使用路径工具绘制“盛大开业”四个文字为艺术字,如图所示。2.使用路径工具 绘制矢量人物插画,如图所示。
盛大开业艺术字效果
矢量人物插画
谢谢大家
技巧七:使用笔形工具制作路径时按住<Shift>键可以强制路径或方向线成水平、 垂直或45度角,按住<Ctrl>键可暂时切换到路径选取工具,按住<Alt>键将笔形光标 在黑色节点上单击可以改变方向线的方向,使曲线能够转折;按<Alt>键用路径选取 工具单击路径会选取整个路径;要同时选取多个路径可以按住<Shift>后逐个单击; 使用路径选工具时按住<Ctrl+Alt>键移近路径会切换到加节点与减节点笔形工具。 技巧八:若要切换路径是否显示,可以按住<Shift>键后在路径调色板的路径栏上 单击鼠标,或者在路径调色版灰色区域单击即可,还可以按<Ctrl+Shift+H>。 若要 在颜色调色板上直接切换色彩模式,可先按住<Shift>键后,再将光标移到色彩条上 单击。
矢量图形和路径的绘制
创建矢量图形和路径的工具
钢笔工具 自由钢笔工具 几何图形工具(矩形工具、圆角矩形工具、
椭圆工具、多边形工具、直线工具、自定 形状工具)
钢笔工具
钢笔工具 主要用于绘制直线和精确地曲 线路径,有时在绘制精确图形和创建精确 路径时也要使用钢笔工具。
矢量图形和路径的概述
矢量图形:是由数学形式中的点、线构成面,
由面构成几何图像。 矢量形状:在Photoshop中使用形状工具或钢
笔工具绘制的图形,包括路径和填充色。
路径:路径可以转换为选区或使用颜色填充和 描边的矢量形状轮廓。路径有锚点和路径段构 成。
工作路径:使用钢笔工具或是形状工具绘制线 条后,系统会自动将线条作为工作路径存储在 “路径”调板中,以便于调用和编辑。
勾选此项后,可在路径上快速随意增加或删除锚点
形状图层模式的选项设置
创建形状图层或,
设
“链接”按钮自动被 激活,前景色、
置 形 状
新图层颜色与创建
图
的形状图层颜色
层
保持一致。
的
颜
色
用于设置形状图层的样式。在预设 面板和样式调板里可对其进行设置。
自由钢笔工具
自由钢笔工具 可随意绘制路径,类似于 铅笔的绘制,鼠标经过的地方将自动产生 锚点与路径段。
工具选项设置
几何图形工具
多边形工具: 主要用于绘制多边形和形象
多边形工具选项栏设置
设置多边形半径,可以 创建精确尺寸的多边形
使多边形顶角圆滑 勾选后绘制多角星形
控制星形的内外半径比例
设置多边形的边数,取 值范围为3~100
第七章路径与矢量工具PPT课件
图6-45
图6-46
图6-47
使用钢笔或形状工具绘制出形状图层以后,可以在选项栏中单击“设 置形状描边类型”按钮,在弹出的面板可以选择纯色、渐变或图案对形 状进行填充,如图6-48所示。
图6-48
6.4 路径选择工具组
路径选择工具组包括“路径选择工具”和“直接 选择工具”两种,这两个工具主要用来选择路径和调 整路径的形状。
图6-90
6.7 本章小结
通过本章的学习,应该对“钢笔工具”的使用方 法有一个整体的概念,对路径的基本操作方法和和形 状工具的基本使用方法有一个明确的认识。在实际的 图片处理中能做到熟练、灵活、快速,是通过本章的 学习后能够达到的目标。
学习总结
经常不断地学习,你就什么都知道。你知道得越多,你就越有力量 Study Constantly, And You Will Know Everything. The More Y
本例主要是针对“钢笔工具”的使用方法进行练习 。
6.2.3 自由钢笔工具
使用“自由钢笔工具”可以绘制比较随意的路径、形状和像素,就像 用铅笔在纸上绘图一样,如图6-18所示。在绘图时,将自动添加锚点, 无需确定锚点的位置,完成路径后可进一步对其进行调整。
图6-18
6.2.4 自由钢笔工具
使用“添加锚点工具”可以在路径上添加锚点。将光标放在路径上, 如图6-19所示,当光标变成形状时,在路径上单击即可添加一个锚点, 如图6-20所示。添加锚点以后,可以用“直接选择工具”对锚点进行调 节,如图6-21所示。
6.1.1 认识绘图模式
使用Photoshop中的钢笔工具和形状工具可以绘制出很多图形, 包含“形状”、“路径”和“像素”3种,如图6-1所示。在绘图 前,首先要在工具选项栏中选择一种绘图模式,然后才能进行绘 制。
高级PS技巧使用矢量工具创造出精确的形和路径
高级PS技巧使用矢量工具创造出精确的形和路径在使用Photoshop(PS)进行图像处理和设计时,了解并掌握高级的PS技巧是非常重要的。
其中,矢量工具是一种强大的工具,可以帮助我们创造出精确的形状和路径。
本文将介绍如何运用矢量工具来实现这一目标。
1. 矢量工具简介矢量工具是PS中的一组工具,主要包括“形状工具”和“钢笔工具”。
形状工具可用于创建基本的形状,如矩形、椭圆、直线等;而钢笔工具则可以绘制自定义的路径。
2. 使用形状工具形状工具位于PS工具栏的左侧,包含了多种基本形状。
通过单击对应的形状工具按钮,然后在画布上点击并拖动,即可创建一个基本形状。
3. 自定义形状虽然形状工具提供了多种基本形状,但有时我们需要创造出特定的形状。
这时,我们可以通过修改已有形状的属性来实现。
在创建一个形状之后,你可以在顶部的“选项栏”中对其进行进一步的调整。
例如,你可以修改形状的大小、形状的圆润度以及边框的颜色和样式等。
4. 使用钢笔工具钢笔工具是PS中最强大的矢量工具之一,它可以帮助我们创建自定义的路径。
该工具既适用于直线型路径,也适用于曲线型路径。
要使用钢笔工具,只需在工具栏选择钢笔图标,然后在画布上点击并拖动,形成锚点,通过不断点击并拖动即可构建复杂的路径。
5. 编辑路径一旦创建了路径,PS提供了多种方法来编辑和调整路径形状。
例如,你可以使用“直接选择工具”来选择和拖动整个路径或路径的一部分,从而改变其形状或位置。
通过这种方法,你可以创建任意想要的形状和路径。
6. 矢量形状与像素形状的区别与像素形状相比,矢量形状在放大或缩小后不会失去清晰度,因为它们是通过数学公式来定义的,而不是像素为基础。
因此,通过使用矢量工具创建图形,可以确保图像始终保持良好的质量。
7. 创建复杂的形状和路径除了基本的形状和路径外,矢量工具还可以用于创建复杂的图案和形状。
例如,通过结合使用多条路径来绘制线条和曲线,你可以创造出精细的插图和图形。
第7章路径和矢量图形的使用
工作路径
删除当前路径 创建新路径 从选区生成工作路径
图7-2 创建了路径后的路径面板
其中,各项功能的说明如下。
●路径缩略图:用于显示当前路径的内
容。它可以迅速地辨识每一条路径的形状。
●弹出菜单按钮:单击此按钮,会弹出
下拉菜单,如图7-3所示。从中可以选择相
应的菜单命令。
●路径名称:便于在多个路径之间区分。
图7-6 选中“橡皮带”效果
2)将光标移到图像窗口,单击确定路径起点,如图7-7所示。 3) 将光标移到要建立的第二个锚点的位置上单击,既可绘制连接第 二个锚点与开始点的线段,再将鼠标移到第三个锚点的位置单击,效果如 图7-8所示。
图7-7 确定路径起点
图7-8 确定第三个锚点位置
4)同理,绘制出其他线段。当绘制线段回到开始点时,在光标右 下方会出现 标记,如图7-9所示,单击后封闭路径,如图7-10所示。
7.2 路径面板
执行菜单中的“窗口|路径”命令,调出“路径”面板,如图7-1所示。 由于还未编辑路径,此时在面板中没有任何路径内容。在创建了路径后, 就会在路径面板中显示相应路径,如图7-2所示。
弹出菜单按钮 当前路径
路径缩览图
路径名称
用前景色填充路径 用画笔描边路径
将路径作为选区载入
图7-1 为创建路径的路径面板
第7章 路径和矢量图形的使用
本章重点
Photoshop CS5是一个以编辑和处理位图图像为主的图像处理软件。 同时为了应用的需要,也包含了一定的矢量图形处理功能,以此来协助 位图图像的设计。路径是Photoshop CS5矢量设计功能的充分体现。用户 可以利用路径功能绘制线条或曲线,并对绘制后的线条进行填充和描边, 从而完成一些绘图工具所不能完成的工作。通过本章的学习,应掌握路 径和矢量图形的使用方法。
PS 第7章_路径和矢量图形
(a)
(b) 图7-18 平滑锚点转换为尖突锚点 (a)修改前 (b)修改后
(a)
(b) 图7-19 直线锚点转换为曲线锚点 (b)修改后
(a)修改前
PhotoShopCS2平面设计实用教程
7.3“路径”调板
Photoshop中很多与路径相关的操作都可以在“路径”调板中完成操作,例如创建、保存、复制、 删除路径、选区与路径转换等操作。“路径”调板,如图7-30所示。
PhotoShopCS2平面设计实用教程
7.2.1钢笔工具
1.认识钢笔工具
钢笔工具是创建路径最基本最常用的工具,用来绘制连接多个锚点的线段 或曲线的,创建各种直线、曲线或自由线条的路径。能准确地绘制出复杂的路 径。选择钢笔工具,钢笔工具选项栏如图7-5所示或如图7-6所示。
图7-5 钢笔工具选项栏1
(a)
图7-16 添加锚点 (a)在需要添加锚点处单击
(b)
(b)添加锚点
PhotoShopCS2平面设计实用教程
7.2.4删除锚点工具
路径创建完成后,可以使用删除锚点工具 删除原路径上的锚点,以改变路径中锚点 的密度,减少路径的复杂程度。删除锚点工具的作用与添加锚点工具的作用正好相反, 但使用方法相似,具体操作方法如下: 选择删除锚点工具 ,将鼠标定位到已创建的工作路径上锚点位置 ,鼠标指针变成 形 状,如图7-17(a)所示。在需要删除的路径锚点处单击,即可删除该路径锚点,如图 7-17(b)所示,如图7-17(a)所示。
图7-37 描边路径命令
图7-38 “描边路径”对话框
PhotoShopCS2平面设计实用教程
7.3.5路径和选区间的转换
路径和选区之间可以相互转换,该项功能可以帮助用户制作出极为复杂的选区范围。
Photoshop制图实用技巧路径状图层和矢量蒙版的运用
Photoshop制图实用技巧路径状图层和矢量蒙版的运用Photoshop制图实用技巧:路径、状图层和矢量蒙版的运用一、路径路径是一种Photoshop 中的矢量对象,它是由锚点和路径段组成的。
锚点是定义路径中每条线段开始和结束的点。
移动和编辑锚点,以修改路径的形状。
路径分为:开放路径和闭合路径锚点(节点)分为:平滑点、转角点。
二、绘制路径1、钢笔工具(P):使用钢笔工具,在其选项栏中单击路径图标,开始绘制第一个锚点,然后单击直线以节点为中心拖动曲线按CTRL 键临时切换到“直接选择工具”按ALT 键临时切换到“转换点工具”按CTRL+单击以开放路径结束使用自由钢笔工具,在其选项栏中单击路径图标,然后ALT 键临时切换到直线绘制ALT 键+拖动以手绘路径曲线拟合:数字越大,形成的路径简单,锚点越少;数字越小,路径上的锚点越多,路径也就相应地越符合物体的边缘。
宽度、边对比度及频率是磁性套索工具一致。
注意:使用钢笔工具或自由钢笔工具,可以用于描图并创建选区。
在路径调板中查看路径。
例子:脸谱。
2、形状工具(U):分为矩形形状工具、圆角矩形形状工具、椭圆形状工具、多边形形状工具、直线工具和自定义形状工具。
使用形状图层:是带图层矢量蒙版的填充图层;使用路径:创建新的工作路径,在路径调板中查看路径。
填充像素:在当前的图层中创建像素形状,由前景色填充。
注意:使用形状工具创建的路径为工作路径,可以在路径调板中查看。
也可以将当前路径,使用“编辑->定义自定形状”,便于以后的使用。
3、文字转换为工作路径输入文字,选择文字图层,使用图层->文字->创建工作路径三、调整锚点和路径1、选择路径或锚点路径选择工具:选定整个路径。
直接选择工具:选定路径段和锚点。
CTRL+路径相关工具路径选择工具CTRL+ALT+直接选择工具转换点工具ALT+直接选择(路径选择)工具复制路径2、添加、删除和转换锚点对已选择的路径使用“钢笔工具”,会增加或删除锚点,或对已选择的路径使用添加删除锚点工具。
Photoshop CS4路径和矢量图形工具的应用
1、存储工作路径
默认情况下,利用【钢笔】工具或矢量形状 工具绘制的路径是以“工作路径”形式存在的。工 作路径是临时路径,如果取消其选择状态,当再 次绘制路径时,新路径将自动取代原来的工作路 径。如果工作路径在后面的绘图过程中还要使用, 应该保存路径以免丢失。存储工作路径有以下两 种方法。
利用路径工具绘制出如图所示的标志 图形。
具体操 作步骤详见 教材。
任务二锯齿效果制作
【路径】面板主要用于显示绘图过程 中存储的路径、工作路径和当前矢量蒙版 的名称及缩略图,并可以快速地在路径和 选区之间进行转换、用设置的颜色为路径 描边或在路径中填充前景色等。
l 【填充】按钮 :单击此按钮,将以前景色 填充创建的路径。
l 【自由钢笔】工具 :选择此工具后,在图像文件中 按下鼠标左键并拖曳,沿着鼠标指针的移动轨迹将自 动添加锚点生成路径。当鼠标指针回到起始位置时, 右下角会出现一个小圆圈,此时释放鼠标左键即可创 建闭合钢笔路径。鼠标指针回到起始位置之前,在任 意位置释放鼠标左键可以绘制一条开放路径;按住Ctrl 键释放鼠标左键,可以在当前位置和起点之间生成一 条线段,从而闭合路径。另外,在绘制路径的过程中, 按住Alt键单击,可以绘制直线路径;拖曳鼠标指针可 以绘制自由路径。
l 【转换点】工具 :利用此工具可以使锚点 在角点和平滑点之间切换,并可以调整调节柄 的长度和方向,以确定路径的形状。将鼠标指 针放置到角点位置按下鼠标左键并拖曳,可将 角点转换为平滑点;将鼠标指针放置到平滑点 上单击,可将平滑点转换为角点。另外,利用 【转换点】工具调整带调节柄平滑点一侧的控 制点,可以调整锚点一侧的曲线路径形状;按 住Ctrl键调整,可以同时调整平滑点两侧的路 径形状;按住Ctrl键在锚点上拖曳鼠标指针, 可以移动该锚点的位置。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
4)同理,绘制出其他线段,当绘制线段回到开始点时,在光标右下方会 出现,如图8-8所示,单击后封闭路径,如图8-9所示。
2.使用“钢笔工具”绘制曲线路径
使用“钢笔工具”除了可以直线路径外,还可绘制 曲线路径,下面使用钢笔工具绘制一个心形,具体操作 步骤如下: 1)选择工具箱上的 (钢笔工具),选中选项栏中的“橡 皮带”复选框。 2)将光标移到图像窗口,单击确定路径起点。 3)移动光标,在适当的位置单击,并不动开鼠标进行拖动, 此时可在该锚点处出现一条有两个方向点的方向线,如 图8-10所示,确定其方向后松开鼠标。 4)同理,继续绘制其它曲线,当光标移到开始点上单击封 闭路径,结果如图8-11所示。
6.自定形状工具
(自定形状工具)可以绘制出各种Photoshop CS2预置的 形状、如箭头、灯泡等形状,还可以将常用的图形定义为形 状保存下来,便于使用。其选项工具栏如图8-35所示。 定义的比例:以形状定义时的比例绘制图形。 定义的大小:以形状定义时的大小进行绘制。 形状:单击“形状”右侧下拉列表,会弹出图8-36所示的面 板,从中可以选择需要的形状。单击右上角的小三角,从弹 出的快捷菜单中还可以选择“载入形状”、“存储形状”、 “复位形状”和“替换形状”命令。
1.使用“钢笔工具”绘制直线路径
“钢笔工具”是建立路径的基本工具,使用该工具可创 建直线路径和曲线路径。下面使用钢笔工具绘制一个 六边形,具体操作步骤如下: 1)新建一个文件,然后选择工具箱上的(钢笔工具), 此时钢笔工具选项栏如图8-4所示。
橡皮带:选中该复选框后,移动鼠标时光标和刚绘制的 锚点之间会有一条动态变化的直线或曲线,表明若在光 标处设置锚点会绘制什么样的线条,对绘图起辅助作用, 如图8-5所示。 自动添加删除:选中该复选框,当光标经过线条中部时 指针旁会出现加号,此时单击可在曲线上添加一个新的 锚点;当光标在锚点附近时指针旁会出现负号,此时单 击会删除此锚点。 2)将光标移到图像窗口,单击确定路径起点,如图8-6所 示。 3)将光标移到要建立的第二个锚点的位置上单击,既可绘 制连接地二个锚点与开始点的线段,再将鼠标移到第三 个锚点的位置单击,结果如图8-7所示。
4)按下键盘上的<Alt>键,单击第三个锚点即可出现方向线,如 图8-15所示。 5)在合适的位置单击并拖动鼠标,即可重新绘制出曲线,如图 8-16所示。
4. 使用自由钢笔工具绘制路径
“自由钢笔工具”的功能与“钢笔工具”基本相同,但是操作方式 略有不同。“钢笔工具”是通过建立锚点而建立路径,“自由 钢笔工具”是通过绘制曲线来勾绘路径,它会自动添加锚点。 使用自由钢笔工具绘制路径的具体操作步骤如下: 1)打开一个图像文件。 2)选择工具箱中的(自由钢笔工具),其选项栏如图8-17所示。 曲线拟合:用于控制路径圆滑程度,取值范围为0.5~10像素, 数值越大,创建的路径锚点越少,路径也越圆滑。 磁性的:与“磁性套索工具”相似,也是通过选区边缘在指定 宽度内的不同像素值的反差来确定路径,差别在于使用磁性钢 笔生成的是路径,而“磁性套索工具”生成为选区。 钢笔压力:在使用光笔绘图板时才起作用,当选中该复选框时, 钢笔压力的增加将导致宽度减小。 3)在图像工作区按下鼠标不放,沿图像的边缘拖动鼠标,此时将 会自动生成锚点,结果如图8-18所示。
8.3 路径编辑工具
编辑路径必须使用工具箱中的路径编辑工具。这些工具 主要汇集在工具箱中的钢笔工具组、形状工具组和路径选取工 作组中。下面具体讲解一下这些工具的使用方法。
8.3.1 钢笔工具组
钢笔工具组包括 (钢笔工具)、 (自由钢笔工 具)、 (添加锚点工具)、 (删除锚点工具)和 (转 换点工具)五种钢笔工具。 其中 (钢笔工具)用于绘制直线、曲线; (自由钢 笔工具)用于自由的绘制线条或是曲线; (添加锚点工 具)用于在现有的路径上添加锚点; (删除锚点工具) 用于在现有的路径上删除锚点; (转换点工具)用于平 滑点和角点之间的转换
[Photoshop CS2 中文版教程]
教学大纲
第8章 路径和矢量图形的使用
本章重点:
Photoshop CS2是一个以编辑和处理位图图像为主的图像处 理软件。同时为了应用的需要,也包含了一定的矢量图形处理功 能,以此来协助位图图像的设计。路径是Photoshop CS2矢量设计 功能的充分体现。用户可以利用路径功能绘制线条或曲线,并对 绘制后的线条进行填充和描边,从而完成一些绘图工具所不能完 成的工作。通过本章学习应掌握路径和矢量图形的使用。 本章内容包括: 路径的概述 路径面板和路径编辑工具 使用钢笔工具组 使用形状工具组 编辑路径 路径和选区间的转换
用前景色填充路径:单击此按钮,Photoshop CS2将以前景色填充被 路径包围的区域。 用画笔描边路径:单击此按钮,可以按设置的绘图工具和前景色颜 色沿着路径进行描边。 将路径作为选区载入:单击此按钮,可以将当前路径转换为选取范 围。 从选区生成工作路径:单击此按钮,可以将当前选区转换为工作路 径。 创建新路径:单击此按钮,可以创建一个新路径。 删除当前路径:单击此按钮,可以删除当前选中的路径。
缩进边依据:指定缩进的大小和半径的百分比,范围是 1%~99%,图8-31为不同“缩进边依据”数值的效果比较。 平滑缩进:可以圆滑多边形的角,使绘制出的多边形的角 更加柔和,图8-32为选中“平滑缩进”前后的效果比较。
5.直线工具
使用 (直线工具)可以绘制出直线、箭头的形状和路径。 其选项栏如图8-33所示。 起点:可以在起点位置绘制箭头。 终点:可以在终点位置绘制箭头。 宽度:设置箭头宽度,范围为100%~1000%。 长度:设置箭头的长度,范围为10%~5000%。 凹度:设置箭头凹度,范围为-50%~50%。 图8-34为不同设置的直线效果。
2. 圆角矩形工具
(圆角矩形工具)常用于绘制按钮,该工具选项栏中的选 项与“矩形工具”基本相同,如图8-23所示。
半径:用于控制圆角矩形四个角的圆滑程度,图8-24为不同半 径的效果比较。 模式:用于控制圆角矩形的混合模式。 不透明度:用于控制圆角矩形不透明度,图8-25为不同不透 明度的效果比较。
路径所略图:用于显示当前路径的内容。它可以迅速的辨识每一条 路径的形状。 弹出菜单按钮:用单击此按钮,会弹出快捷菜单,如图8-3所示。 从中可以选择相应的菜单命令。
路径名称:便于在多个路径之间区分。如在新建路径时不输入新路 径的名称,则Photoshop CS2会自动一次命名为路径1、路径2、路径 3,以此类推。 当前路径:选中某一路径后,则以蓝颜色显示这一路径。此时图像 中只显示这一路径的整体效果。 工作路径:是一种临时路径,名称以斜体字表示。当在建立一个新 的工作路径时,原有工作路径将被删除。
3. 椭圆工具
使用 (椭圆工具)可以绘制-27所示。
4.多边形工具
使用 (多边形工具)可以绘制出正多边形,例如等边三 角形、五角星和各种星形。其选项栏如图8-28所示。
半径:用于指定多边形的中心到外部点的距离。指定半 径后可以按照一个固定的大小绘制。 平滑拐角:选中该选项框后,尖角会被平滑的圆角所替 代,图8-29为选中“平滑拐角”前后的效果比较。 星形:选中该复选框,可以绘制星形。选中和不选中该 复选框,图8-30为选中“星形”前后的效果比较。
(填充像素):单击此按钮,绘制出的图形为普通的填充图形,如图8-22所示
不受约束:可绘制出任意大小的矩形。 方形:可绘制出任意大小的正方形。 固定大小:在“W”中输入宽度,在“H”中输入高度,可绘 出指定大小的矩形。 比例:在“W”和“H”种输入水平和垂直比例值,可绘制指 定比例的矩形。 从中心:从中心开始绘制矩形。 对齐像素:使矩形边缘对齐像素。
8.3.2 形状工具组
形状选择工作组包括 (矩形工具)、 (圆角矩形工 具)、 (椭圆工具)、 (多边形工具)、 (直线工具)、 (自定形状工具)六种形状工具。
1. 矩形工具
使用 (矩形工具)可以绘制出矩形、正方形的路径或是形状, 其选项栏如图8-19所示。
(形状图层):单击此按钮,绘制出的图形为形状, 如图8-20所示。 (路径):单击此按钮,绘制出的图形为路径,如图 8-21所示。
在Photoshop CS2中,路径功能是其矢量设计功能的充分 体现。“路径”是指用户勾绘出来的由一系列点连接起来的 线段或曲线。可以沿着这些线段或曲线填充颜色,或者进行 描边,从而绘制出图像。此外,路径还可以转换成选取范围。 这些都是路径的重要功能。
8.2 路径面板
执行菜单中的“窗口”→“路径”命令,调出路径面板, 如图8-1所示。由于还未编辑路径,此时在面板中没有任何路径 内容。在创建了路径后,就会在路径面板中显示相应路径,如 图8-2所示。
8.4 编辑路径
初步制作的路径往往不符合要求,比如路径圈选的范围多 了或者少了、路径位置不合适等。这就需要对路经进一步进 行调整和编辑。
8.4.1 改变路径锚点的属性
为了改变路径的形状、弯曲程度等属性,需要对已有的 路径进行修改,如添加锚点、减少锚点和转换锚点等操作。
1.添加和删除锚点
添加和删除锚点的具体操作步骤如下: 1)添加锚点。方法:选择工具箱上的(添加锚点工具),放置 到路径上需要添加锚点的位置上,如图8-39所示。然后单击即 可添加一个锚点,如图8-40所示。
8.3.3 路径选择工具组
路径选择工具组包括 (路径选择工具)和 (直接路径 选择工具)两种选取路径的工具。
1.路径选择工具
(路径选择工具)用于选择整个路径及移动路径。使用该工 具,被选中的路径会以实心点的方式显示各个锚点,如图8-37所 示。
2.直接选择工具
(直接路径选择工具)用于选择路径锚点和改变路径的形 状。使用该工具,被选中的路径会以空心点的方式显示各个 锚点,如图8-38所示。
8.1路径的概述
图像有两种基本构成方式,一种是矢量图形;另一种是 位图图像。对于矢量图形来说,路径和点是它两个组成元 素。路径指矢量对象的线条,点则是确定路径的基准。在 矢量图像的绘制中,图像中每个点和点之间的路径都是通 过计算自动生成的。在矢量图形中记录的是图像中每个点 和路径的坐标位置。当缩放矢量图形时,实际上改变的是 点和路径的坐标位置。当缩放完成时,矢量图依然是相当 清晰的,没有马赛克现象。同时由于矢量图计算模式的限 制,一般无法表达大量的图像细节,因此看上去色彩和层 次上都与位图有一定的差距,感觉不够真实,缺乏质感。 与矢量图像不同,位图图像中记录的是像素的信息,整 个位图图像是由像素构成的。位图图像不必记录繁琐复杂 的矢量信息,而以每个点为图像单元的方式真实的表现自 然界中任何画面。因此,通常用位图来制作和处理照片等 需要逼真效果的图像。但是随着位图图像的放大,马赛克 的效果越来越明显,图像也变得越来越模糊。