本文目录
用 VectorPaint 制作第一个图标，可以按「新建画布 → 添加形状 → 调整填充与描边 → 导出 SVG」进行。 从圆形和矩形组合的简单图案开始，比一开始就处理复杂照片描摹更容易理解矢量对象。
本文依据 VectorPaint 1.0.7 的公开说明与功能入口整理，适合第一次接触矢量设计的用户。
开始前准备
- 安装 VectorPaint，当前核对版本最低要求 iOS / iPadOS 17.0。
- 想一个只用两三种形状就能表达的主题，例如太阳、窗户或简单几何徽记。
- 明确交付用途：可编辑路径选择 SVG；用于网页显示的图片可以选择 PNG。
1. 新建画布
在作品集中选择「新建画布」，选择画布尺寸或使用自定义尺寸，再选择「创建画布」。可以先使用方形画布，方便练习图标构图。
留意尺寸单位。画布尺寸与 PNG 的最终像素尺寸是两个需要分别确认的设置，不能仅凭编辑界面上的一个数字判断导出图片大小。
2. 用少量形状搭出结构
打开「形状与路径工具」，先添加一个圆形，再加入矩形等简单形状，组成自己的图案。每增加一个对象，先调整位置和大小，再处理颜色。
例如太阳主题可以先用圆形表现主体，再用细长矩形表达光线。这个练习建议不依赖图片素材，也不需要先学习复杂节点编辑。
如果要修改曲线，可以进一步使用钢笔和贝塞尔节点；初次练习先把基本形状、选择和移动操作熟悉即可。
3. 分清填充和描边
选中对象后，调整「填充」来改变内部颜色，调整「描边」来控制轮廓颜色与宽度。先使用两到三种颜色，避免过多颜色分散对结构的注意力。
如果修改后没有影响到预期对象，先检查选区与当前属性目标。图层被锁定或隐藏时，也会影响编辑和显示。
需要统一排列时，使用对齐、分布、网格与辅助线整理布局。复杂图案可以用图层或分组管理。
4. 根据用途选择导出格式
打开「导出与分享」，按用途选择：
| 格式 | 适合用途 | 需要注意 |
|---|---|---|
| SVG 矢量 | 继续编辑路径、在支持 SVG 的工作流中使用 | 作品中的位图仍可能保留为位图 |
| PNG 图片 | 网页、聊天、作品预览 | 确认最终像素尺寸；需要时选择透明背景 |
| PDF 文档 | 打印与作品交付 | 可以同时包含矢量与位图内容 |
| 可编辑原稿 | 回到 VectorPaint 继续修改 | 建议与成品一起保留 |
如果只是分享一个预览，可以先导出 PNG；需要继续使用路径，则另导出 SVG。透明背景设置不会删除画布里你自行画出的实色背景对象。
5. 检查结果并保留原稿
打开导出的文件，检查边缘、颜色、文字与背景是否符合预期。若要交付 SVG，应在接收文件的软件中确认对象和图片的表现，不宜只检查扩展名。
再保存一份可编辑的 VectorPaint 原稿，方便后续修改图层、对象与布局。版本、备份与最近删除可以辅助管理，但不能替代你对最终交付文件的检查。
第一次练习，先固定尺寸、对象和颜色
可以给自己一个明确的小目标：创建 512×512 px 方形画布，用一个直径约 180 的圆和四条短矩形制作太阳。先把主体放在中间，四边预留约 48 个画布单位。数字只是方便比较的练习起点，画布上的几何尺寸与最后 PNG 的像素尺寸仍需分别核对。
第一轮只做位置和大小，不急着加渐变。用深色圆配较浅的光线，或者让所有对象使用同一种颜色，缩小后看能否认出主题。如果光线与圆之间的空隙消失，先把空隙加大；如果整个太阳太靠边，整体移动主体，比逐个调整部件更容易保持关系。等结构清楚后，再尝试两种配色。
第二轮把相关部件分组，试着一起移动，然后撤销。这个动作能帮助你确认有没有漏选某条光线。背景若是一块白色矩形，它仍然是作品内容；之后想输出透明 PNG 时，需要单独处理它。不要把编辑器看起来是白色，直接理解为已经画了白色背景。
完成以后分别导出 512×512 的 PNG 和一份 SVG，再保存原稿。PNG 用来检查实际显示效果，SVG 用来继续使用路径，原稿用来保留创作过程。给文件加上用途，像“太阳_512预览”和“太阳_可编辑”，比全部叫“最终版”更容易找到下一次要修改的文件。
下一步按问题继续练
常见问题
导入 PNG 再导出 SVG，是否就完成矢量化？
没有。SVG 可以包含位图。需要可编辑的轮廓路径时，应使用「图片矢量化」并检查预览，再确认生成路径。
哪些图片更适合矢量化？
线稿、标志与平涂图更适合开始尝试。照片会按选定颜色数进行量化，细节和效果取决于原图，不能承诺无损还原。
为什么 PNG 放大后没有 SVG 那么清晰？
PNG 是固定像素尺寸的图片，放大到超过原始像素尺寸时可能出现模糊。SVG 中的矢量路径可以按目标尺寸重新渲染；但 SVG 内含的位图仍有原本的分辨率限制。
手绘水彩插画应该从哪里开始？
如果目标主要是笔刷笔触、叠色与像素图层，可以阅读 Aquarell 入门教程。
来源与适用范围
公开工具与格式能力来自 VectorPaint 官方商店说明，版本通过 Apple 公共查询接口于 2026 年 10 月 22 日核对。操作名称参照项目画布、编辑器与导出入口，具体布局可能随设备和版本调整。