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