JigsawDesigner

JigsawDesigner 1.6.0 · iPhone、iPad、Mac

閉じた輪郭を編集可能なパズルのカットラインに変換

ベクター外周を描くかインポートし、スロット形状を選び、内部パターンを生成して、プロジェクトから書き出す前にSVGを調整します。

外周SVG
JigsawDesignerでスロットテンプレートと生成設定を用意した、不規則な閉じた外周
生成済みSVGSVG
不規則な外周内に生成され、編集可能なグループとして選択されたパズルのカットライン

カットラインの構造

カットラインファイルは形状データであり、機械のプリセットではありません

外周はパズルのシルエットを定義します。内部カットラインが領域をピースに分割し、スロット形状がその線上の接続部を形作ります。JigsawDesignerは、これらを編集可能なSVGパスとグループとして保持します。素材、カーフ、出力、速度、その他の製造設定は、機器で使用する後工程ソフトウェアで管理してください。

素材を使う前に、書き出したファイルを使用予定の縮尺で確認してください。

カットラインファイルは形状データであり、機械のプリセットではありません外周内部カットラインスロット形状編集可能なSVG

実際のワークフロー

元の形状から編集を続けられるSVGへ

生成はプロジェクト内の1工程であり、デザイン作業の終点ではありません。

01

元の形状をインポートまたは描画

SVGを読み込むか、ベクターツールで閉じた輪郭を描きます。生成前に、キャンバス上で縮尺、グループ、表示されている形状を確認してください。

Layersの階層とShape Infoが表示された、JigsawDesignerで選択中の精細なインポートSVG
実際のドキュメント構造とともに表示されたインポートSVG。製品スクリーンショット · JigsawDesigner 1.6.0
02

選択した外周内に生成

内蔵またはカスタムのスロット形状を選び、グリッドと間隔の値を設定して生成します。最初の出力を完成形とせず、結果を確認してください。

JigsawDesignerでグループとして選択された生成済みパズルカットライン
ジェネレーターは編集可能なベクター形状を返します。製品スクリーンショット · JigsawDesigner 1.6.0
03

パスを調整してSVGを書き出す

選択ハンドル、Layers、Point Edit、グループ化、Inspectorの値を使い、次のツールに渡せる状態にドキュメントを整えます。

JigsawDesignerで生成したパズル外周の周囲に表示されたPoint Editのアンカー
生成後もアンカーレベルの編集ができます。製品スクリーンショット · JigsawDesigner 1.6.0

製品チームによる作例

入力、アプリ内の結果、次の編集

JigsawDesignerチームの各作例には、目的、元の形状、アプリ内の結果、次に行うベクター編集が記録されています。

すべての作例を見る
JigsawDesignerでカスタムスロットテンプレートを選択し、生成設定を表示した不規則な閉じた外周
入力
不規則な外周内に生成され、JigsawDesignerで編集可能なグループとして選択されたパズルのカットライン
生成結果

不規則な外周から編集可能なカットラインへ

目的
手描きの閉じた外周を保ったまま、その内部をパズルパターンで埋めます。
テンプレート
Templatesパネルで選択されたカスタムの凹型スロット形状
次の編集
生成したグループを選択して境界を確認し、ポイント編集に切り替えて外周を部分的に調整します。
パズル生成前の、複数の動物形状を内側に含む精細なドラゴン型ベクター外周
入力
JigsawDesignerで精細なドラゴンのシルエット全体に生成されたパズルのカットライン
生成結果

内部に開口部がある精細なシルエット

目的
内部の小さな形状を残したまま、複雑なドラゴンの外周全体にパターンを生成します。
テンプレート
Templatesパネルで選択されたカスタムスロット形状
次の編集
狭い部分と内部開口部を確認し、後工程でより大きなクリアランスが必要な箇所は個別にパスを調整します。
レイヤーグループと寸法が表示された、JigsawDesignerで選択中の複雑なインポートSVG
開いたSVG
製品チームが作成した複数のSVGとパズル作例を含むJigsawDesignerプロジェクトライブラリ
プロジェクトライブラリ

インポートしたSVGを整理されたプロジェクトへ

目的
レイヤー構造を持つSVGを開き、表示内容が正しく読み込まれたことを確認して、ほかの編集可能なプロジェクトと一緒に保管します。
テンプレート
未使用 — この作例はSVGのインポートとプロジェクト整理を示しています
次の編集
生成に使う閉じた外周を選択または描画する前に、インポートしたグループと縮尺を確認します。

1つのワークフローを3つのAppleデバイスで

プロジェクトの段階に合った画面を使う

同じ基本エディターをMac、iPad、iPhoneで利用できます。以下のスクリーンショットは、現在の製品ビルド1.6のものです。

ドラゴンのプロジェクトが表示されたMac版JigsawDesigner 1.6のSVGワークスペース
Macワークスペース製品スクリーンショット · JigsawDesigner 1.6.0

Mac

完全なSVGワークスペース

iPad版JigsawDesigner 1.6のベクター編集画面
iPadエディター製品スクリーンショット · JigsawDesigner 1.6.0

iPad

タッチ操作のベクター編集

iPhone版JigsawDesigner 1.6のベクター選択画面
iPhoneエディター製品スクリーンショット · JigsawDesigner 1.6.0

iPhone

コンパクトな選択ワークフロー

SVGインポート

ベクターアートワークを開き、表示されている構造を確認します。

パス編集

アンカー、グループ、変形、描画パスを編集します。

カスタムスロット形状

ジェネレーターで使用する接続形状を描くか、インポートします。

プロジェクトライブラリ

後から修正できるよう、編集可能な作例を整理しておきます。

書き出した後

加工は独立した検証工程として扱う

JigsawDesignerが渡すのはSVG形状です。工程、素材設定、安全性については、引き続きカットソフトウェアと機器側で管理してください。

  1. 01

    SVGを書き出す

    編集可能なプロジェクトを保管し、後工程に必要な形状を書き出します。

  2. 02

    受け渡しを確認

    単位、縮尺、重複パス、ストロークの解釈、予定している工程を確認します。

  3. 03

    素材テストを行う

    シート全体を使う前に、小さなテストを行い、機器メーカーの案内に従ってください。

  4. 04

    制作して記録

    再現できるよう、最終的な素材と機械の設定をJigsawDesignerの外で記録します。

制作ガイドをすべて読む

JigsawDesignerは、カットソフトウェア、機器の取扱説明書、安全な操作手順の代わりにはなりません。

以前の製品紹介です。現在の画面については、上にある1.6.0のスクリーンショットを参照してください。

まず5回の無料生成を試す

Premiumでは、無制限の生成とSVG書き出しを利用できます。月間および年間サブスクリプションはAppleが処理します。

無料

基本の生成ワークフローを試します。

  • パズル生成5回

Premium

生成を続けてSVGを書き出せます。

  • パズルを無制限に生成
  • SVG書き出し
無料プランとPremiumを比較

App Storeには、お住まいの地域の現在の価格が表示されます。

始める前によくある質問

自分で用意した輪郭を使えますか?

はい。閉じたベクター外周を描くか、適切なSVG形状を読み込み、生成に使用する外周を選択します。

生成後にパズルを編集できますか?

はい。生成したカットラインは、編集可能なSVG形状としてドキュメントに戻ります。

どの形式で書き出せますか?

現在、JigsawDesignerはSVGを書き出せます。SVG書き出しはPremiumに含まれます。

アプリがレーザー設定を選んでくれますか?

いいえ。お使いの機器に合わせて、後工程で単位、縮尺、素材、カーフ、工程、出力、速度、安全性を検証してください。

段階別に学ぶ

形状を理解し、1つのプロジェクトを完成させ、さらに詳しく学ぶ

カットラインを理解する、プロジェクトを完成させる、SVGを調整して書き出す、の3つから目的に合う学習コースを選びます。

学習ページを開く