平面设计路径与形状
临沂平面设计路径课件
1
本章主要内容
1 路径工具 2 路径编辑 3 路径面板
临沂邦文教育
2
路径是由贝塞尔曲线构成的线条或图形。 贝塞尔曲线是由 3点的组合定义成的，一个点(锚点)在曲 线上，另外两个点(方向点)在控制手柄上，拖曳这3个点可以 改变曲度和方向。
控制点（方向点） 制点（方向点）
临沂邦文教育
3
2 路径工具 创建、编辑路径的工具 主要包括：
钢笔工具
自由钢笔工具
形状绘制工具组
临沂邦文教育
4
2.1 钢笔工具 可绘制直线或曲线。 形状图层按钮：在新的图层中创建具有前景色填充的形状 图形。形状图层包含定义形状颜色的填充图层以及定义形 状轮廓的链接矢量蒙版。 【图层】调板中会显示形状和填 充二者的缩览图。形状就如同填充上面的一个窗口，如果 从图层中删除形状，填充将充满整个图层。形状轮廓是路 径，它出现在“路径”调板中。
临沂邦文教育
14
矢量绘图实例——漫画的绘制
临沂邦文教育
（1）绘制椭圆形图片
临沂邦文教育
（2）使用【自定形状工具】绘制一些图案
临沂邦文教育
路径应用实例——绘制图形
临沂邦文教育
路径应用实例——绘制图形
临沂邦文教育
路径 钢笔和自由钢笔 路径区域运算方 式，类似选区运算
形状图层
填充像素
形状绘制工具组
绘制过程中是否允 许添加或删除锚点
临沂邦文教育
6
使用钢笔工具绘制路径过程中，注意： 绘制不闭合的路径：最后一个位置确定后，按住Ctrl键， 在路径外单击鼠标，或按ESC可以退出路径绘制。 绘制直线：单击鼠标，添加锚点，生成直线路径，按 Delete键可以删除当前锚点。点击连接锚点，可以继续 连接路径。 绘制曲线：从单击的锚点处开始拖动，可以绘制曲线路 径，会生成方向线和方向点。按住 Alt 点击锚点，可删 除方向线，常用于直线点和曲线点的连接处；按Delete 键可以删除当前锚点。点击连接锚点，可以继续连接路 径。 按住Alt键，单击出拐点，扯出方向线，直线变曲线。
ps中路径转换成形状
ps中路径转换成形状在使用Photoshop进行设计工作时，我们经常会遇到将路径转换成形状的需求。
在平面设计、UI设计、插画绘制等领域，这种操作非常常见。
下面我们来分步骤阐述如何在Photoshop中将路径转换成形状。
步骤1：创建新文档和路径首先，我们需要创建一个新文档并在其中创建一个路径。
路径是由点、线、曲线组成的一种矢量图形。
可以通过钢笔工具或形状工具等工具创建路径。
步骤2：选择路径工具在工具栏中选择“路径工具”（快捷键P），然后在路径列表中选择路径。
这时路径会被选中，路径的左侧会出现一个小勾选框，表示路径被激活。
步骤3：路径转换在菜单栏中找到“图层”>“路径”>“路径转换成形状”。
点击后，路径会转换成矢量形状。
这时在“路径”列表中就会出现一个新的形状，且原来的路径会消失。
步骤4：编辑形状在转换成形状后，可以在形状上进行编辑、修改等操作。
为了使编辑更加方便，可以将形状转换成独立的图层。
方法是在“路径”列表中选中形状，然后点击“图层”>“新建图层”，这时会自动生成一个新图层，并将形状复制到新图层中。
步骤5：导出形状在完成编辑后，可以将形状导出为PNG、JPG等常见的文件格式。
方法是在菜单栏中选择“文件”>“导出”>“导出为”，选择需要导出的文件格式和存储位置，然后点击“导出”即可。
总结将路径转换成形状是Photoshop中常见的操作之一，可以使我们更方便地创建、编辑矢量图形。
在进行操作时需要注意路径的选择和转换操作的步骤，避免操作失误。
同时，为了便于编辑和导出，建议将形状转换成独立图层，并导出为常见文件格式。
第五章 形状和路径的创建与编辑
第5章形状和路径的创建与编辑在图像处理与图形绘制过程中，路径和形状工具应用非常广泛，能精确创建矢量图形，在一定程度上弥补了位图的不足。
本章主要讲解了形状和路径工具的创建和编辑方法，可以创建多种规则或不规则的形状和路径，如矩形、圆角矩形、椭圆形、多边形、直线、文字形状和自定义形状。
还可以对创建的路径进行编辑，如选择、复制、移动、保存路径，对锚点增加、减去、删除，对路径填充和描边，路径和选区之间的转换等。
第5章形状和路径的创建与编辑5.1 本章要点在Photoshop CS5中，形状也称矢量图，是用一系列数学公式计算出来的描述和记录的线条图像，它由多个点线面等组成，记录的是对象的几何形状、线条粗细和色彩等。
在工具箱中的形状工具组中选用相应的绘制工具，如矩形工具、圆角矩形工具、椭圆工具、多边形工具、直线工具、自定义形状工具，设置好其选项栏就可以在图像中绘制形状。
路径是一种绘制适量图像的工具，用一系列锚点连接起来的线段或曲线，可以沿着这些线段或曲线进行描边或填充，还可以转换为选区。
形状工具组绘制的形状就是由路径构成的。
使用形状工具和路径工具能绘制平面设计中的标志、特殊图形或制作特殊的形状选区。
5.2 技能目标✓学习形状工具的使用✓掌握形状的自定义及使用方法✓学习钢笔工具的使用方法✓掌握路径的选择和编辑✓掌握路径的填充和描边✓掌握路径与选区之间的转换方法5.3 工作场景导入在进行图像编辑或平面设计中，我们经常会使用Photoshop为公司或单位设计logo或标志，以进行产品的宣传；或者我们需要把图片中某些比较难抠选的景物选取出来，以便进行图像合成。
Photoshop平面设计教程5.4 分析问题要制作上述的效果，我们要通过Photoshop中的形状工具、钢笔工具等结合直接选择工具、路径选择工具来完成，logo包括规则或不规则的形状，需要通过形状的计算才能准确绘制；需要耐心地对路径进行描绘出，再对路径进行选区的转化后抠选对象，才能对对象边缘选择。
路径绘制的技巧
路径绘制的技巧路径绘制是绘画和设计领域中常用的技巧。
无论是在平面设计、建筑设计还是景观设计中，路径绘制都能够帮助我们精确地控制和安排图形元素的位置和形状。
接下来，我将为您详细介绍一些路径绘制的技巧，并解释如何在常见的设计软件中实现这些技巧。
首先，路径绘制的基础是掌握贝塞尔曲线的概念和使用。
贝塞尔曲线是一种数学曲线，由起始点、终止点和控制点组成。
通过调整控制点，我们能够精确地控制曲线的形状和弯曲度。
在路径绘制中，我们通常使用二次贝塞尔曲线或三次贝塞尔曲线来创建曲线路径。
在设计软件中，如Adobe Illustrator、Adobe Photoshop和Sketch等，都提供了直观的工具来创建和编辑贝塞尔曲线。
其次，了解路径的编辑工具和功能也是路径绘制的关键。
在设计软件中，我们可以使用直接选择工具或路径编辑工具来选择和调整路径的节点和线段。
通过拖动节点，我们可以改变路径的形状；通过添加或删除节点，我们可以添加或删除路径的曲线部分。
另外，借助路径平滑工具和修整工具，我们能够进一步优化路径的形状和平滑度。
在设计过程中，灵活运用这些路径编辑工具，可以使我们更好地控制和调整路径的形状。
第三，绘制路径时，注意路径的连续性和平滑度。
路径的连续性指的是路径的每个线段和节点之间都应该是连续的，不存在断裂或间隙。
为了确保连续性，我们可以使用路径切割工具或路径连接工具来切割和连接路径的线段和节点。
另外，路径的平滑度指的是路径的曲线部分是否流畅和自然。
为了提高平滑度，我们可以适当地调整贝塞尔曲线的控制点，使曲线更加平滑和优雅。
第四，利用路径绘制工具进行准确的测量和校正。
在设计中，路径的位置和长度常常需要精确地测量和调整。
设计软件中的路径绘制工具通常都提供了测量和校正路径的功能，比如测量路径的长度和角度、调整路径的位置和对齐路径等。
通过善于利用这些工具，我们能够准确地控制和调整路径的位置和大小。
第五，掌握路径的层次结构和组织方式。
路线平面设计方法
路线平面设计方法路线平面设计是指在城市规划中，规划师将道路、路径和其他交通设施在平面上规划和设计的过程。
这一过程旨在提供高效、安全和可持续的交通运输系统，以满足人们的出行需求。
在进行路线平面设计时，规划师需要考虑各种因素，包括道路类型、交通流量、地理条件、环境影响和社会因素等。
下面将详细介绍一些常用的路线平面设计方法。
1.道路分类和等级设计：首先，规划师将道路根据其功能和交通流量分为不同的类别。
例如，主干道、次干道、支路和脉络道等。
然后，根据道路的分类，确定道路的等级，进一步指导路线平面设计的方向。
2.道路几何设计：根据道路的等级和其他要求，规划师需要确定道路的几何要素，包括道路宽度、曲线半径、超高和边坡等。
这些要素的设计需要考虑到交通流量、车速、行人需求和道路安全等因素。
3.交通流量分析和预测：规划师需要对交通流量进行分析和预测，以确定道路的容量和设计水平。
这可以通过采集交通数据、进行交通模型和仿真来实现。
基于交通流量的分析结果，规划师可以确定道路的数量、容量和流动性要求，以及任何必要的信号控制和道路连接。
4.安全评估和设计：在进行路线平面设计时，安全是一个重要的考虑因素。
规划师需要进行安全评估，确定可能的交通冲突点，并设计相应的解决方案，以减少事故发生的可能性。
这可以包括改变交叉口的类型、添加交通信号灯、改善能见度和设置交叉口标识等。
5.道路标记和交通控制设计：规划师需要确定道路的标记和交通控制措施，以指导和管理交通流。
这包括确定适当的标志和标线、交通信号灯、人行横道和停车位等。
道路标记和交通控制设计应该遵守现行的交通规则和规定，并考虑到行人和驾驶员的需求。
6.环境保护和可持续性设计：在进行路线平面设计时，规划师需要考虑环境保护和可持续性的因素。
这包括减少土地使用、保护自然环境、管理水资源和能源，以及减少污染和噪音等。
规划师应该寻找最佳的平衡点，以满足交通需求和环境需求。
7.社会因素和社区参与：路线平面设计应该充分考虑社会因素和社区参与。
Illustrator中的路径和形状编辑技术分享
Illustrator中的路径和形状编辑技术分享在平面设计和图形处理领域，Adobe Illustrator 无疑是一款强大的工具。
而其中的路径和形状编辑技术更是实现创意设计的关键所在。
接下来，就让我们一起深入探讨这些实用且有趣的技术。
路径，简单来说，就是由一系列的点和线段连接而成的线条。
在Illustrator 中，路径可以是开放的，比如一条直线；也可以是封闭的，例如一个圆形。
我们先来说说路径的绘制工具。
钢笔工具是最为常用且重要的工具之一。
使用钢笔工具时，通过点击和拖动鼠标，可以轻松地创建出各种复杂的路径。
比如，要绘制一条平滑的曲线，只需在起始点点击，然后在需要弯曲的地方点击并拖动鼠标，软件会自动生成平滑的曲线段。
而如果想要创建一个尖锐的转角，只需在点击下一个点时不拖动鼠标即可。
除了钢笔工具，还有诸如铅笔工具、曲率工具等可以用来绘制路径。
铅笔工具更适合自由手绘的风格，而曲率工具则能更快速地创建出平滑且精确的曲线。
创建好路径后，接下来就是对路径的编辑。
其中一个重要的操作是调整路径上的锚点。
选中路径后，可以看到路径上的锚点，通过拖动锚点来改变路径的形状。
如果想要让路径更加平滑，可以使用平滑工具或者转换锚点工具。
平滑工具会自动平滑路径的曲线部分，而转换锚点工具则可以将尖锐的锚点转换为平滑的锚点，或者将平滑的锚点转换为尖锐的锚点，以满足不同的设计需求。
在形状编辑方面，Illustrator 提供了丰富的预设形状，如矩形、圆形、多边形等。
这些形状在创建后，也可以通过各种方式进行编辑。
比如，对于矩形，我们可以通过直接拖动角点来改变其长宽比例，或者在属性栏中精确地输入数值来调整大小。
而且，还可以将矩形的角转换为圆角，只需在属性栏中设置圆角半径即可。
圆形也是如此，不仅可以改变其大小，还能通过裁剪、分割等操作来创造出独特的形状。
路径和形状之间还可以相互转换。
一个封闭的路径可以转换为形状，而形状也可以通过释放转换为路径，以便进行更灵活的编辑。
详细解析Illustrator中的形状和路径操作
详细解析Illustrator中的形状和路径操作一、引言Adobe Illustrator是一款专业的矢量图形编辑软件，常用于图形设计、插图制作以及平面设计等领域。
本文将详细解析Illustrator中的形状和路径操作，帮助读者更好地掌握这些功能。
二、形状操作1. 绘制基本形状在Illustrator中，可以使用矩形工具、椭圆工具、多边形工具等绘制基本形状。
在工具栏中选择相应的工具，点击并拖动鼠标，即可绘制出相应的形状。
同时，还可以通过按住Shift键来保持形状的比例。
2. 修改形状属性在绘制形状后，可以通过调整形状属性来修改其外观。
选择形状并打开属性面板，可以对填充颜色、描边颜色、描边粗细等进行调整。
此外，还可以对形状进行副本、平移、旋转、缩放等操作。
三、路径操作1. 创建路径在Illustrator中，路径是由锚点和线段组成的。
使用铅笔工具或钢笔工具可以创建路径。
铅笔工具用于绘制自由形状的路径，而钢笔工具则可创建直线段和曲线段的路径。
2. 编辑路径在创建路径后，可以使用直接自由选择工具、锚点工具、切片工具等来编辑路径。
直接自由选择工具可以直接拖动路径的线段和锚点，调整形状；锚点工具可以用于添加、删除和调整路径上的锚点；切片工具可用于分割路径和裁剪路径之间的区域。
3. 使用形状构建工具Illustrator还提供了形状构建工具，可用于创建和编辑复杂的路径。
例如，路径查找工具可以根据路径的关系创建新的路径，形状生成器工具可根据图形形状创建新的路径等。
四、形状与路径的相互转换在Illustrator中，可以将形状转换为路径，也可以将路径转换为形状。
形状转路径可以使其具有更多的编辑可能性，而路径转形状则可以使其具备形状的特性。
转换操作可通过“对象”菜单中的“展开”和“合并”命令来实现。
五、形状和路径操作的实际应用1. 插图制作Illustrator中的形状和路径操作非常适合用于插图制作。
通过绘制复杂路径、调整形状属性和修改路径，可以创作出风格独特的插图作品。
PS 第7章_路径和矢量图形
PhotoShopCS2平面设计实用教程
7.2.1钢笔工具
（8）样式：用于形状图层添加系统预设的样式。 （9）颜色：颜色单击颜色色块弹出“拾色器”对话框，用来选择填充颜色。
2.使用钢笔工具绘制路径
（1）绘制直线路径 使用单击鼠标的方式产生直线锚点，从而绘制直线路径。具体操作如下： ①选择钢笔工具，确认选中 ，确认钢笔几何选项未勾选“橡皮带”复选框。 ②将钢笔指针定位在起点并单击鼠标，形成第一个锚点。 ③将钢笔指针移动到终点位置处单击鼠标，两个锚点之间即可创建一条直线，如图7-7所示。 ④如果要创建封闭式直线路径，在结束时将鼠标指针移到起始锚点上，当鼠标指针变为 形 状时，单击鼠标，即可完成创建封闭式直线路径的绘制，如图7-8所示。
图7-6 钢笔工具选项栏2
PhotoShopCS2平面设计实用教程
7.2.1钢笔工具
钢笔工具选项栏各选项参数含义如下。 （1）形状图层按钮 ：按下此按钮，选项栏如图7-5所示，表示当前正在创建或编辑图形或 形状图层。在绘制路径中会自动填充前景色或一种选定的图层样式图案，每绘制一个图 像就创建一个图层，绘制后的图像不能用油漆桶工具填充颜色和图案。 （2）路径按钮 ：按下此按钮，选项栏如图7-6所示，表示当前正在绘制路径，而且不能自 动进行填充。 （3）路径工具按钮 ：选择当前使用的是钢笔工具或是自由钢笔工具。 （4）形状按钮 ：分别用于绘制矩形、圆角矩形、椭圆、多边形、直线、自定义 形状图形形状或路径。 （5）几何选项按钮 ：选择不同的工具选项按钮，单击此按钮，弹出不同的调板，以控制不 同的几何选项。 （6）自动添加/删除：选中此复选框，使用钢笔工具不仅可以绘制路径，钢笔工具还具备自 动添加/删除的功能，可以在原路径上添加或删除锚点。当移动到原路径曲线上时，在原 指针右下方增加一个“+”号，单击路径曲线，即可在单击处增加一个锚点；当移动到原 路径锚点上时，在原指针右下方增加一个“-”号，单击锚点，即可删除该锚点。 （7）多路径设置按钮：用来决定绘制路径且路径重叠时采取何种处理方式。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
*在锚点上按下shift可在水平、垂直或 45度方向拖动锚点。
*在路径段上按下alt不放，光标变成直 接选择工具，拖动可以复制当前路径。
删除锚点工具：
* 在锚点上按下alt不放，光标变成直接选 择工具，拖动可以复制当前路径。
* 在锚点上按下ctrl，变成直接选择工具。 * 在路径段上按下alt，变成添加锚点工具。 转换锚点工具： *在路径中任何一点按下alt，可对整个路径
按下shift不放，移动鼠标建立新锚点时， 将锚点建立限制在水平、45度和垂直范 围内。
按下ctrl键不放，可将钢笔工具转换为直接 选择工具。
* 按下ctrl键不放，可将钢笔工具转换为 直接选择工具。
* 绘制直线路径，按下shift不放，可以创 建水平、垂直或45度方向的直线路径。
添加锚点工具：
* 按下alt不放，在中间锚点上可变为转换 点工具，在非锚点上可以变为添加锚点 工具。
相关的素语的含义：
路径：就是由贝塞尔曲线构成的线条或图形。 贝塞尔曲线：由一个锚点和两个方向点构成。
锚点
方向线
方向点
贝塞尔 曲线
锚点：与路径相关的点都可以称之为锚点，它标记着组成 路径的各线段的锚点。
方向点：标记着方向线的结束端。 方向线：在曲线线段上，每个锚点都带有1~2个方向线。
平滑
点
拐点
曲线段
进行复制
* 按下shift，将限制锚点和控制钮的移 动在水平、45度和垂直范围内。
直接选择工具：
* 按下alt，可对整个路径进行复制。 * 按下shift，将限制锚点和控制钮的移
动在水平、45度和垂直范围内。
其他： *按下ctrl同时按下缩览图可以快速的将当
前路径转换为选区。
*按下alt同时单击调板底部的“填充路径” 按钮，则会弹出“填充路径”对话框。
*路径描边同上。 *路径的运算方式只影响填充，不影响描
边。
6.2输出剪贴路径
1、功能 可以输出路径之内的图象，而路径之外的 区域则为透明区域。
2、调板快捷菜单“剪贴路径” 要输出剪贴路径，所选的路径不能是工 作路径层，如要输出工作路径层，将其 拖到新建按钮即可。
3、展平度：范围0.2~100，值越大，线 段数目越多，线段越平滑；对于 1200~2400像素的图象，值可设为8~10， 300~600像素的图象，值为1~3。
*自由钢笔工具（绘制任意形状的曲 线）：磁性的，此时该工具类似于 磁性套索。
*添加锚点：在当前路径增加锚点， 从而可对该锚点所在线段进行曲线 调整。
。
*删除锚点：在当前路径删除锚点，从 而可将锚点两侧线段拉直。
*转换锚点：可将曲线锚点转换为直线 锚点或贝兹尔锚点，或者将直线锚 点转换为贝兹尔锚点或曲线锚点。
（2）自由钢笔绘制路径 （3）利用矩形工具组绘制路径
工具属性中一些设置项的含义： *对齐像素：表示捕捉像素以便对齐矩形。 *半径：设置多边形外接圆的半径。
*平滑拐角：对多边形的夹角进行平 滑，绘制凸的圆形。
*星形：绘制多角形，其下“缩进边 依据”可控制多角形的形状。
*平滑缩进：对多角形的内夹角进行 平滑。
4、以TIF格式保存
曲线段：拖动两个角点形成两个平滑点， 位于平滑点之间的线段就是曲线段。
闭合路径
路径转换为选区 必须为闭合路径
开放路径
2、路径的绘制与编辑工具
路径绘制工具
绘制路径的工具
路径编辑工具
钢笔工具 自由钢笔工具 矩形工具组
添加锚点 删除锚点 转换锚点 路径选择 直接选择
*钢笔工具（绘制直线或曲线）属性： 自动添加/删除复选框表示绘制结束 后系统将根据需要为路径增加或删 除锚点。
5、路径绘制的一些快捷技巧： 钢笔工具
*建立新锚点后，每按一次光标键，则锚点向对 应的方向移动一个像素。
*按下shift，每按一次光标键，则锚点向对应的 方向移动10个像素。
*按下alt不放，每按一次光标键，则3;alt，每按一次光标键，则锚点 向对应的方向移动10个像素,并复制该锚 点。
直线段
角点：一个路径中两条线段的交点。
平滑点：拖动一个角点，将角点转换成带一 个手柄的平滑点。它使一个线段与另一个 线段以弧线的方式连接。
拐点：画了一条曲线后，按住 alt键拖动平 滑点，将平滑点转换成带有两个独立手柄 的角点，称之为拐点。
直线段：用钢笔工具在图象中单击两个 不同的位置，将在两点之间创建一条直 线段。如果按住shift在建一点，则新创 建的线段与原线段成45度角。
*路径选择：可选择、移动或复制该路 径。
*直接选择：可选定路径，调整锚点位 置或路径形状
3、路径调板组成元素：
填充路径按钮：用前景色填充路径，如 果想背景色或图案等填充，选择调板快 捷菜单“填充路径”
路径描边按钮：以画笔对路径描边，如 果希望选择其他工具描边，可在快捷菜 单中选择“描边路径”。
路径转换为选区按钮：如果在将路径 转换为选区时设置选区的羽化半径， 或者与目前已有选区进行运算，在快 捷菜单中选择“建立选区”
选区转换为路径按钮：与上按钮用途 相反。
4、路径的创建要点
（1）利用钢笔工具绘制路径
当鼠标变成钢笔工具其右下角有： 分别单击鼠标可以执行如下操作：
封闭路径；删除锚点；添加锚点； 如果在希望没有绘制完路径，而创建新路径，按下esc 单击钢笔工具或者其他工具，此时钢笔工具显示 光标移到路径终点显示/，单击可绘制路径终点的方向 控制线。