第 5 章 路径及形状处理工具

70
5 5 第第第第第第第第第 第第第第第第第第第 第第第第 :6 第第 第第第第第 : 第第第第第第第第第 第第第第第第第第第第第第第第 第 ,, 第第第第第第第第第第第第 第第 : 第第第第第第第 第第 : 第第第第第第第第第第

Upload: duncan-brewer

Post on 04-Jan-2016

81 views

Category:

Documents


4 download

DESCRIPTION

第 5 章 路径及形状处理工具. 教学时数 :6 学时 目的与要求 : 了解路径的功能特点,掌握学习路径控制面板的组成,熟练掌握路径的操作使用方法 重点 : 路径的操作方法 难点 : 路径与图形工具的操作. 第 5 章 路径及形状处理工具. 本章要点 路径创建工具 路径控制面板 路径编辑工具 形状工具. 本章逻辑结构. 5.1 路径创建工具 5.1.1 【 钢笔工具 】 5.1.2 【 自由钢笔工具 】 5.1.3 【 转换点工具 】 5.2 路径编辑工具 - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: 第 5 章    路径及形状处理工具

第第 55 章 路径及形状处理工具章 路径及形状处理工具 教学时数 :6 学时 目的与要求 : 了解路径的功能特点,掌握学习

路径控制面板的组成,熟练掌握路径的操作使用方法

重点 : 路径的操作方法 难点 : 路径与图形工具的操作

Page 2: 第 5 章    路径及形状处理工具

第第 55 章 路径及形状处理工具章 路径及形状处理工具

本章要点 路径创建工具 路径控制面板 路径编辑工具 形状工具

Page 3: 第 5 章    路径及形状处理工具

本章逻辑结构本章逻辑结构 5.1 路径创建工具 5.1.1 【钢笔工具】 5.1.2 【自由钢笔工具】 5.1.3 【转换点工具】 5.2 路径编辑工具 5.2.1 【路径选择工具】 5.2.2 【直接选择工具】 5.3 【路径】控制面板

Page 4: 第 5 章    路径及形状处理工具

本章逻辑结构本章逻辑结构

5.4 形状工具 5.4.1 【矩形工具】 5.4.2 【圆角矩形工具】 5.4.3 【椭圆工具】 5.4.4 【多边形工具】 5.4.5 【直线工具】 5.4.6 【自定形状工具】

Page 5: 第 5 章    路径及形状处理工具

5.1 5.1 路径创建工具路径创建工具

基本术语: 锚点 平滑点 方向线

Page 6: 第 5 章    路径及形状处理工具

【钢笔工具】组共包含 5 种工具。在工具箱中单击【钢笔工具】并按住不放,将显示出所有的子工具,如图所示。

Page 7: 第 5 章    路径及形状处理工具

工具组中各工具的主要功能: 钢笔工具( Pen Tool ) 自由钢笔工具( Freeform Pen Tool ) 添加锚点工具( Add Anchor Point Tool ) 删除锚点工具( Delete Anchor Point Tool ) 转换点工具( Convert Point Tool )

Page 8: 第 5 章    路径及形状处理工具

5.1.1 5.1.1 【钢笔工具】【钢笔工具】一、【钢笔工具】选项栏 (如图)

Page 9: 第 5 章    路径及形状处理工具

工具选项栏中各项参数功能及设置方法: 形状图层( Shape layers )按钮 路径( Paths )按钮 填充像素( Fill Pixels )按钮 自由钢笔工具按钮 (矩形工具)

Page 10: 第 5 章    路径及形状处理工具

(圆角矩形工具) (椭圆工具) (多边形工具) (直线工具) (自定形状工具) 自动添加 / 删除( Auto Add/Delete ) 添加到路径区域( Add to path area )

Page 11: 第 5 章    路径及形状处理工具

从路径区域中减去( Subtract from path area )

交叉路径区域( Intersect path areas ) 重叠路径区域除外( Exclude overlapping

path areas )

Page 12: 第 5 章    路径及形状处理工具

下图所示为利用上述几个按钮绘制后的路径。图中正方形为原路径,圆形的为子路径。

Page 13: 第 5 章    路径及形状处理工具

二、【钢笔工具】的使用 1 、在工具箱中选择【钢笔工具】。 2 、将鼠标移到图像编辑窗口中,单击鼠标确定

路径的第一个锚点。 3 、再在另一位置单击鼠标确定路径的第二个锚

点,此时就会在两个锚点间产生一条直线, 如图所示。

Page 14: 第 5 章    路径及形状处理工具
Page 15: 第 5 章    路径及形状处理工具

4 、利用同样的方法再次单击创建第三个锚点,此 时就会产生含有两条直线的路径,如图:

Page 16: 第 5 章    路径及形状处理工具

5 、用鼠标拖动最后一个锚点到其他位置并单击 鼠标,此时将产生曲线的路径,如图:

Page 17: 第 5 章    路径及形状处理工具

6 、将鼠标移至第二个锚点与第三个锚点之间单击 并拖动鼠标,也可以产生曲线路径,如图:

Page 18: 第 5 章    路径及形状处理工具

7 、按 Ctrl 键,在图像中任意位置单击可以完成 路径的创建,生成不闭合的路径;若将鼠 标移到第一个锚点(此时【钢笔工具】的 右下角会出现一个小圆圈)单击可以生成 闭合的路径,如图所示。

Page 19: 第 5 章    路径及形状处理工具
Page 20: 第 5 章    路径及形状处理工具

5.1.2 5.1.2 【自由钢笔工具】 【自由钢笔工具】

自由钢笔工具如图

Page 21: 第 5 章    路径及形状处理工具

各项参数功能及设置方法: 磁性的( Magnetic ):选中

此复选框,则此工具变为【磁性钢笔工具】。单击其左侧形状按钮的下拉按扭,将弹出如图所示下拉列表框。

Page 22: 第 5 章    路径及形状处理工具

上述下拉列表框中各参数的功能及设置方法: 曲线拟合( Curve Fit ) 宽度 对比 频率

Page 23: 第 5 章    路径及形状处理工具

【自由钢笔工具】的使用操作如下: 1 、打开一幅图片。 2 、按 Shift+P 键,切换到【自由钢笔工具】。 3 、将鼠标移到图像窗口中单击并拖动,可沿

鼠标运动的轨迹产生路径,如图所示。

Page 24: 第 5 章    路径及形状处理工具
Page 25: 第 5 章    路径及形状处理工具

4 、若在工具选项栏中选中【磁性的】复选框, 然后在图像边缘单击并拖动,可以沿图像 边缘产生路径,如图所示。

Page 26: 第 5 章    路径及形状处理工具
Page 27: 第 5 章    路径及形状处理工具

5.1.3 5.1.3 【转换点工具】【转换点工具】 在工具箱中选择【转换点工具】,单击路径上的

平滑点可以将其转换成角点;用鼠标拖动路径上的角点,可以将其转换为平滑点,如图示。

Page 28: 第 5 章    路径及形状处理工具

5.2 5.2 路径编辑工具 路径编辑工具

单击工具箱中的【路径选择工具】并按住不放,将显示出其子工具,如图所示。

Page 29: 第 5 章    路径及形状处理工具

这两种工具的功能: 路径选择工具( Path Selection Tool ):选择

一个或多个路径,并对路径进行编辑操作,如对齐、移动路径等。

直接选择工具( Direct Selection Tool ):选择路径上的某一个或几个锚点,移动平滑点两侧的方向点对路径进行修改。

Page 30: 第 5 章    路径及形状处理工具

5.2.1 5.2.1 【路径选择工具】【路径选择工具】 在工具箱中选择【路径选择工具】,其工具选

项栏如图所示。

Page 31: 第 5 章    路径及形状处理工具

工具选项栏中各项参数的功能及设置方法: 显示定界框: ( Combine )按钮 (顶部对齐)按钮 (垂直中央对齐)按钮 (底部对齐)按钮 (左对齐)按钮 (垂直中心对齐)按钮

Page 32: 第 5 章    路径及形状处理工具

(右对齐)按钮 (按顶部分布)按钮 (垂直居中分布)按钮 (按底部分布)按钮 (按左分布)按钮 (水平居中分布)按钮 (按右分布)按钮 (确认)按钮

Page 33: 第 5 章    路径及形状处理工具

5.2.2 5.2.2 【直接选择工具】【直接选择工具】

在工具箱中单击【直接选择工具】,在图像中单击要选择的路径上的锚点,然后用鼠标拖动锚点可以改变路径的形状,如图所示。

Page 34: 第 5 章    路径及形状处理工具

5.3 5.3 【路径】控制面板 【路径】控制面板 执行【窗口】 【显示路径( Show Paths )】

命令,可以打开【路径】控制面板,如图所示。

Page 35: 第 5 章    路径及形状处理工具

【路径】控制面板的各元素的功能及使用方法: 路径名称 路径缩略图 当前路径 填充路径( Fill Path with Foreground Color )描边路径( Stroke Path with Brush )

Page 36: 第 5 章    路径及形状处理工具

路径转换为选区( Load Path as a Selection )

选区转换为路径( Makes Work Path from Selection )

新建路径( Create New Path ) 删除路径( Delete Current Path )

Page 37: 第 5 章    路径及形状处理工具

5.4 5.4 形状工具 形状工具 在工具箱中单击的【矩形工具】并按住不放,

将弹出其子工具,如图所示。

Page 38: 第 5 章    路径及形状处理工具

各工具的功能: 矩形工具( Rectangle Tool ) 圆角矩形工具( Rounded Rectangle Tool ) 椭圆工具( Ellipse Tool ) 多边形工具( Polygon Tool ) 直线工具( Line Tool ) 自定形状工具( Custom Shape Tool )

Page 39: 第 5 章    路径及形状处理工具

5.4.1 5.4.1 【矩形工具】【矩形工具】

在工具箱中选择【矩形工具】后,其工具选项栏如图所示。

Page 40: 第 5 章    路径及形状处理工具

选项栏中各参数的功能及设置方法: 形状图层按钮 :单击此按钮,然后在图像窗

口中拖动鼠标可以创建一个新的图层,如图。

Page 41: 第 5 章    路径及形状处理工具

路径按钮 填充像素按钮 钢笔工具按钮 自由钢笔工具按钮 (矩形工具) (圆角矩形工具)

Page 42: 第 5 章    路径及形状处理工具

(椭圆工具) (多边形工具) (直线工具) (自定形状工具) 创建新形状图层 添加形状区域

Page 43: 第 5 章    路径及形状处理工具

从形状区域中减去 交叉形状区域 重叠形状区域除外

Page 44: 第 5 章    路径及形状处理工具

样式( Style ):用于设置形状图层的样式。单击其右侧的下拉按钮,将弹出如图所示的下拉列表框,可从中选择样式。

颜色

Page 45: 第 5 章    路径及形状处理工具

5.4.2 5.4.2 【圆角矩形工具】【圆角矩形工具】

在工具箱中单击【圆角矩形工具】后,会出现如图 所示的工具选项栏。

Page 46: 第 5 章    路径及形状处理工具

【半径( Radius )】:功能是设置圆角矩形的半径,直接在其文本框中输入半径值即可。如图所示为设置不同半径值后的效果对比图。

Page 47: 第 5 章    路径及形状处理工具

5.4.3 5.4.3 【椭圆工具】【椭圆工具】

在工具箱中选择【椭圆工具】后,其工具选项栏如图所示。

Page 48: 第 5 章    路径及形状处理工具

在工具选项栏中单击形状按钮右侧的下拉按钮,将弹出其选项对话框,如图所示。

Page 49: 第 5 章    路径及形状处理工具

各参数功能及设置方法: 不受限制 圆形(绘制直径或半径)( Circle ( draw dia

meter or radius )) 固定大小 比例 从中心

Page 50: 第 5 章    路径及形状处理工具

5.4.4 5.4.4 【多边形工具】【多边形工具】

在工具箱中选择【多边形工具】后,其工具选项栏如图所示。

Page 51: 第 5 章    路径及形状处理工具

在选项栏中的【边( Sides )】参数用于设置多边形的边数。单击形状按钮右侧的下拉按钮,将弹出其选项对话框,如图所示。

Page 52: 第 5 章    路径及形状处理工具

各参数的功能及设置方法如下 :半径 平滑拐角( Smooth Corners ) 星形( Star ) 缩进边依据( Indent Sides By ) 平滑缩进( Smooth Indents )

Page 53: 第 5 章    路径及形状处理工具

5.4.5 5.4.5 【直线工具】【直线工具】

在工具箱中选择【直线工具】后,其工具选项栏如图所示。

Page 54: 第 5 章    路径及形状处理工具

单击形状按钮右侧的下拉按钮,将弹出如图所示的对话框。在此对话框中用户可以对箭头进行各项参数设置。

Page 55: 第 5 章    路径及形状处理工具

对话框中各参数的功能及设置方法如下: 起点( Start )终点( End ) 宽度长度凹度( Concavity )

Page 56: 第 5 章    路径及形状处理工具

5.4.6 5.4.6 【自定形状工具】【自定形状工具】

在工具箱中选择了【自定形状工具】后,其工具选项栏如图所示。

Page 57: 第 5 章    路径及形状处理工具

在工具选项栏中的【形状( Shape )】参数用于设置所创建的形状,单击其右侧的下拉按钮,将弹出如图所示列表框,可从中选择所需形状。

Page 58: 第 5 章    路径及形状处理工具

在上述列表框中,单击其右侧的三角形按钮,将弹出如图所示的控制菜单,可以在菜单中选择相关命令、列表框中形状缩略图的显示方式以及加载系统提供的其他自定义形状。

Page 59: 第 5 章    路径及形状处理工具

单击【形状】按钮右侧的下拉按钮,将弹出选 项对话框,如图所示。

Page 60: 第 5 章    路径及形状处理工具

对话框中各参数的功能及设置方法: 不受限制 定义的比例( Defined Proportions ) 定义的大小( Defined Size )固定大小 从中心

Page 61: 第 5 章    路径及形状处理工具

【形状工具】的使用:只需在工具箱中选择【形 状工具】后在其工具选项栏中设置好参数后,用 鼠标在图像窗口中拖动鼠标即可,如图所示。

Page 62: 第 5 章    路径及形状处理工具

习题(五)习题(五)

一、选择题 1 、绘制路径的工具有( ) 。

A. 【钢笔工具】 B. 【添加锚点工具】 C. 【转换点工具】 D. 【自由钢笔工具】

AD

Page 63: 第 5 章    路径及形状处理工具

2 、下列哪些工具,可以选择路径( ) 。 A. 【钢笔工具】 B. 【添加锚点工具】 C. 【路径选择工具】 D. 【直接选择工具】

CD

Page 64: 第 5 章    路径及形状处理工具

3 、路径中锚点分为( ) 和( ) 。 A. 平滑点 B. 端点 C. 方向点 D. 角点

A D

Page 65: 第 5 章    路径及形状处理工具

4 、使用( ) 工具可以创建形状。 A. 【矩形工具】

B. 【圆角矩形工具】 C. 【自定形状工具】 D. 【椭圆工具】

ABCD

Page 66: 第 5 章    路径及形状处理工具

5 、在调整路径时,按住( ) 键拖动方向线可 以单方向改变曲线形状。

A. Shift

B. Ctrl

C. Tab

D. Alt

D

Page 67: 第 5 章    路径及形状处理工具

二、判断题 1 、平滑点两侧为曲线。( ) 2 、角点两侧必须都是直线。( ) 3 、【重叠路径区域除外】按钮的功能是绘制

子路径后,最后得到的路径 区域为当前路径区域与子路径区域之和,再减去当前路径区域与子路 径区域相交的区域。 ( ) √

√×

Page 68: 第 5 章    路径及形状处理工具

4 、在【路径】控制面板中【将路径作为选区载 入】按钮的功能是将路径转换为选区。 ( )

5 、在【箭头】对话框中,在【凹度】输入正值 则箭头末端向外凸。 ( )

×

Page 69: 第 5 章    路径及形状处理工具

三、上机操作题 1 、利用【钢笔工具】绘制如图所示的路径,

并对其进行描边。

Page 70: 第 5 章    路径及形状处理工具

2 、利用【形状工具】创建如图所示的效果图。