JigsawDesigner

用 JigsawDesigner 创作

为你的下一份拼图,找点灵感

看看 JigsawDesigner 团队怎样把想法变成设计。以下截图来自 Mac 版 1.6.0,展示作品在 App 中逐步成形的过程。

同一款工具,不同的创意。

走近这些设计

从随手画的轮廓,到细节丰富的龙形,再到导入自己的 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,和其他项目一起保存,随时打开继续创作。
截图设备
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