如果您喜欢『PS学习网』，请推荐给您身边的朋友！本站永久域名：www.
用PS路径钢笔工具制作扁平化图标的方法
来源：站酷作者：micu时间： 15:13:32点击：
　　Photoshop的路径工具和钢笔工具，很容易被人忽视，功能很强大，一直很低调。今天咱一块唠唠怎么用路径和钢笔，快速绘制简易线状图标，这个看了都能做奥，哪怕是第一天学PS，也能做到。
　　有人说UI难学，摸不到门路，那就从这一课开始吧。
大背景：扁平化下的极简主义
　　自从苹果家扁平化后，整个世界都扁了。似乎被人们扔了很久的极简主义，一夜之间又流行起来了。看了下面的，是不是很清新，很直接呀。这样的图标适用于底部的标签栏中，及其顶部的左右按钮上。也许有人会说：这也叫图标，不就是些线条嘛嘛。呵呵，可别说，现在很多人就是好这口。在这样一个信息爆炸，App满天飞的年代，高效简洁自然有市场。扁平化代表了高效，我就是我，不需要多余的思考。
　　这些线性图标难做吗?让我们分析一下它们的结构。尺寸规格：一般线条为2px，也有的加强为3px的。风格：线条简单，图形指示意义明确。
　　2px的图标
二、任务分析(思考和困难)
　　绘制不难，怎么快速绘制才是关键。
　　大家思考一下，这个线形图标是怎么做出来的呢?
　　很多同学会想用Illustrator进行绘制图形，但这样并不方便。在AI可能会出现绘制完后拖到PS中进行调整，会导致边缘线的大小变化，容易导致像素对不齐等情况。在迭代过程中不好保证图标描边大小的统一性，只能一个一个的到AI中进行更改非常的麻烦。折腾了半天画个线性图标，实在有些浪费。
　　如果用PS可行吗?先不要马上否定，好好想想路径工具和钢笔工具。
　　是用图层样式?选择工具?有人想到了样式描边的方法。貌似不行，因为未封闭的图标，用样式描边做出来却是封闭的...
　　那么问题来了，用封闭路径制作出来的图标在进行缩放时形状也会相应的等比缩放，这样会导致在需要不同大小的图形时，因缩放还需反复调整图标的路径边缘才能保证图标线条的一致性。因为整套图标要求线条都相对统一，调来调去太浪费青春!
　　好了，不拐弯抹角了，下面就给大家介绍一个构图快、一学就会、包教包会的方法。
　　记住三点：一是形状工具及填充，二是描边效果，三是用钢笔锚点工具删除无用路径。
　　采用的构图方法：减法。
　　其实在PS CS6出来后就已经新增加了一项描边功能。使用这个工具能使图标画出来非常的便捷，在绘制图标中主要有下面几大优势!
1、提高了图形的描边质量，描边更为圆滑。
　　我们在绘制图形采用图层样式做描边效果时，如果用到较大的数值，描边会产生分块曲线，边缘有锯齿感。那么我们通过矢量描边处理可得到完美的结果。我猜测这是因为，矢量描边是由原始的矢量形状图层数据而来，而图层样式的描边是由该形状的位图蒙版而来。二者采用的是完全不同的技术，这样就可以想明白了。
2、多种角度功能，在图标绘制中更为自由
　　使用常用的描边图层样式只可以是圆角的效果。但采用路径描边样式可以画出圆角，斜面，或者斜角。这会大大减少绘制图形的工作量。
3、通过描边路径可以绘制开放式的路径图标
　　我们在使用图层样式描边的时候会出现以下情况，描边都是封闭的。而绘制图标时会用到间断的路径。这时候可以采用路径描边样式，是支持开放路径描边的。
三、PS绘制线式图标详细过程
绘制路径时用到的工具：
钢笔工具&&绘制路径。
路径选择工具&&调整路径大小使用。
直接矛点选择工具&&调整矛点位置。
转角工具&&调整路径圆角和角度使用
捎带脚了解几个快捷键，方便在作图中的使用。在选用钢笔工具绘制后你可以用Shift/Ctrl/Atl来回切换出需要使用的直接选择工具、锚点选择工具、倒角工具。
下面就一步一步教大家画线式图标。为了让初学者看明白，我尽量写的详细些。
1、在ps中新建一块画布。(快捷键：ctrl+n)
2、用矩形路径画出两个矩形(快捷方式：画一个圆角矩形，然后按住Alt键拖动图层即可进行复制)。
框选所有的路径，找到PS右上角的填充和描边，把填充隐藏，描边设置2个点像素。
4、使用直接选择工具删除多余的路径锚点，从而去除多余的路径线。
插播提醒：在需要删除中间一段路径的时候，需要先用钢笔工具进行添加锚点，然后用直接选择工具选中进行删除。
如下，我想删除红色区域的一段路径怎么办?
我们继续!!
5、使用椭圆工具绘制太阳(绘制过程中按住shift键即可画出正圆)，钢笔工具进行绘制山脉部分。
6、完毕后调整路径描边的起终点的样式为圆角或直角。
7、选中需要调整的角，再使用描边选项里的角点为圆角，使图形更为圆润。
这样一个图标就完成了。
用路径描边还能区分图标的立体感。不同粗细描边的形状结合使图标更为丰富化。
四、后期修饰：让线条更圆滑
　　路径边缘的修正会给整个图标精致的感觉，尤其是出现单独线条和折角的时候，显得尤为重要。
　　路径描边还可以根据你的需要进行对其模式的选择，在路径外进行描边，还是中间，还是内部描边。这在路径描边图形的绘制中会经常使用到。
有时候真的是我们想多了，总想学一些复杂高级的东西，而基础的往往被忽视。
[标签: , , , , , ] [] []
&&PS学习网是一个专业的学习交流Photoshop的网站，本站致力于向广大PS爱好者提供一个学习与交流的平台，想要学习提高自己的PS水平，马上从这里开始吧…&&&&&&&&&&在 iPad 朝向专业化的道路上，iPad Pro 的 Smart Connector 曾被寄予厚望，但那么长时...
在“iPhone 8”上亮相的这些功能可能将成为未来所有苹果设备的标准配置。
传闻传了好几个月，现在总算是成真了~
貌似业界都认为几款新iPhone的外观设计已经基本确定了。
据悉，Ice Lake处理器可能配备在2018年底或 2019年初的Mac电脑。
初代iPhone让我们开始对多点触控界面司空见惯，但是说到苹果、乔布斯与多点触控的历史...
科技的进步其实对几乎所有行业都带来诸多影响~
为什么不起个叫什么《食物总动员》之类的名字？远比现在这个好多了。
《拯救潘乔2：解谜之旅（Amigo Pancho 2: Puzzle Journey）》是一款益智休闲游戏，玩...
不知道大家还记不记得《哆啦A梦》里有一个超神奇的道具，叫做记忆面包，把想要记住的...
对于一些现实题材的游戏来说，或许怀着怎样的心情去体验远比寻求那些游戏技巧要重要的...
《神话探索者：火神的遗物》是一款由Sunward Games制作，Artifex Mundi发行的冒险解谜...
每次掷出骰子都是心惊胆战，天堂地狱就在一瞬之间，你能体验到10点的骰子指出去之后成...
炎炎夏日，很多小伙伴会选择以游泳的方式来去除这份燥热。而在游戏行业之中，也有不少...
Schlage 今日发布了一款全新 WiFi 适配器，让 iOS 用户能够远程控制家中的 Schlage Se...
目前仍有不少用户在为 iPhone 存储不足的问题而苦恼。
苹果虽推出了车载系统，但支持的车型还不算多。
通过连接 WiFi，在 iOS 设备上可对 LightwaveRF 智能家居系统进行控制操作。
宜家的 Tradfri 智能照明系统涵盖了几乎所有类型的家用灯泡接口。
理想的 iPhone 保护壳应该是轻薄、坚固且价格实惠的。
你需要给自己的 Apple Watch 加上一些不一样的风格。
Sylvania 与飞利浦的智能灯泡 Hue 一样，可以设置为几种不同的颜色或是不同亮度的白光...
本主题需要才能查看，如没有账号，戳我！
威锋旗下产品
Hi~我是威威！
沪公网安备 29号　|　沪ICP备号-1
新三板上市公司威锋科技（836555）
增值电信业务经营许可证：
Powered by Discuz!}