photoshop制作矢量图标六个经验技巧
更新时间：2016年9月14日 23:50 点击：1196
今天小编在这里就来给photoshop的这一款软件的使用者们来说下制作矢量图标六个经验技巧，各位想知道具体信息的使用者们，那么下面就快来跟着小编一起看一看吧。
给各位photoshop软件的使用者们来详细的解析分享一下制作矢量图标六个经验技巧。
分享一览：
分别讲解几个做矢量图片相关的工具，分别是形状图层、自定义形状工具、布尔运算、分层绘制、路径选择工具、钢笔工具
今天竹子要介绍的这6个图标绘制招数，简单易懂，但功效卓著。久习可得奇效，达到任何矢量图形都易如反掌，无论各种横的，竖的，奇形怪状的图形都信手拈来。(以下界面演示以Photoshop CC为演示工具)
第一剑 少商剑 形状图层
特点：剑路雄劲，颇有石破天惊，风雨大至之势。
PS是一个像素处理软件，可以做到和AI一样绘制各种复杂的矢量图形。有读者会问为什么不用AI，而要学习PS绘制路径，因为PS才是适合UI设计的工具软件，且各种图形PS可以做到像素对齐，AI绘制的路径导入PS还是要二次调节。所以下面教你如何通过形状图层来绘制矢量图标。
① 前景色选择黑色，前景选择的颜色就是绘制出形状图层的颜色
② 工具模式选择路径，一定要选择路径，而不是形状，因为直接生成的形状黑乎乎一大片，非常不利于二次编辑路径。
③ 形状属性面板中可以设置圆角。
这是Photoshop CC版本中一个非常棒的功能。尤其是对UI设计师而言。形状属性位于属性面板中，我们可以自由设置各种参数。
例如：图形尺寸、填充颜色、描边颜色、描边宽度、描边样式(包括虚线、对齐方式、线段端点和合并类型)、圆角半径选项(对椭圆形不可用)
一个矢量的圆角矩形就画好了。
第二剑 中冲剑 自定义形状工具
特点：大开大阖，气势雄迈
PS里内置了非常多的形状，很多基础图形不需要自己绘制，直接在使用相应的图形即可。
首先新建一个图层，然后使用多边形工具，选择3边
然后用形状图层工具绘制一个三角形
如图：
第三剑 商阳剑 布尔运算
特点：巧妙灵活，难以捉摸。
一些复杂的图形，都是靠各种图形相加相减得到的。所以我们需要灵活运用布尔运算工具，来达到组合最终图形的目的。
按住Ctrl同时选中图层形状1、形状2
直接按住Ctrl+E合并两个路径：
通过合并得到一个对话框图形。
菜单顶部有路径组合工具，可以尝试不同的路径组合，体会一下不同路径组合布尔运算的效果。
第四剑 关冲剑 分层绘制
特点：以拙滞古朴取胜。
很多复杂的基本型不要在一个层上绘制，可以分层绘制，通过各个层的分别绘制，最终再整体合并。
新建图层，画三个圆形矢量图形，必须要新建一个图层哦。如果直接绘制路径，新的路径和原有的路径混在一起，调整非常不方便，路径约复杂，你会感受分层绘制的好处!
选中圆圈图形的图层，Ctrl+C
在圆角矩形层上Ctrl+V，圆圈路径粘贴在圆角矩形层上：
然后：
第五剑 少冲剑 路径选择工具
特点：轻灵迅速
当编辑图标中一堆复杂路径的时候，想要快速选中某个路径可能不是一件非常轻松的事情，这时候可以使用路径选择工具。
这2个箭头有什么区别了，黑色箭头可以选中全部路径，而白色箭头可以选中局部路径。
第六剑 少泽剑 钢笔工具
特点：忽来忽去，变化精微
有一些图形的形状，造型奇异，比如下面这个茄子，不可以直接通过基本图形得到，这时候只能使用大招，钢笔工具!掌握钢笔工具，可以自由的画出各种图形。
选择钢笔工具
绘制一下弧形路径，按住Alt键点选这个路径的端点，为什么需要点选一下?大家可以试验一下，假如不切换这个端点，绘制的下一个路径就会有一个弧度。不能按照自己想法绘制相应方向的路径。
点选后的路径如下
然后我们再绘制下一段路径
再次点选路径的端点
依次绘制出如下的路径
再绘制一个切割图形的路径，并用布尔运算工具切除：
最后用钢笔工具用如上的步骤绘制茄子的把子。
最终得到这个茄子的矢量图形：
好了，以上的信息就是小编给各位photoshop的这一款软件的使用者们带来的详细的制作矢量图标六个经验技巧解析分享的全部内容了，各位看到这里的使用者们现在是很清楚了吧，那么各位现在就快去按照小编的教程自己去多多练习吧。
相关文章
- 今天小编在这里就来给各位photoshop的这一款软件的使用者们来说下制作雨中野外孤独行走的一头牛海报的教程，各位想知道具体制作方法的使用者们，大家就快来看一看小编给...2016-09-14
- 今天小编在这里就为各位photoshop的这一款软件的使用者们带来了想象力无边界超现实合成图，各位想知道这些超现实的合成图都是些什么呢?那么下面各位就来跟着小编一起看...2016-09-14
- 今天小编在这里就来给photoshop的这一款软件的使用者们来说一说简单制作一个搞笑的换脸表情包的教程，各位想知道具体制作方法的使用者们，那么大家就快来看一看教程吧。...2016-09-14
- 今天小编在这里就来给各位photoshop的这一款软件的使用者们来说一说设计一幅大鱼海棠动画片海报制作的实例教程，各位想知道具体制作步骤的使用者们，那么各位就快来看看...2016-09-14
- 今天小编在这里就来给各位photoshop的这一款软件的使用者们来说一说合成爱丽丝漫游仙境的小人国场景制作教程，各位想知道具体的合成制作方法的使用者们，那么各位就快来...2016-09-14
- 今天小编在这里就来给各位photoshop的这一款软件的使用者们来说说给手绘画调色变换场景的后期教程，各位想知道具体后期处理步骤的使用者们，那么大家就快来跟着小编来看...2016-10-02
- 今天小编在这里就来给各位Photoshop的这一款软件的使用者们来说说把古装美女图片转为细腻的工笔画效果的制作教程，各位想知道方法的使用者们，那么下面就快来跟着小编一...2016-09-14
- 今天小编在这里就来给photoshop的这一款软件的使用者们来说说利用各种素材合成闪电侠效果的制作教程，各位想知道具体制作步骤的使用者们，那么下面就快来跟着小编一起看...2016-09-14
- 今天小编在这里就来给Photoshop的这一款软件的使用者们来说下火龙变冰龙的制作教程，各位想知道具体的制作步骤的使用者们，那么下面就快来跟着小编一起看看制作教程吧。...2016-09-14
- 今天小编在这里就来给各位photoshop的这一款软件的使用者们来说一说制作延时摄影城市照片效果的教程，各位想知道具体制作方法的使用者们，那么就快来看看教程吧。 给...2016-09-14
- 这篇文章算是超级入门级别的了，我们下面来给各位介绍在photoshop画斜线/直线/虚线的教程了，希望下面这篇文章给你入门来帮助。 PS怎么画斜线 选择铅笔工具，或者画笔...2016-09-14
- 有时我们接受或下载到的PSD文件打开是空白的，那么我们要如何来解决这个 问题了，下面一聚教程小伙伴就为各位介绍Photoshop打开PSD文件空白解决办法。 1、如我们打开...2016-09-14
- 今天小编在这里就来给photoshop的这一款软件的使用者们来说一说制作菱形编织图案的无缝纹理背景的教程，各位想知道具体制作方法的，那么下面就来跟着小编一起看一看吧。...2016-09-14
- photoshop软件是一款专业的图像设计软件了，但对电脑的要求也是越高越好的，如果配置一般打开ps会比较慢了，那么photoshop打开很慢怎么办呢，下面来看问题解决办法。 1、...2016-09-14
- 今天小编在这里就来给各位photoshop的这一款软件的使用者们来说一说设计暗红色金属文字效果的制作步骤，各位想知道具体制作步骤的使用者们，那么各位朋友们就快来跟着小...2016-10-10
- JQuery使我们在开发Ajax应用程序的时候提高了效率，减少了许多兼容性问题，我们在Ajax项目中，遇到ajax异步获取数据出错怎么办，我们可以通过捕捉error事件来获取出错的信息。在没给大家介绍正文之前先给分享Jquery中AJAX参...2015-11-24
- 不知不觉功夫熊猫这部电影已经出到3了，今天小编在这里要教大家的是用Photoshop制作功夫熊猫3的海报，各位想知道制作方法的，那么下面就来跟着小编一起看看吧。 给各...2016-09-14
- 今天小编在这里就来给photoshop的这一款软件的使用者们来说下AI源文件转photoshop图像变模糊问题的解决教程，各位想知道具体解决方法的使用者们，那么下面就快来跟着小编...2016-09-14
- Photoshop的这一款软件小编相信很多的人都已经是使用过了吧，那么今天小编在这里就给大家带来了用Photoshop软件制作枪战电影海报的教程，想知道制作步骤的玩家们，那么下面...2016-09-14
- 今天小编在这里就来给photoshop的这一款软件的使用者们来说说调出时尚个性青色人像照片效果的调色教程，各位想知道到底该怎么调色的，那么下面就快来跟着小编一起看一看...2016-09-14