VectorCraft操作技巧

VectorCraft 布尔运算实战:画一枚精细齿轮图标

只用圆、矩形与非破坏性布尔运算,十分钟画出一枚可用于 App 图标与信息图的精密齿轮。

山雾2026-10-07约 4 分钟

齿轮是检验矢量基本功的经典题材:尺寸要精确、齿要均布、还得留出中心孔。这篇教程用 VectorCraft 的非破坏性布尔运算把整个流程拆到最细,成品可以直接用在信息图或 App 界面里。

基于 VectorCraft v0.2.0。所有数值建议照抄,先跑通流程再自由发挥。

结构分析

一枚标准齿轮可以拆成三层结构:

外层:齿圈(大圆 + 环形分布的齿条)
中层:减重孔(可选,装饰用)
内层:中心轴孔

我们的策略是自外向内、层层挖孔,全程只用「相加 / 相减」两种布尔操作。

第一步:齿圈主体

  1. 椭圆工具画一个 400×400 正圆(齿轮主体)
  2. 矩形工具画一个 36×64 的矩形(单个齿)
  3. 打开 Transform 面板,把矩形的旋转锚点设为画布中心:先记下圆心的 X/Y 坐标(200, 200),将矩形顶边中点对齐到圆的顶部边缘

第二步:环形重复生成 12 齿

VectorCraft 的 Radial Repeat(环形实时重复)是为这种场景设计的:

  1. 选中齿矩形
  2. 应用 Radial Repeat,数量设 12,围绕圆心
  3. 现在你有 12 根均匀分布在圆周上的矩形条,注意它们还没有与圆合并

双击进入重复组,改一下矩形的宽窄试试——所有齿同步变化。这就是 Live Repeat 的价值:参数化,随时可调。

第三步:相加,让齿长在圆上

  1. 选中圆与齿组
  2. 路径查找器点 Unite(相加)

齿与圆融为一体。此时整体仍是非破坏性布尔组,双击还能进去改齿数、改圆大小。

第四步:挖轴孔与减重孔

  1. 椭圆工具在圆心画 80×80 正圆(轴孔)
  2. 再画 4 个 44×44 的圆,围绕圆心均匀分布(对齐工具 + 旋转复制,或用环形重复数量 4)
  3. 全选(孔圆 + 齿轮主体),路径查找器点 Subtract(相减)

一枚带 4 个减重孔的中空齿轮就完成了。

数值参考表

元素尺寸数量用途
齿轮主体400×4001基础轮廓
齿矩形36×6412(环形)传动齿
轴孔圆80×801中心轴
减重孔圆44×444(环形)装饰减重

模数直觉:齿宽约为主体直径的 9%,齿高约 16%,看起来最「工业」。想画更精细的渐开线齿形的话,用钢笔工具勾单齿再重复,那是进阶玩法。

轮廓模式自检

Ctrl+Y 切换轮廓(Outline)模式,只看线框:

  • 12 根齿是否严格均匀?有没有某个齿歪了?
  • 减重孔的分布是否对称?
  • 有没有残留的原始形状边缘(非破坏性组的边线)?

发现不对称时不要撤回重画——双击布尔组进入编辑,直接改原始形状的坐标,所见即所得。

导出与用途

  • SVG:界面图标、网页、切图交付
  • PDF:印刷物料,齿轮图标放大到展板尺寸依然锐利
  • 生成 Favicon 大小时注意 16px 下减重孔会糊掉,可以做一版「孔更少」的简化稿

小结

  • 齿轮 = 主体圆 + 环形重复的齿 + 相加,再层层挖孔减去
  • 全程保持非破坏性布尔:改齿数、孔径都是秒级操作
  • 数值化对齐(Transform 面板)比手感拖拽可靠一个数量级

这套「重复 + 布尔」的思路可以推广到表盘、徽章、数据图表等任何环形均布元素。画完欢迎投稿你的变体作品。

相关教程

本教程由社区贡献,内容基于 ArtCraft 软件早期版本,功能与界面可能随版本更新变化。ArtCraft 系列软件当前处于早期开发阶段,请在重要项目前自行备份文件。本站为非官方社区站点,与 storytold 团队没有隶属关系。