VectorCraft操作技巧
VectorCraft 布尔运算实战:画一枚精细齿轮图标
只用圆、矩形与非破坏性布尔运算,十分钟画出一枚可用于 App 图标与信息图的精密齿轮。
山雾2026-10-07约 4 分钟
齿轮是检验矢量基本功的经典题材:尺寸要精确、齿要均布、还得留出中心孔。这篇教程用 VectorCraft 的非破坏性布尔运算把整个流程拆到最细,成品可以直接用在信息图或 App 界面里。
基于 VectorCraft v0.2.0。所有数值建议照抄,先跑通流程再自由发挥。
结构分析
一枚标准齿轮可以拆成三层结构:
外层:齿圈(大圆 + 环形分布的齿条)
中层:减重孔(可选,装饰用)
内层:中心轴孔
我们的策略是自外向内、层层挖孔,全程只用「相加 / 相减」两种布尔操作。
第一步:齿圈主体
- 椭圆工具画一个 400×400 正圆(齿轮主体)
- 矩形工具画一个 36×64 的矩形(单个齿)
- 打开 Transform 面板,把矩形的旋转锚点设为画布中心:先记下圆心的 X/Y 坐标(200, 200),将矩形顶边中点对齐到圆的顶部边缘
第二步:环形重复生成 12 齿
VectorCraft 的 Radial Repeat(环形实时重复)是为这种场景设计的:
- 选中齿矩形
- 应用 Radial Repeat,数量设 12,围绕圆心
- 现在你有 12 根均匀分布在圆周上的矩形条,注意它们还没有与圆合并
双击进入重复组,改一下矩形的宽窄试试——所有齿同步变化。这就是 Live Repeat 的价值:参数化,随时可调。
第三步:相加,让齿长在圆上
- 选中圆与齿组
- 路径查找器点 Unite(相加)
齿与圆融为一体。此时整体仍是非破坏性布尔组,双击还能进去改齿数、改圆大小。
第四步:挖轴孔与减重孔
- 椭圆工具在圆心画 80×80 正圆(轴孔)
- 再画 4 个 44×44 的圆,围绕圆心均匀分布(对齐工具 + 旋转复制,或用环形重复数量 4)
- 全选(孔圆 + 齿轮主体),路径查找器点 Subtract(相减)
一枚带 4 个减重孔的中空齿轮就完成了。
数值参考表
| 元素 | 尺寸 | 数量 | 用途 |
|---|---|---|---|
| 齿轮主体 | 400×400 | 1 | 基础轮廓 |
| 齿矩形 | 36×64 | 12(环形) | 传动齿 |
| 轴孔圆 | 80×80 | 1 | 中心轴 |
| 减重孔圆 | 44×44 | 4(环形) | 装饰减重 |
模数直觉:齿宽约为主体直径的 9%,齿高约 16%,看起来最「工业」。想画更精细的渐开线齿形的话,用钢笔工具勾单齿再重复,那是进阶玩法。
轮廓模式自检
Ctrl+Y 切换轮廓(Outline)模式,只看线框:
- 12 根齿是否严格均匀?有没有某个齿歪了?
- 减重孔的分布是否对称?
- 有没有残留的原始形状边缘(非破坏性组的边线)?
发现不对称时不要撤回重画——双击布尔组进入编辑,直接改原始形状的坐标,所见即所得。
导出与用途
- SVG:界面图标、网页、切图交付
- PDF:印刷物料,齿轮图标放大到展板尺寸依然锐利
- 生成 Favicon 大小时注意 16px 下减重孔会糊掉,可以做一版「孔更少」的简化稿
小结
- 齿轮 = 主体圆 + 环形重复的齿 + 相加,再层层挖孔减去
- 全程保持非破坏性布尔:改齿数、孔径都是秒级操作
- 数值化对齐(Transform 面板)比手感拖拽可靠一个数量级
这套「重复 + 布尔」的思路可以推广到表盘、徽章、数据图表等任何环形均布元素。画完欢迎投稿你的变体作品。
相关教程
本教程由社区贡献,内容基于 ArtCraft 软件早期版本,功能与界面可能随版本更新变化。ArtCraft 系列软件当前处于早期开发阶段,请在重要项目前自行备份文件。本站为非官方社区站点,与 storytold 团队没有隶属关系。