实例解析Photoshop路径描边的使用教程

Photoshop的路径工具和钢笔工具，很容易被人忽视，功能很强大，一直很低调。今天咱一块唠唠怎么用路径和钢笔，快速绘制简易线状图标，这个看了都能做奥，哪怕是第一天学PS，也能做到。

有人说UI难学，摸不到门路，那就从这一课开始吧。

大背景：扁平化下的极简主义

自从苹果家扁平化后，整个世界都扁了。似乎被人们扔了很久的极简主义，一夜之间又流行起来了。看了下面的，是不是很清新，很直接呀。这样的图标适用于底部的标签栏中，及其顶部的左右按钮上。也许有人会说：这也叫图标，不就是些线条嘛嘛。呵呵，可别说，现在很多人就是好这口。在这样一个信息爆炸，App满天飞的年代，高效简洁自然有市场。扁平化代表了高效，我就是我，不需要多余的思考。

一、任务

这些线性图标难做吗?让我们分析一下它们的结构。尺寸规格：一般线条为2px，也有的加强为3px的。风格：线条简单，图形指示意义明确。

2px的图标

3px的图标

二、任务分析(思考和困难)

绘制不难，怎么快速绘制才是关键。

大家思考一下，这个线形图标是怎么做出来的呢?

很多同学会想用Illustrator进行绘制图形，但这样并不方便。在AI可能会出现绘制完后拖到PS中进行调整，会导致边缘线的大小变化，容易导致像素对不齐等情况。在迭代过程中不好保证图标描边大小的统一性，只能一个一个的到AI中进行更改非常的麻烦。折腾了半天画个线性图标，实在有些浪费。

如果用PS可行吗?先不要马上否定，好好想想路径工具和钢笔工具。

是用图层样式?选择工具?有人想到了样式描边的方法。貌似不行，因为未封闭的图标，用样式描边做出来却是封闭的...

那么问题来了，用封闭路径制作出来的图标在进行缩放时形状也会相应的等比缩放，这样会导致在需要不同大小的图形时，因缩放还需反复调整图标的路径边缘才能保证图标线条的一致性。因为整套图标要求线条都相对统一，调来调去太浪费青春!