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

上一次在[《边画边体验：用SVG-Edit绘制应用图标》](https://lazycat.cloud/playground/guideline/818)中大吹特吹了SVG和矢量的好处，结果一转眼就看到商店里上了一款新的矢量绘画工具，那还不敢紧下载来用用？ https://appstore.lazycat.cloud/#/shop/detail/cloud.lazycat.app.provector 这个可是比SVG-Edit用起来顺手太多了！界面是相当简洁专业的工具条+面板左右结构，比较现代的设计软件如Figma和Framer全是这种布局。 除了还有几个小毛病，但瑕不掩玉，后面慢慢说。 |先随便选一个正方形的画布，800x800足够。|在画布中画个正方形，世界的一切都是简单形组成的！| |---|---| |再画两个三角形，元素对齐功能相当好用。|选择所有形状，用布尔运算合并在一起，猫耳朵就有了。| |---|---| |多余的顶点，不能用删除键直接删，会打断线条|要用钢笔工具，钢笔工具可以自动识别目的增删或连接| |---|---| 选中的顶点旁会出现一个小圆点的手柄，这是圆角手柄|拖动圆点，所有选中的顶点都会变成圆角，圆润的形状太简单了 |---|---| 右侧的属性栏会显示当前元件的属性，布局和设置都很好|完美的填充选择器，支持纯色、线性及辐射渐变和图案 |---|---| 渐变配色很好控制，是与Figma与Affinity designer等工具同款|选中两个元件，用布尔相减可以抠洞，但线条会出问题不推荐 |---|---| 改成金色的画框，金色的渐变其实很好配，有高光就好|插入一张世界名画 |---|---| Ctrl+]/[ 可切换图层，用右键菜单也可以 |选色器很好用，可以从位图图片中选色 |---|---| 线条可以通过offset path创建内扩或外扩形状|再画个正方向转45度，可此时的边框也转了怎么办？ |---|---| 不要慌，菜单里有边框复位，就可以在旋转后再改变形状了|三个连起来，用分布工具平均相互间的间距| |---|---| 复制成四个，按alt拖动和复制，按Shift可锁定比例|布尔加运算，一个比较复杂的边框就画好了 |---|---| 用弧线工具画出一个边的曲线，再复制成四份|成组后更好定位，按CTRL转动可以吸附整数角度 |---|---| 加一个小矩形再把四角设成圆角，一般按钮也这么画|写上自己的名字或应用名称 |---|---| ## 此时，遇到了一个严重的问题，保存到本地设备的功能可能有损坏，保存的JSON文件是空文件！ 这导致我丢失了前面所有的作品！ 不过……倒也还好了，希望以后可以升级改进。 用十分钟重新画一个好了，反正已经熟门熟路，其实真的用不了太久。|这次也特别强调了线条，因为图片在设备中会很小，所以明显的轮廓很重要。 |---|---| 加入更多装饰，一个基本的画框就好了。|用透视工具变形，但注意未转曲线的文字和位图都不能变形 |---|---| 不过没关系，把内框放在图像的上层，图片可适当旋转没太大必要做透视。|同时选中后从菜单选Make Mask，上层的形状就会裁切下层的图片 |---|---| 一个图标就做好了，虽然不能保存，但可以存为SVG|或者直接输入NPG，如果你不想要白底，用帧工具把当前帧背景设为“无”即可 |---|---| 如果你需要，Provector其实支持中文哦！|最后输出结果，完成图标的设计。 |---|---| 放到项目里看看，相当不错吧？  你学废了吗？以后不要用简陋难看的图标做应用了，都来画图标吧：）