第四天 矢量形状与路径
实训项目一路径和形状的应用
实训项目一路径和形状的应用一实训目的理解形状图层，包括：使用钢笔工具和自由钢笔工具创建形状图层、使用形状工具创建形状图层、以及使用直接选择工具修改形状图层。
学会建立矢量蒙版并应用图层样式、掌握使用不同的绘图工具描绘路径曲线、学会利用形状工具和自定义形状创建填充图形、将路径曲线转换为预制的形状图形。
熟悉使用路径调板菜单和按钮填充路径区域，以及将路径转换为选区的一般步骤。
二背景知识路径和形状曲线是一种辅助几何图形，它们对图像并没有直接的何影响或作用。
路径和形状的作用必须通过对其不同的应用来体现。
一、利用路径作为矢量蒙版来隐藏图层某些区域矢量工具可在图层上创建尖锐分明的几何形状，利用路径矢量蒙版来隐藏图层区域，由此可以灵活编辑、调整路径形状。
隐藏的图层区域可以是普通图层，也可以是填充或调整图层。
所编辑的蒙版几何形状可以用来反复修改，以获取不同的图形外观。
也可以给矢量蒙版施加不同的样式或纯色填充。
即使用矢量蒙版创建图层之后，可以给该图层应用一个或多个图层样式，成为形状图层。
形状的轮廓信息存储在链接的图层矢量蒙版中。
使用形状工具或钢笔工具也可以直接创建形状图层，即链接到矢量蒙版的填充图层。
通过编辑形状的填充内容，可以很容易地将其内容更改为不同颜色、渐变、图案或图层样式。
二、描边路径和填充路径描边路径可用于绘制路径的边缘。
“描边路径”命令可以沿任何路径创建绘画描边，此时应注意路径曲线的绘制方向，并且需要借助Photoshop7.0强大的画笔工具设置当前画笔类型和动态参数。
使用路径描边时，所绘制的内容一定要处于当前的活动图层上。
如果选择了形状图层或文本图层时，则无法对路径进行描边处理。
填充路径的过程与使用形状工具创建形状图层相似，但缺乏前者具备的修改灵活性。
当填充路径时，应首先选择目标图层作为当前活动图层，然后通过调板菜单命令或形状工具完成填充操作。
三、将路径转换为选区和输出矢量路径到其它系统路径曲线具有平滑的轮廓，因此可以将其转换成由像素构成的选区轮廓。
Adobe Photoshop软件的矢量和形状设计的使用方法
Adobe Photoshop软件的矢量和形状设计的使用方法Adobe Photoshop是一款广泛使用的图像编辑软件，具有强大的功能和灵活的操作方式。
在设计领域中，矢量和形状设计是常见的任务之一。
本文将介绍Adobe Photoshop软件中矢量和形状设计的使用方法，包括绘制矢量图形、编辑形状路径和应用形状工具。
一、绘制矢量图形矢量图形以数学公式来描述图形的形状，它们可以根据需要无限放大或缩小而不失真。
在Photoshop中，我们可以使用矩形工具、椭圆工具和自定义形状工具等来绘制矢量图形。
要绘制矩形或椭圆，选择相应的工具，然后在画布上拖动鼠标来绘制形状。
按住Shift键可以绘制正方形或圆形，按住Alt键可以从中心点开始绘制。
绘制完成后，可以通过选择工具来重新调整、移动或旋转矢量图形。
自定义形状工具是一种非常强大的工具，它允许用户绘制各种自定义形状，例如箭头、星形等。
要使用自定义形状工具，首先选择该工具，然后在选项栏中选择所需的形状，最后在画布上点击并拖动鼠标来绘制形状。
二、编辑形状路径在Photoshop中，可以对矢量图形的路径进行编辑，以修改形状或添加细节。
常用的路径编辑工具有直接选择工具和锚点工具。
直接选择工具允许我们选择和调整路径上的锚点和线段。
通过选择直接选择工具，点击锚点可以选择它，然后可以使用移动工具来移动锚点位置。
同时，可以调整锚点的切线和曲线，以改变路径的形状和弯曲度。
锚点工具用于添加或删除锚点，以进一步改变路径的形状。
通过选择锚点工具，我们可以单击路径上的任意位置添加锚点，通过拖动锚点可以改变路径的形状。
三、应用形状工具在Photoshop中，形状工具提供了各种预定义的形状，包括标准图形和自定义形状。
形状工具广泛应用于图标设计、图形处理等方面。
要使用形状工具，选择相应的工具，然后在画布上点击并拖动鼠标来绘制形状。
按住Shift键可以保持形状的比例，按住Alt键可以从中心点开始绘制。
矢量图形和路径的绘制
直直线。
设置直线的宽度，取值范围
直线工具选项
为1~1000像素
控制直线的两端箭头效果
设置箭头宽度与直线宽度之间的 比例，取值范围10%~·1000%
设置箭头长度与直线宽度之 间的比例，取值范围10%~ 5000%
可编辑ppt
16
设置箭头的凹陷程度，取值范围-50%~50%
几何图形工具
自定义形状：
在画布上创建工作路径，执行菜单命令“编辑/定义
自定形状”，在弹出的“形状名称”中输入名称，单
击“确定”按钮即可。 可编辑ppt
17
自定形状工具选项设置
可编辑ppt
18
绘制矢量图形及路径小结
通过学习使用钢笔工具、自由钢笔工具、 几何图形工具绘制矢量图形和路径，需要 注意不同工具的选项设置。
钢笔类工具只可以使用形状图层和路径两 种绘图模式，几何图形工具还可以使用填 充像素绘图模式。
可编辑ppt
7
绘制曲线路径：选取钢笔工具，确定路径 的起始位置单击鼠标左键，按住鼠标左键 进行拖动，此时出现第一个锚点，从锚点 中拖出方向线，拖动方向线设置要创建的 曲线段的斜度，确定后松开鼠标左键即可。
绘制开放曲线路径和闭合曲线路径与绘制 直线路径相同。
可编辑ppt
8
配合键盘辅助键绘制路径：
可编辑ppt
9
钢笔工具选项设置
勾选此项后，在绘制路径时鼠标 会带动一条虚拟的路径段。
勾选此项后，可在路径上快速随意增加或删除锚点
可编辑ppt
10
形状图层模式的选项设置
创建形状图层或，
设
“链接”按钮自动被 激活，前景色、
置 形 状
新图层颜色与创建
图
介绍Illustrator中的形状和路径编辑技巧
介绍Illustrator中的形状和路径编辑技巧Illustrator是Adobe公司的一款专业矢量图形编辑软件，广泛应用于插图制作、平面设计、图像编辑等领域。
在Illustrator中，形状和路径编辑是非常重要的技巧，下面将介绍几种常用的形状和路径编辑技巧。
一、形状编辑技巧1. 基本形状绘制：在Illustrator中，可以使用矩形工具、椭圆工具、多边形工具等绘制各种基本形状。
在绘制过程中，可以按住Shift键保持比例，按住Alt键从中心点开始绘制。
2. 形状变换：在绘制完成的形状上，可以通过直接选择工具选中形状的锚点或边缘，并进行平移、旋转、缩放、扭曲等变换操作。
同时，可以使用变换工具对整个形状进行变换操作。
3. 弧度和角度控制：在绘制弧度或角度较大的形状时，可以按住Shift键进行限制。
在选择直线工具或钢笔工具时，可以调整工具栏上的控制点，以获得不同的角度。
二、路径编辑技巧1. 复制和平移路径：在路径上选择锚点或整个路径，按住Alt键或Shift键进行复制或平移操作。
通过这种方式复制和平移路径，可以快速创建重复的形状或路径。
2. 锚点编辑：选择直接选择工具，点击路径上的锚点可以调整形状和角度。
通过拖动锚点或使用控制手柄可以改变路径的弯曲程度，使形状更加灵活。
3. 连接和切割路径：Illustrator提供了连接路径和切割路径的功能，可以通过这两种操作将多个路径连接在一起或将路径分割成多个部分。
通过选择路径或锚点，并点击相应的按钮实现这两种操作。
三、形状和路径的组合与分离1. 形状组合：在Illustrator中，可以将多个形状组合在一起，以创建新的形状。
通过选择多个形状，并点击路径查找工具中的形状模式，可以实现合并形状、排除重叠部分、交叉裁剪等操作。
2. 路径分离：在某些情况下，我们可能需要将一个复合路径分离成多个独立的路径。
在直接选择工具中选择路径，并点击切割工具，即可将路径分割成多个独立的线段。
Photoshop CS4路径和矢量图形工具的应用
1、存储工作路径
默认情况下，利用【钢笔】工具或矢量形状 工具绘制的路径是以“工作路径”形式存在的。工 作路径是临时路径，如果取消其选择状态，当再 次绘制路径时，新路径将自动取代原来的工作路 径。如果工作路径在后面的绘图过程中还要使用， 应该保存路径以免丢失。存储工作路径有以下两 种方法。
利用路径工具绘制出如图所示的标志 图形。
具体操 作步骤详见 教材。
任务二锯齿效果制作
【路径】面板主要用于显示绘图过程 中存储的路径、工作路径和当前矢量蒙版 的名称及缩略图，并可以快速地在路径和 选区之间进行转换、用设置的颜色为路径 描边或在路径中填充前景色等。
l 【填充】按钮 ：单击此按钮，将以前景色 填充创建的路径。
l 【自由钢笔】工具 ：选择此工具后，在图像文件中 按下鼠标左键并拖曳，沿着鼠标指针的移动轨迹将自 动添加锚点生成路径。当鼠标指针回到起始位置时， 右下角会出现一个小圆圈，此时释放鼠标左键即可创 建闭合钢笔路径。鼠标指针回到起始位置之前，在任 意位置释放鼠标左键可以绘制一条开放路径；按住Ctrl 键释放鼠标左键，可以在当前位置和起点之间生成一 条线段，从而闭合路径。另外，在绘制路径的过程中， 按住Alt键单击，可以绘制直线路径；拖曳鼠标指针可 以绘制自由路径。
l 【转换点】工具 ：利用此工具可以使锚点 在角点和平滑点之间切换，并可以调整调节柄 的长度和方向，以确定路径的形状。将鼠标指 针放置到角点位置按下鼠标左键并拖曳，可将 角点转换为平滑点；将鼠标指针放置到平滑点 上单击，可将平滑点转换为角点。另外，利用 【转换点】工具调整带调节柄平滑点一侧的控 制点，可以调整锚点一侧的曲线路径形状；按 住Ctrl键调整，可以同时调整平滑点两侧的路 径形状；按住Ctrl键在锚点上拖曳鼠标指针， 可以移动该锚点的位置。
矢量图形和路径的绘制
创建矢量图形和路径的工具
钢笔工具 自由钢笔工具 几何图形工具（矩形工具、圆角矩形工具、
椭圆工具、多边形工具、直线工具、自定 形状工具）
钢笔工具
钢笔工具 主要用于绘制直线和精确地曲 线路径，有时在绘制精确图形和创建精确 路径时也要使用钢笔工具。
矢量图形和路径的概述
矢量图形：是由数学形式中的点、线构成面，
由面构成几何图像。 矢量形状：在Photoshop中使用形状工具或钢
笔工具绘制的图形，包括路径和填充色。
路径：路径可以转换为选区或使用颜色填充和 描边的矢量形状轮廓。路径有锚点和路径段构 成。
工作路径：使用钢笔工具或是形状工具绘制线 条后，系统会自动将线条作为工作路径存储在 “路径”调板中，以便于调用和编辑。
勾选此项后，可在路径上快速随意增加或删除锚点
形状图层模式的选项设置
创建形状图层或，
设
“链接”按钮自动被 激活，前景色、
置 形 状
新图层颜色与创建
图
的形状图层颜色
层
保持一致。
的
颜
色
用于设置形状图层的样式。在预设 面板和样式调板里可对其进行设置。
自由钢笔工具
自由钢笔工具 可随意绘制路径，类似于 铅笔的绘制，鼠标经过的地方将自动产生 锚点与路径段。
工具选项设置
几何图形工具
多边形工具： 主要用于绘制多边形和形象
多边形工具选项栏设置
设置多边形半径，可以 创建精确尺寸的多边形
使多边形顶角圆滑 勾选后绘制多角星形
控制星形的内外半径比例
设置多边形的边数，取 值范围为3~100
路径与形状
2. 形状图层选项
4
形状的填充
默认用前景色填充形状
必须先选中某个【几何形状工具】或【钢 笔工具/自由钢笔工具】，使用几何形状工 具的选项改用某种样式（即图案）填充， 或者改用某个颜色填充，颜色的修改不影 响前景色。
而且，图层面板中该形状图层的“矢量蒙 版缩览图”必须被点中，这样填充才生效 。
菜单【编辑】|【变换路径】|【…】
【添加锚点工具】
【删除锚点工具】 【转换点工具】
局部调整
21
路径或形状局部调整工具详解
添加锚点工具 在路径上非锚点的位置单击
删除锚点工具 单击路径上已有锚点
转换点工具 直角型锚点转换成光滑性锚点 选中锚点，然后拖动此锚点 光滑型锚点转换成直角型锚点 用【转换点工具】鼠标单击此锚点 将光滑型锚点转换成拐角型锚点 拖动锚点两侧的控制手柄
三类锚点通过【转换点工具】进行转换。
19
路径或形状选择工具
路径选择工具
只能选择整条路径 对整条路径进行移动、变换等操作
直接选择工具
选择路径的一个或多个锚点 拖动锚点改变单个锚点的位置
20
路径或形状调整工具
先用【路径选择工具】，选定要调整的路 径
菜单【编辑】|【自由变换路径】 全局调整
矢量图层位图图层
文字图层位图图层
1. 选中某文字图层， 2. 【图层】/【栅格化】/【文字】
形状图层位图图层
1. 选中某形状图层， 2. 【图层】/【栅格化】/【形状】
位图图层矢量图层 是不合适的。
13
路径
14
路径是什么？
所有使用矢量绘图软件或矢量绘图工具制 作的线条，原则上都可以称为“路径”， 路径即用矢量表示的线条。
AE矢量动画指南 形状图层和路径动画
AE矢量动画指南：形状图层和路径动画AE（Adobe After Effects）是一款广泛用于视频制作和动画制作的软件。
在AE中，形状图层和路径动画是非常重要的元素，它们可以帮助我们创建各种各样的矢量动画效果。
本篇文章将重点介绍AE中形状图层和路径动画的使用技巧。
首先，让我们来了解一下什么是形状图层。
形状图层可以创建和处理AE中的矢量图形，如圆、矩形、椭圆等。
要创建一个形状图层，可以点击菜单栏中的“图层”选项，然后选择“新建”>“形状层”。
在形状图层中，可以通过修改形状的路径、填充颜色和描边属性来实现不同的效果。
一种常见的使用形状图层的方法是创建文本动画。
通过将文本转换为形状，可以对其进行更加灵活和自定义的动画效果。
可以选择文本图层，然后点击菜单栏中的“图层”选项，选择“创建”>“形状”>“从文本创建形状”。
这样，文本就会被转换为一个形状图层，可以对其进行路径动画等操作。
接下来，我们来了解一下路径动画的使用方法。
路径动画是指在形状图层中通过改变路径的形状和属性，来创建动画效果。
路径动画可以用于创建物体的移动、变换、旋转等效果。
要创建路径动画，首先需要在形状图层中创建一个路径。
可以通过选择形状图层，在属性面板中找到“形状路径”选项，然后点击“添加”按钮来创建一条路径。
创建路径后，可以使用“直接选择工具”或“转换工具”来调整路径的形状和位置。
路径创建好后，可以单击形状图层右侧的三角形按钮展开路径属性，然后找到“路径”下的“蒙版形状”选项。
选择“蒙版形状”后，可以使用关键帧来控制路径在时间轴上的变化。
点击时间轴上的“小钟表”图标来创建关键帧，然后可以在关键帧上调整路径的形状和位置。
路径动画不仅仅局限于简单的形状变化，还可以结合其他属性来实现更加复杂的效果。
例如，可以在形状图层中添加旋转、缩放等属性，并在不同的关键帧上设置不同的数值，从而实现物体的旋转和变换。
除了形状图层和路径动画，AE中还有许多其他有用的功能和效果可以用来增强动画效果。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
第四天矢量形状与路径
（一）矢量图与位图
矢量图：由点，线，形，以数学矢量方式来记录的图形。
特点：放大不失真
位图：是由像素来构成的图像
特点：放大失真
（二）选区绘制的形状与形状工具绘制的形状的区别
选区绘制的属于位图：需要新建图层，放大会失真
形状工具绘制的属于矢量图：不需要新建图层，放大不会失真
（三）形状工具组U
矩形工具：可以绘制矢量的矩形，可以双击图形缩略图进行改色
在属性栏中可以改尺寸，也可以在空白处单击精确绘制矩形。
圆角矩形工具：先设置圆角大小，再绘制形状。
也可以在空白处单击精确绘制圆角矩形。
椭圆工具：可以绘制矢量的圆形及椭圆，也可以在空白处单击精确绘制圆形。
多边形工具：可以任意设置边数得到不同的形状，比如，要做三角形，选择3个边，要做六边形，选择边数为6.
形状图层转换为像素图层：栅格化图层（在图层中右键单击）
（四）路径与形状的区别
路径是一条路径线（辅助功能），需要有后续操作：转选区，填充，描边
形状是包含路径的，可以通过小黑小白对形状进行调整。
通过小白进行形状调整：
两种方式：1，用小白工具框选要选中的锚点（从空白区域开始框选）
2，用小白先在路径线上单击，再选中锚点，再按SHIFT键加选。
注意事项：
在复制时，如果用小白选中了其中的一个锚点，就只会复制一个线段
用小黑全部选择一下，就能全部复制。
（五）形状的填充和描边属性
填充属性：
填充基础效果：
描边基本效果：
描边属性：
钢笔工具高级应用：
选择钢笔工具，按下ALT键切换成转换点工具，可以把平滑点转换成角点。
把钢笔工具放在路径线上可以自动添加锚点，放在锚点上就可以删除锚点。
（六）裁切工具C
C裁切：可以把画布由大切小，反方向裁切时，可以加大画布。
（七）形状的布尔运算
两种做法：
1，先绘制一个形状，再选择运算方式，然后再绘制第二个形状,可以对其调整，确定后做合并形状组件。
合并图层：CTRL+E
2，先绘制两个形状，再合并图层，用小黑选中形状，再选运算方式，可以对其做调整，确定后做合并形状组件。
特别注意：在做减运算时，只能用小黑选择一个形状，就是做剪刀的形状（在上层的），如果选中两个形状，相当于和背景做运算。