边画边体验：用Provector绘制应用图标

上一次在《边画边体验：用SVG-Edit绘制应用图标》中大吹特吹了SVG和矢量的好处，结果一转眼就看到商店里上了一款新的矢量绘画工具，那还不敢紧下载来用用？

这个可是比SVG-Edit用起来顺手太多了！界面是相当简洁专业的工具条+面板左右结构，比较现代的设计软件如Figma和Framer全是这种布局。

除了还有几个小毛病，但瑕不掩玉，后面慢慢说。

先随便选一个正方形的画布，800x800足够。	在画布中画个正方形，世界的一切都是简单形组成的！

再画两个三角形，元素对齐功能相当好用。	选择所有形状，用布尔运算合并在一起，猫耳朵就有了。

多余的顶点，不能用删除键直接删，会打断线条	要用钢笔工具，钢笔工具可以自动识别目的增删或连接

选中的顶点旁会出现一个小圆点的手柄，这是圆角手柄	拖动圆点，所有选中的顶点都会变成圆角，圆润的形状太简单了

右侧的属性栏会显示当前元件的属性，布局和设置都很好	完美的填充选择器，支持纯色、线性及辐射渐变和图案

渐变配色很好控制，是与Figma与Affinity designer等工具同款	选中两个元件，用布尔相减可以抠洞，但线条会出问题不推荐

改成金色的画框，金色的渐变其实很好配，有高光就好	插入一张世界名画

Ctrl+]/[ 可切换图层，用右键菜单也可以	选色器很好用，可以从位图图片中选色

线条可以通过offset path创建内扩或外扩形状	再画个正方向转45度，可此时的边框也转了怎么办？

不要慌，菜单里有边框复位，就可以在旋转后再改变形状了	三个连起来，用分布工具平均相互间的间距

复制成四个，按alt拖动和复制，按Shift可锁定比例	布尔加运算，一个比较复杂的边框就画好了

用弧线工具画出一个边的曲线，再复制成四份	成组后更好定位，按CTRL转动可以吸附整数角度

加一个小矩形再把四角设成圆角，一般按钮也这么画	写上自己的名字或应用名称

此时，遇到了一个严重的问题，保存到本地设备的功能可能有损坏，保存的JSON文件是空文件！

这导致我丢失了前面所有的作品！

不过……倒也还好了，希望以后可以升级改进。

用十分钟重新画一个好了，反正已经熟门熟路，其实真的用不了太久。	这次也特别强调了线条，因为图片在设备中会很小，所以明显的轮廓很重要。

加入更多装饰，一个基本的画框就好了。	用透视工具变形，但注意未转曲线的文字和位图都不能变形

不过没关系，把内框放在图像的上层，图片可适当旋转没太大必要做透视。	同时选中后从菜单选Make Mask，上层的形状就会裁切下层的图片

一个图标就做好了，虽然不能保存，但可以存为SVG	或者直接输入NPG，如果你不想要白底，用帧工具把当前帧背景设为“无”即可

如果你需要，Provector其实支持中文哦！	最后输出结果，完成图标的设计。

放到项目里看看，相当不错吧？

你学废了吗？以后不要用简陋难看的图标做应用了，都来画图标吧：）