JigsawDesigner

产品方自制示例

三个项目,从源几何到可编辑结果

以下 JigsawDesigner 团队示例截取自 Mac 上的 JigsawDesigner 1.6.0。每组都记录输入、产品内结果与下一步矢量编辑。

关于这些示例

  • 截图来自 Mac 上的 JigsawDesigner 1.6.0。
  • 每张图都对应真实的编辑器或项目库状态。
  • 下方图片不代表实体切割成品,也不构成设备适配保证。

三个工作示例

三个示例分别关注自由轮廓、带内部镂空的复杂图形,以及 SVG 导入衔接。它们共同说明:生成完成之后,矢量工作仍会继续。

01

不规则轮廓到可编辑切割线

目标
在保留外部轮廓的同时,为一个闭合的手绘形状生成拼图图案。
截图设备
Mac
模板
在模板面板中选中的自定义内凹卡槽轮廓
下一步编辑
选中生成分组,检查边界尺寸,并用点编辑对局部外轮廓继续调整。
打开相关指南
输入JigsawDesigner 中准备生成的不规则闭合边界,并显示所选自定义卡槽模板和生成设置

运行生成器前的边界、卡槽轮廓与生成参数。

素材来源: 产品截图 · JigsawDesigner 1.6.0 Mac 版

生成结果JigsawDesigner 中不规则边界内生成的拼图切割线,并作为可编辑分组选中

生成的切割线以可选择的 SVG 分组返回文档。

素材来源: 产品截图 · JigsawDesigner 1.6.0 Mac 版

过程

  1. 01准备一个闭合外边界并选择卡槽轮廓。
  2. 02设置目标密度并生成拼图图案。
  3. 03让返回的 SVG 分组继续保留在图层中编辑。

02

带内部镂空的复杂龙形轮廓

目标
在复杂龙形外轮廓中生成图案,同时保留内部的小型图形。
截图设备
Mac
模板
模板面板中已选中的自定义卡槽轮廓
下一步编辑
检查狭窄区域与内部镂空,并按下游流程需要调整单条路径的间距。
打开相关指南
输入生成拼图前的复杂龙形矢量边界,其中包含多个内部动物轮廓

源几何同时包含复杂外轮廓与多个内部镂空。

素材来源: 产品截图 · JigsawDesigner 1.6.0 Mac 版

生成结果JigsawDesigner 中覆盖复杂龙形轮廓生成的拼图切割线

产品内结果还需要放大检查和矢量调整。

素材来源: 产品截图 · JigsawDesigner 1.6.0 Mac 版

过程

  1. 01检查外部轮廓与内部矢量图形。
  2. 02选择卡槽轮廓并调整距离范围。
  3. 03生成后放大检查交点,不把第一次结果直接当作最终文件。

03

从导入 SVG 到项目整理

目标
打开分层 SVG,确认可见构图已导入,并与其他可编辑项目一起保存。
截图设备
Mac
模板
未使用——本示例记录 SVG 导入和项目整理
下一步编辑
检查导入分组和尺寸,再选择或绘制一个闭合边界用于生成。
打开相关指南
已打开的 SVGJigsawDesigner 中选中的复杂导入 SVG,并显示其图层分组与尺寸

在编辑器中检查导入图稿、图层结构与尺寸。

素材来源: 产品截图 · JigsawDesigner 1.6.0 Mac 版

项目库包含多个产品方 SVG 与拼图示例的 JigsawDesigner 项目库

当前项目库把导入图稿和生成试验集中保存。

素材来源: 产品截图 · JigsawDesigner 1.6.0 Mac 版

过程

  1. 01把 SVG 导入项目。
  2. 02对照可见图稿,并在图层中检查分组。
  3. 03保存项目,方便重新打开源图稿和生成试验。

从你自己的轮廓开始

在 iPhone、iPad 或 Mac 上创建项目,检查生成几何,再导出 SVG。

前往 App Store