温馨提示！由于新浪微博认证机制调整，您的新浪微博帐号绑定已过期，请重新绑定！&&|&&
LOFTER精选
网易考拉推荐
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
阅读(4002)|
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
历史上的今天
在LOFTER的更多文章
loftPermalink:'',
id:'fks_',
blogTitle:'AI中 路径轮廓化描边后变细的问题',
blogAbstract:'我们对于闭合路径填充颜色是很容易 但是对于非闭合路径 比如说一条直线或是螺旋的路径 如果想要填充路径就会用到轮廓描边（所画路径没有填充 只有描边）。但是 在应用过程中发现 他会变细。所以 解决方法就是 点击路径 再点击描边的画笔笔触& 点击对象——拼合透明度——路径——轮廓描边就好了。&',
blogTag:'',
blogUrl:'blog/static/5',
isPublished:1,
istop:false,
modifyTime:8,
publishTime:8,
permalink:'blog/static/5',
commentCount:4,
mainCommentCount:4,
recommendCount:3,
bsrk:-100,
publisherId:0,
recomBlogHome:false,
currentRecomBlog:false,
attachmentsFileIds:[],
groupInfo:{},
friendstatus:'none',
followstatus:'unFollow',
pubSucc:'',
visitorProvince:'',
visitorCity:'',
visitorNewUser:false,
postAddInfo:{},
mset:'000',
remindgoodnightblog:false,
isBlackVisitor:false,
isShowYodaoAd:false,
hostIntro:'',
hmcon:'1',
selfRecomBlogCount:'0',
lofter_single:''
{list a as x}
{if x.moveFrom=='wap'}
{elseif x.moveFrom=='iphone'}
{elseif x.moveFrom=='android'}
{elseif x.moveFrom=='mobile'}
${a.selfIntro|escape}{if great260}${suplement}{/if}
{list a as x}
推荐过这篇日志的人：
{list a as x}
{if !!b&&b.length>0}
他们还推荐了：
{list b as y}
转载记录：
{list d as x}
{list a as x}
{list a as x}
{list a as x}
{list a as x}
{if x_index>4}{break}{/if}
${fn2(x.publishTime,'yyyy-MM-dd HH:mm:ss')}
{list a as x}
{if !!(blogDetail.preBlogPermalink)}
{if !!(blogDetail.nextBlogPermalink)}
{list a as x}
{if defined('newslist')&&newslist.length>0}
{list newslist as x}
{if x_index>7}{break}{/if}
{list a as x}
{var first_option =}
{list x.voteDetailList as voteToOption}
{if voteToOption==1}
{if first_option==false},{/if}&&“${b[voteToOption_index]}”&&
{if (x.role!="-1") },“我是${c[x.role]}”&&{/if}
&&&&&&&&${fn1(x.voteTime)}
{if x.userName==''}{/if}
网易公司版权所有&&
{list x.l as y}
{if defined('wl')}
{list wl as x}{/list}轻松画图标！教你一分钟玩转PS路径描边
优秀网页设计联盟-SDC-网页设计师交流平台-听讲座，聊设计，找素材，尽在优设网
& / & & / & 正文
Hi,我是优设小编
轻松画图标！教你一分钟玩转PS路径描边
：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】优设哥的全拼
您也可以通过扫描下方二维码快速添加：
订阅更新：您可以通过
【推荐！设计师必备网址导航】
我们的团队
大家在关注利用Photoshop画交通流线分析图 | 建筑学院
本文是国外Alex Hogerefe博客上的一篇利用Photoshop制作交通流线分析图的教程，由e拓网上的会员业梅姐进行了翻译，分享于大家！
很多人发邮件来问我上篇博文中交通流线的分析图是怎么做的。交通流线图有很多种画法，以前我大概会直接用CAD里的多段线画，在AI中也很好画。但是很多人没想过或者是不会用PS中的钢笔工具。它和ai中的钢笔工具差不多但又有些微不同。这个案子中，我会使用钢笔工具来画线，并讲解笔刷工具。
1：设置笔刷
首先要设置笔刷，因为需要用笔刷描我下一个步骤中画的线。这一步的设置决定了线宽、颜色、硬度和透明度。我选择了一个硬笔刷，6像素，不透明度100%，黑色。设置后可以画一段线看看尺寸是否合适。
2.设置钢笔工具 开始画线
在选择钢笔工具之前，先新建一个图层。路径不会显示在图层面板，但是描边的线会画在这个图层。然后选择钢笔工具，确定路径是从顶部的钢笔工具设置栏中选中的。 工笔工具就绪，开始画路径。创建曲线路径，选中路径上的点单击并拖动，通过操纵杆控制曲线的形状和尺度。
3.描边路径
调整好曲线后，单击右键选择&描边路径&，如果无法选择&描边路径&（文字呈现灰色），双击上一步中新建的图层即可。
然后单击&回车&~一条路径就搞定啦~~~然后每条路径都重复上述操作~
4.在不同透明度的图层画许多不同的流线
我想用不同类别的曲线表示交通强度的不同，主要通过线的密度和透明度来表示。这张图中，我建了三个流线图层，第一个图层不透明度是100%，第二个是50%，第三个是15%。
5.给线条加光晕
我想让这些线条更有体积感，所以给线条加了一点光晕。笔刷很容易做到这个效果。我用了一个软笔刷，90像素，不透明度12%。在线条密集或者相交处，就在新建的图层上用黑色笔刷画一笔。 我还复制了上面新建的那个图层，并且用了高斯模糊滤镜。下图我去掉了背景图，以便看清楚这个操作
为了让流线图看起来更加高大上，下面我们来给它上色。为了简化操作，先把流线图层合并，最好是先把这些子流线图层复制一份，关掉图层可见性，以备不时之需。选择流线图层，右键选择&合并图层&。 图层合并好后。右键合并后的新图层，选择&复制图层&。
选择该副本图层，在顶部状态栏选择&图像&、&调整&、&色相饱和度&。在弹出的对话框中，先选中右下角的&着色&，然后调节明度，让线条变亮，然后调节&饱和度&到最右，加深颜色，最后调整&色相&到你喜欢的色调。（如下图）
7.设置图层为叠加
最后将彩色图层的混合选项设置为叠加，这样能够更好地将颜色与底图相融合，并且让下面的黑色流线图层可以显现出来。
最终的结果是得到一系列的曲线，而不需要借助其他软件，比如CAD或者AI。
建筑学院APP
为建筑师而打造的精品应用
版权所有 (C)厦门市掌阅信息科技有限公司，禁止以商业性目的使用『建筑学院』的内容，非商业性转载请联系我们。
社交账号登录
欢迎加入【建筑学院】快去完善你的个人信息吧！更多公众号：jzsjcjcg本公众平台面向山东城市建设职业学院建筑设计技术专业学生及设计爱好者交流学习，通过此平台使大家能更好的了解建筑、认识建筑、体验建筑及设计建筑。最新文章相关推荐搜狗：感谢您阅读利用Photoshop画交通流线分析图，本文可能来自网络，如果侵犯了您的相关权益，请联系管理员。QQ: