想想图标的绘制也历史的，从刚始 ps 用面切法运用布尔运算去切，时候线条也用面切面得到。随线性图标的火爆普及，始弃面切法，转用钢笔具直接绘制，还可以很好的控制线的直角圆角。当会使用 Ps 绘制图标了，换 ai 会发加的捷方便。随 Sketch 软件界面设中一席之， Sketch 里速绘制图标也设师需掌握的一门技能。
图标的绘制方法有面切法，笔绘图法，锚点法，圆切法。
下面从 Photoshop、Illustrator、Sketch 三个软件去细讲基软件工具。绘案例想很久要含有基的识点，使用更的工具。最选择的图标为齿轮、信号，其中齿轮是最经典的案例，也是绘图标的必修课。
一、 Photoshop篇
在 ps 里面绘图标使用的基工具有小白、小黑、尔运、钢笔工具、锚点。
1. 第一步开 ps，ctrl+k，勾选将矢量工变化和像素网格对齐。
2. 黑、二人转
3. 钢笔工、贝塞尔曲线
贝塞尔曲线很多文章写太官了，不太懂，也不知如何下手。我是结我工作使用应该注意哪几。
- 锚点边的柄要保持在同一水线上。倾斜的锚点的柄也要保持在同一水线上。
- 前手柄长度不能越下个锚平线。
- 下左右的肯锚点存的点，其他方锚点的选择需多练习能找到合锚点的置。
- 笔绘制的时候尽量要两个锚点靠的太，会两个锚点的手柄没有施展的空间。
后如果感觉塞尔曲线还很难，可以先用 Illustrator 里面的钢笔具绘制，用多了就好了。我之也感觉 Photoshop 里的钢笔具绘制好难用，今天写教程做案例试了试是很好用，曲线也可以调很柔美。
4. 布尔运算
布尔运算通过绘制规则的形状行合并、减去、相交、排除方式得到新的形状。
5. 主题图标面板绘制
在题设计的时候大神们的的都很有特色。
6. 齿轮、信号案例演示
二、 Illustrator篇
ai 里面绘制图标使用的基本具填充、描、钢笔、径查找器、形状产器、对齐、锚点圆角、扩展。
1. cc2015自带直角变圆角。
2. 路径查器的形状模式等同于 ps 的布算（上面已讲），路径查器的6个工具在平时使较就忽略，感兴趣的自己研究。笔锚点和 ps 使是一样的。
3. 路径描边可通过扩展线变成面，但是在绘制线性图标时要把线进行扩展，因为放大缩小会改变线的粗细，扩展成面会随着放大缩小而发生变。有时候我们在绘制线性图标好做的曲线，可尝试把这个形状画来，然后再变成描边就ok了。
4. 在绘制对称图标的时候，有时候我们只需要绘制一半，通过镜像复制，然后通过对齐－垂直或水平分布间距就可很好的闭合在一起。（ 对齐－显示项－对齐键对象－垂直或水平分布间距 ）
5. 形状生产器工具，直接可绘制有闭合可的有形状。
三、 Sketch篇
sketch 里面绘制图标使用的基本具编辑、旋转、钢笔、剪刀、布尔运算、外形、变平。
四、 Ai制作好如何转到Ps和Sketch？
1. Ai 制作好转到 Ps ，在 Ai 复制备份个，然后象－扩展，ctrl+c复制，ctrl+v粘贴到 Ps 里选择形状图层，不要选择智能象。再用小白工具调细节，让个锚都和像素网格齐。
2. Ai 制作好转到 Sketch，ctrl+c复制，ctrl+v粘贴到 Sketch，调参数尽可能是偶数数。为大量存在小数问题。改变数值是要看下图标体感觉。
五、 如何达到视觉平衡？
多人刚开始不会说按照规范来，主要在固定大面绘制就好了，其实这也可以，但是最终还是要个别调图标达视觉上的统一。
比如在56*56px固定大小区域绘制好全部图标，不要出这个范围。然后体看哪些视觉比大需要缩放，缩放是以2倍数放大缩小。
56-2的倍数，比如56px、54px、52px……
六、 如何定义规范？
比如在定大小内，如何制定出像素？
以48*48小例。看似留了一素，下左右还两素，面的视觉平衡一样的，都以2素一基准。这种规范一点的尺寸也用的比如88*88px。
七、 如何统一风格？
图标风格我在《如何系统学习功能图标？来看资深设计师全结！》基本都概括出来了，可以分析结个风格特，快速制作。也有不少发我看他们绘制图标，会用到俩三风格时用到图标上，有是结出来没学会开始自己去尝试新风格，尽量是不要先去尝试新风格，前理应该够用了。
结虽然讲都是简单基本教程，是也是必须要掌握，掌握上基础教程不单单适用于图标，在插画，图形绘制都可以用到。
欢迎关注作者的微信公众：「水手哥学设」
浙公网安备33011002017549号