VectorCraft 上手：30 分钟画一个现代感 Logo

VectorCraft 是对标 Illustrator 的矢量绘图软件，主打极致性能（官方基准：2 万个形状约 27ms 渲染、120fps 交互）。这篇教程不追求炫技，用最常见的「字母 + 几何」路线画一个现代感 Logo，顺带把核心工作流走一遍。

基于 VectorCraft v0.2.0 撰写，界面仍在迭代中。

新建文档

1. 启动后选择 New Document
2. 尺寸建议 512×512px（Logo 常用工作尺寸），画板可以先用白色
3. 保存为原生格式（.vcraft 或 JSON），后面每完成一步按一次 Ctrl+S

矢量图形可以无损缩放，工作尺寸的意义主要是控制线条粗细的视觉比例。

画基本形状

圆环

1. 选择椭圆工具（快捷键 E 或 L，视你的键盘方案）
2. 按住 Shift 拖出一个正圆，在右侧属性面板把宽高精确改成 360×360
3. 填充随意选个品牌色，描边设为「无」

再画一个正方形

1. 选择矩形工具（M），按住 Shift 拖一个正方形
2. 属性改为 180×180，填充设为白色（后面做挖孔用）

对齐：把正方形放到圆心

这是新手最容易凭手感拖的地方，专业做法是用对齐：

1. Ctrl+A 全选圆和正方形
2. 打开对齐面板，依次点击水平居中对齐、垂直居中对齐

现在正方形稳稳骑在圆心上。

布尔运算：挖出方形孔

1. 保持两个形状选中
2. 在路径查找器（Pathfinder）面板点击 Subtract（减去顶层）——即从圆里减掉正方形

得到一个中心带方形孔的圆环。VectorCraft 的布尔运算是非破坏性的：结果是一个编组，双击进去还能看到原始的两个形状，随时可以改参数重新计算。这与旧版 Illustrator 的扁平化布尔完全是两种体验。

加一个字母弧形元素

给 Logo 增加个性的一步：

1. 用钢笔工具在圆环右上角勾一段弧线，描边 14px、圆头端点
2. 颜色取样圆环主色，形成呼应
3. 觉得手勾的弧不圆滑？选中锚点用锚点转换工具把角点转成曲线点再微调

实时重复：快速做对称装饰

VectorCraft 的 Live Repeat（实时重复）非常省事：

1. 画一个 8×36px 的小圆角条
2. 选中它，应用 Radial Repeat（环形重复），数量设 12
3. 整组围绕圆心排成一圈锯齿装饰，编辑任何一根条，其余自动同步

检查可缩放性

Logo 完成后，把整个图形编组（Ctrl+G），然后：

1. 缩放到 24px 观察细节是否糊成一团——如果方形孔太小，就放大它
2. 全选检查有没有意外的描边或杂点：View → Outline（轮廓模式）只看线框最直观

导出

1. File → Export，可以导出 SVG（网页/通用）与 PDF（印刷）
2. SVG 导出选项里勾选「Minify」可以减小体积
3. 顺手导一份 1024px 的 PNG 当预览图

SVG 是文本格式，可用任何编辑器打开检查。VectorCraft 导出的 SVG 结构干净，路径数据紧凑，直接扔进网页项目没问题。

布尔运算小结

路径查找器是矢量设计的核心语法，记住四个基本操作：

操作	效果
Unite（相加）	合并为整体
Subtract（相减）	上层挖掉下层
Intersect（相交）	只留重叠部分
Exclude（排除）	挖掉重叠部分

下一步

• 更复杂的布尔实战：布尔运算画一枚齿轮图标
• 位图转矢量：打开一张手绘扫描图，试试描摹（Image Trace）的 12 种预设

如果你已经有了 Illustrator 经验，VectorCraft 的快捷键布局设计得相当接近，迁移成本主要在「性能好到不用等进度条」带来的不习惯（开玩笑）。