优秀网页设计联盟-SDC-网页设计师交流平台-听讲座，聊设计，找素材，尽在优设网
下一篇 继续涨姿势
阅读本文需 8 分钟
：Photoshop的路径工具和钢笔工具，很容易被人忽视，功能很强大，一直很低调。今天咱一块唠唠怎么用路径和钢笔，快速绘制简易线状图标，这个看了都能做噢！！！！哪怕是第一天学PS，也能做到。
有人说UI难学，摸不到门路，那就从这一课开始吧。
（心急的同学，直接翻到中下位置，教程部分即可，先练练手）
作者是个90后呦，关于他的奋斗故事与经验分享：
最终线条图标：
大背景：扁平化下的极简主义
自从苹果家扁平化后，整个世界都扁了。似乎被人们扔了很久的极简主义，一夜之间又流行起来了。看了下面的，是不是很清新，很直接呀。这样的图标适用于底部的标签栏中，及其顶部的左右按钮上。也许有人会说：这也叫图标，不就是些线条嘛嘛。呵呵，可别说，现在很多人就是好这口。在这样一个信息爆炸，App满天飞的年代，高效简洁自然有市场。扁平化代表了高效，我就是我，不需要多余的思考。
这些线性图标难做吗？让我们分析一下它们的结构。
尺寸规格：一般线条为2px，也有的加强为3px的。
风格：线条简单，图形指示意义明确。
2 px 的图标
3 px 的图标
二、任务分析（思考和困难）
绘制不难，怎么快速绘制才是关键。
大家思考一下，这个线形图标是怎么做出来的呢？
很多同学会想用Illustrator进行绘制图形，但这样并不方便。在AI可能会出现绘制完后拖到PS中进行调整，会导致边缘线的大小变化，容易导致像素对不齐等情况。在迭代过程中不好保证图标描边大小的统一性，只能一个一个的到AI中进行更改非常的麻烦。折腾了半天画个线性图标，实在有些浪费。
如果用PS可行吗？先不要马上否定，好好想想路径工具和钢笔工具。
是用图层样式？选择工具？有人想到了样式描边的方法。貌似不行，因为未封闭的图标，用样式描边做出来却是封闭的…
那么问题来了，用封闭路径制作出来的图标在进行缩放时形状也会相应的等比缩放，这样会导致在需要不同大小的图形时，因缩放还需反复调整图标的路径边缘才能保证图标线条的一致性。因为整套图标要求线条都相对统一，调来调去太浪费青春！
好了，不拐弯抹角了，下面就给大家介绍一个构图快、一学就会、包教包会的方法。
记住三点：一是形状工具及填充，二是描边效果，三是用钢笔锚点工具删除无用路径。
采用的构图方法：减法。
其实在PS CS6出来后就已经新增加了一项描边功能。使用这个工具能使图标画出来非常的便捷，在绘制图标中主要有下面几大优势！
1. 提高了图形的描边质量，描边更为圆滑
我们在绘制图形采用图层样式做描边效果时，如果用到较大的数值，描边会产生分块曲线，边缘有锯齿感。那么我们通过矢量描边处理可得到完美的结果。我猜测这是因为，矢量描边是由原始的矢量形状图层数据而来，而图层样式的描边是由该形状的位图蒙版而来。二者采用的是完全不同的技术，这样就可以想明白了。
2. 多种角度功能，在图标绘制中更为自由
使用常用的描边图层样式只可以是圆角的效果。但采用路径描边样式可以画出圆角，斜面，或者斜角。这会大大减少绘制图形的工作量。
3. 通过描边路径可以绘制开放式的路径图标
我们在使用图层样式描边的时候会出现以下情况，描边都是封闭的。而绘制图标时会用到间断的路径。这时候可以采用路径描边样式，是支持开放路径描边的。
三、PS绘制线式图标详细过程
绘制路径时用到的工具：
钢笔工具——绘制路径。
路径选择工具——调整路径大小使用。
直接矛点选择工具——调整矛点位置。
转角工具——调整路径圆角和角度使用
捎带脚了解几个快捷键，方便在作图中的使用。在选用钢笔工具绘制后你可以用Shift/Ctrl/Atl来回切换出需要使用的直接选择工具、锚点选择工具、倒角工具。
下面就一步一步教大家画线式图标。为了让初学者看明白，我尽量写的详细些。
1，在ps中新建一块画布。（快捷键：Ctrl+N）
2，用矩形路径画出两个矩形（快捷方式：画一个圆角矩形，然后按住Alt键拖动图层即可进行复制）。
3，使用-路径选择工具-框选所有的路径，找到PS右上角的填充和描边，把填充隐藏，描边设置2个点像素。
4，使用直接选择工具删除多余的路径锚点，从而去除多余的路径线。
插播提醒：在需要删除中间一段路径的时候，需要先用钢笔工具进行添加锚点，然后用直接选择工具选中进行删除。
如下，我想删除红色区域的一段路径怎么办？
我们继续！！
5，使用椭圆工具绘制太阳（绘制过程中按住shift键即可画出正圆），钢笔工具进行绘制山脉部分。
6，完毕后调整路径描边的起终点的样式为圆角或直角。
7，选中需要调整的角，再使用描边选项里的角点为圆角，使图形更为圆润。
这样一个图标就完成了。
用路径描边还能区分图标的立体感。不同粗细描边的形状结合使图标更为丰富化。
四、后期修饰：让线条更圆滑
路径边缘的修正会给整个图标精致的感觉，尤其是出现单独线条和折角的时候，显得尤为重要。
路径描边还可以根据你的需要进行对其模式的选择，在路径外进行描边，还是中间，还是内部描边。这在路径描边图形的绘制中会经常使用到。
有时候真的是我们想多了，总想学一些复杂高级的东西，而基础的往往被忽视。
课后小作业：
找一套线性ui图标，一个一个模仿。来这里，总有一款你喜欢的：
天气线稿图标可下载PSD，只提供学习哦。
【UI设计学习三部曲】
Step 1：腾讯设计师的新人培训教程！初学者必备！
Step 2：到顶尖UI设计师集聚地吸收经验与灵感！
Step 3：每天一练！技巧都学全！
【优设网 原创文章 投稿邮箱：】
================关于优设网================
“优设网“是国内人气最高的网页设计师学习平台，专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：。
设计微博：拥有粉丝量86万的人气微博 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗？
添加 优秀网页设计 微信号：【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加：
能过稿的LOGO！谷歌设计师如何为Squared做品牌重设计
编者按：LOGO与品牌之间隔了多远的距离？今天带你揭开谜底！作者Jack Morgan主导了Google旗下教育机构Squared 的品牌设计全过程，从创意风暴到品牌定...
@飞屋睿UIdesign ：很多人以为，做一个PS高手就是需要用到各种复杂滤镜，最后把图片变得面目全非才好。而在我看来，软件的背后是创作者的心。把PS视作一...@大侠阿苍 ：对很多人来说，做一款复合几何形图案看起来很复杂（我也是这么觉得的），事实上操练一遍就懂里面的门道了，不信今天我们就来挑战一回~ 1. 新建一个...编者按：今天的教程，不仅有超详细的步骤解说与多个技巧，而且绘制时能帮同学们深入学习Photoshop的基础形状，教程不难，作为扁平化图标入门教程再合适不过 ...编者按：今天的教程不难，效果非常好，能学到不少基础的Photoshop操作技巧，素材已提供，源文件也打包微盘，现在就可以上手了 &&& 最...@良知塾李涛 ：最新的Photoshop CC2015版有哪些摄影方面新功能？这可能是诸位摄影师比较关心的话题。本文中，李涛老师将为您介绍2015上半年以来...今天介绍的是一个小软件 —— Magic Morph。我们将它和PS结合使用，就可让一张静态JPG图片通过简单的操作，变成有趣的GIF图。无图无真相，一起来...夏辉：原来同一张图有这么多种抠法！！本文最主要的目的是想开拓大家的思路，鼓励大家探索Photoshop的深层原理，使得在以后的抠图过程中可以得心应手。无论如...编者按：今天的图标教程适合新手临摹，效果是美到爆的Smartisan 浏览器图标。教程过程细致，参数明了，涉及多个快捷键技巧，非常值得练习 &&...@昵称见左边头像 ：今天在这篇详细的AI初级教程里，你将学习如何创建一个烤肠图案笔刷并绘制字体效果。文中涉及很多实用的技巧，大家耐心点看完又可以学到不少知识...
我们的团队
大家在关注
把好文章收藏到微信
打开微信，扫码分享学设计 优设网 在这里photoshop形状图层中的路径描边详解
作者：用户
本文讲的是photoshop形状图层中的路径描边详解，
给各位photoshop软件的使用者们来详细的解析分享一下形状图层中的路径描边。
解析分享：
在很多线条图标中，这个路径描边起到了绝对的优势(主观角度认为)。
路径描边就不再特别考虑路径的闭合与不闭合问题了(除了渐变描边和图案
给各位photoshop软件的使用者们来详细的解析分享一下形状图层中的路径描边。
解析分享：
在很多线条图标中，这个路径描边起到了绝对的优势(主观角度认为)。
路径描边就不再特别考虑路径的闭合与不闭合问题了(除了渐变描边和图案描边)，只要是一段路径，就可以添加路径描边。
先说说路径描边的几个属性。和路径填充一样，有四个属性，1、禁止描边;2、纯色描边;3渐变描边;4、图案描边
渐变和图案描边没有什么实际使用的价值，恕不赘述。
值得说的是描边选项，第二张是选项的具体功能。
用到较多的是对齐、端点和角点。很好理解，三张图告诉你
对齐，是说的描边色与路径的对齐方式，在填写路径描边数值是尽量填写偶数，这样的在居中对齐是不会出现次像素。
端点，多用在不闭合的路径上，一段路经的起点与终点或者说是两端。
角点，指的是路径拐角处形状。
举个例子，左侧的是图层样式中的描边，选择外部;右侧的是使用路径描边也是外部，角点用的是圆形。
同样40描边值，左边的明显没有右边的精细。
讲到这里，你大概已经知道两者的优劣差了。比如，图层样式在选择外部描边时，不能选择描边形状，而是默认的圆角，且不精细。
路径描边我就想到这么多
好了，以上的信息就是小编给各位photoshop的这一款软件的使用者们带来的详细的形状图层中的路径描边解析分享的全部内容了，各位看到这里的使用者们，希望小编上面的教程能够给大家带去有用的帮助。
以上是云栖社区小编为您精心准备的的内容，在云栖社区的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索软件
photoshop 图层 描边、ae形状图层描边、自定义形状图层的描边、形状图层描边、photoshop形状图层，以便于您获取更多的相关知识。
稳定可靠、可弹性伸缩的在线数据库服务，全球最受欢迎的开源数据库之一
6款热门基础云产品6个月免费体验；2款产品1年体验;1款产品2年体验
弹性可伸缩的计算服务，助您降低 IT 成本，提升运维效率
开发者常用软件，超百款实用软件一站式提供
云栖社区()为您免费提供相关信息，包括
，所有相关内容均不代表云栖社区的意见！利用PS描边路径及滤镜制作描边字
[摘要]制作颓废描边字方法有很多，最直接的方法就是用颓废画笔描边路径。这里介绍一种更好的方法，用描边路径及滤镜来完成。不过过程有点复杂，需要多次设置...
制作颓废描边字方法有很多，最直接的方法就是用颓废画笔描边路径。这里介绍一种更好的方法，用描边路径及滤镜来完成。不过过程有点复杂，需要多次设置前背景颜色，并用特殊的滤镜来突出文字的边缘，得到初步的效果后再细化处理即可。
1、新建一个大小1152 X
864像素的文件。设置前景色#fff799，背景色#ed145b。去滤镜&渲染&云彩，并复制背景图层。
2、使用字体Catatan Perjalanan创建文本。字体大小350pt，而如果你要创建多行文字，行距设置为250。
3、按Ctrl+单击文字图层的缩略图来创建一个选择。
4、通过点击文字图层旁边的眼睛图标使其隐藏，然后创建一个新层。
5、设置前景色#f7d9ad，背景色#362f2d，去滤镜&渲染&云彩。之后去选择&取消。现在得到一个还不错的效果。前言：本站编辑为你整理PS自由钢笔描完边时候，钢笔的痕迹还在，我该怎么去掉？相关百科知识以及网友最关心的问题，希望对您有帮助
关于PS自由钢笔描完边时候，钢笔的痕迹还在，我该怎么去掉？，网友们最关心的问题
PS自由钢笔描完边时候,钢笔的痕迹还在,我该怎么去掉?_百科知识
PS自由钢笔描完边时候,钢笔的痕迹还在,我该怎么去掉?钢笔属于路径工具,路径工具在在PS介面右下角,钢笔描边就是建立了一个路径,右击此路径选择删除路径,就把钢笔...
PS自由钢笔描完边时候,钢笔的痕迹还在,我该怎么去掉?_百科知识
PS自由钢笔描完边时候,钢笔的痕迹还在,我该怎么去掉?歉的人却总是她。她真是受够了。... PS自由钢笔描完边时候,钢笔的痕迹还在,我该怎么去掉? ji | ...
PS自由钢笔描完边时候,钢笔的痕迹还在,我该怎么去掉?_百科知识
PS自由钢笔描完边时候,钢笔的痕迹还在,我该怎么去掉?现在也有一年时间了吧!”陈燕问她。
用PS钢笔工具描边后怎样把背景都去掉只留下描出的边?_百科知识
用PS钢笔工具描边后怎样把背景都去掉只留下描出的边?RT 等等等我吃饭 推荐于 02:52:25 最佳答案 在描边前,新建图层再描边,这样描出的边,不在...
如何消除钢笔工具痕迹_百科知识
在ps里我使用钢笔工具描边子路径后留下钢笔工具很细的痕迹,这样使整个画面很乱... PS自由钢笔描完边时候,钢笔的痕迹还在,我该怎么去掉? 13
...用钢笔描了边,然后图了颜色,但之前的线稿怎么去掉啊..._百科知识
PS里扫描后用钢笔描了边,然后图了颜色,但之前的线稿怎么去掉啊?谢谢!!PS是通过图层来设计的,不同的图层用来做不同的事情。点击线稿所在的图层的眼睛让它隐藏...
ps钢笔工具,我画了一条线,利用描边路径描了边,然后,现..._百科知识
ps钢笔工具,我画了一条线,利用描边路径描了边,然后,现在我想把钢笔路径消除,只保留描了边的部分,大神们,怎么弄啊?分享到: 2 小时前 提问者采纳 点右下角 ...
PS 里面钢笔工具描边后如何去掉边框线条_百科知识
PS 里面钢笔工具描边后如何去掉边框线条 10 分钟前 宋宋239 分类:常见软件 软件 如图得边框线条分享到: 7 分钟前 提问者采纳
你是要去掉边框的路径是吧?不用...
打印的图片被钢笔乱画了,有办法能消除钢笔痕迹吗?有这..._百科知识
有这种工具能把钢笔痕迹消除了,但不影响打印的图片吗?TerryCelvin 您的回答被... PS自由钢笔描完边时候,钢笔的痕迹还在,我该怎么去掉? 13
ps中钢笔抠图时描完怎么移走图_百科知识
手机版 我的知道 搜索答案 ps中钢笔抠图时描完怎么移走图
wbj 推荐...打开路径,转换为选区,点击另外图层,可以把抠好的区域(选区)移到该图层上。 本...
答：歉的人却总是她。她真是受够了。
答：现在也有一年时间了吧１陈燕问她。
答：用Photoshop可以修复，但是比较麻烦
答：描好后，右击，然后新建选区，羽化不要太大，一般2就可以了，然后确定就可以了，如果觉得描的不够好，可再右击，进行边缘修改，看我答的如此真诚，求赏个采纳
答：在描边前，新建图层再描边，这样描出的边，不在背景图层上，和背景图层是分离的，把背景图层隐藏或者删除，就仅剩下描的边了。具体步骤如下： 1.建立路径，如下图： 2.新建图层，对路径进行描边，如下图： 3.删除背景，如下图： 这样的描边路径...
答：点右下角 图层那里有个 旁边就是路径 再点一次路径里的图层就好了
答：这个情况可能是你无意按了ESC，导致钢笔的连续性中断，可以按ctrl+alt+Z返回，接着抠 ctrl+回车 转化为选区 如果暂时不转化为选区，在路径面板下，把工作路径按鼠标左键拖到下面的新建按钮上（相当于复制）转为路径，就可以保存了
答：或许是因为你没有拉出手柄！你应该是描路径的时候只是点击了一下！没有按住拖动吧！去掉手柄的话只要在钢笔状态下按住ctri在没有碰到路径的地方点一下就可以了(当然，按住ctri划一下也行）！
答：在画路径的时候，在起点与终点快要重合的时候，光标会有一个小圆圈，在小圆圈时松手，路径就自动封闭了。 如果要删掉当前路径层，在路径面板里把相应的路径拖到右下角的垃圾桶图标上就可以了。如果要删除当前路径层里的内容，就用选择箭头功能（...
答：按Backspace或Ctrl都可以终止目前的路径，如果你的图像复杂可以考虑路径面板（一般和图层面板在一起的）里面多新建几个路径层，方便管理
答：ctrl+enter 是转化为选取 用路径选择工具 就O了
答：切换到路径图层里面，按住ctrl 双击钢笔路径所在的图层就行了，或者是直接描完之后按ctrl+enter键就转换成了选区
答：描边路径的“模拟压力”就是让你描边的线，从中间到两边变细。 而“描边路径”的宽度是根据“画笔”的大小而决定的。 选择“画笔工具”调试“画笔大斜。
答：你看你描边的 铅笔 还是画笔， 应该调一下 画笔 之类的 压力就好了
答：ctrl控制节点位置 alt控制操纵杆 先按住catl点击节点才能显示操纵杆
答：你是想怎么抠这个足球,是想这个球抠出来,还是想把足球里的每一个色块分开来抠出来, 整个抠的话,不要钢笔,直接用圆形选取工具, 色块分别抠的话,每个色块都新建一个路径层,这样最简单的.
答：一，你要设置画笔的形状动态 二，你要勾选画笔模拟压力
答：描边的粗细、颜色、形状都是由你设置的画笔和前景色决定的。
答：估计在你掌握以下技巧后，你也基本能掌握photoshop了。这个文章是我保存的，我也在学习，一起学吧。 祝你好运。 一般技巧 编者按：Photoshop是美术设计者的必备工具之一。本文奉献给正在学习和使用Photoshop的爱好者们，如果掌握了本文所述的这...
答：迷茫起来，如果不做财务
答：是画直线吗。先点一下，换下位置再点一下，就是直线，试试看，画弧线在点第二下时拖动鼠标，在默认下背景色就是纯白色的。抠图--新建文件，背景内容设为白色，---移动工具拖入就是白色背景。
答：“我记得小时候，都是ễA
答：鼠标问题，换个鼠标吧。 很常见的问题，鼠标用长了，特别是在用钢笔抠图时，就容易这样，容易出现双点现象。 还有一种，就是你的手该休息了，长时间操作抠图，手会出现异常放电的现象，就是会不自觉的跳动。 所以能不抠图，千万别抠，抠图害死人呀
答：首先你描边有个选项，你是用画笔还是铅笔？ 根据我的判断是画笔，如果你要硬硬的效果可以用铅笔。 你点击画笔，然后看左上方属性栏里，把画笔硬度调到100然后在画，就是你说的不柔和的效果了。希望可以帮助到你。
答： 你是想让某种颜色沿着你勾的线描画吧，如果是这样，F7，点路径面板，选中你勾的路径，点下面的描边，笔画的粗细效果，是当前工具（毛笔或铅笔）的设置
答：因为钢笔画的是路径，你可以画完之后，选中画笔工具然后按enter键，就是描边路径，然后按DELELT键，删除路径，剩下的就是直线了。
答：因为ps处理的图片基本都是位图，是位图都会产生这种情况，建议在建立选取的时候，稍微羽化一下！而且到时候图片方法之后了再看，是看不到哪些锯齿的！
答：应该是的，不过出现这种情况。也可以吧钢笔工具下面有直接选择工具 选中那个，然后在空白区点两下，就好了。
答：这个是和你设置的画笔属情有关，你画好路径之后，先设置一下画笔的直径和硬度再选用画笔描边路径
答：画多一个同颜色的三角形，然后移上去
答：你打开是全没了，还是只有一个图形了？你得在路径里先中路径图层才会显示，还有，一个图形只能存在一个图层，在做另一个图层的时候得新建一个路径图层才行呢
答：不出意外应该是画笔问题，描边路径是把模拟压力选上
答：按ctrl键可以移动路径也可以去掉锚点 并连续操作下一个路径的建立 按住ctrl再点左键就好
答：钢笔工具描出后，单击路径，再单击下面的“将路径作为选区载入”
答：PS中用钢笔抠图后，可以把抠好的区域移到另一图层，方法如下： 打开图片，用钢笔工具把图抠好； 打开路径，转换为选区，拷贝--粘贴，可以把人物复制到另外图层上； 打开路径，转换为选区，点击另外图层，可以把抠好的区域（选区）移到该图层上。
答：钢笔工具没有白线啊？！先用钢笔工具抠出轮廓线来，到路径下，按住ctrl点选工作路径，然后路径变成选区，然后用移动工具移动就可以了。。。。。。
答：全部选中，右键点击描边。处理后需要到路径面板里点击一下空白处，线条就不会显示了
答：在PS中，使用钢笔工具画出的路径，带有一个“小尾巴”，这“小尾巴”叫路径调节杠杆，要去掉路径调节杠杆，方法是：确定路径，结束路径的继续延长。 具体操作方法：按确定键，此时路径在界面上消失，在路径窗口点击路径，它又会出现在界面上，此时的...
答：把选区转换成路径就能修改了
ps痕迹,如何褪去钢笔字痕迹,钢笔素描,ps钢笔描边,ps钢笔描边路径没反应,钢笔路径怎么描边,ps钢笔路径怎么描边,钢笔描边