01
元の形状をインポートまたは描画
SVGを読み込むか、ベクターツールで閉じた輪郭を描きます。生成前に、キャンバス上で縮尺、グループ、表示されている形状を確認してください。
JigsawDesigner 1.6.0 · iPhone、iPad、Mac
任意の輪郭からジグソーパズル用のカスタムカットラインを作成
Mac、iPad、iPhone でベクターの輪郭を描画または読み込み、パターンを生成し、各パスを調整して、編集可能な SVG として書き出せます。
外周SVG
生成済みSVGSVG
パズルのカット設計
ジグソーパズルのカットパターンの構造
すべてのカットパターンは、閉じたパズル外形から始まります。その内側では、共有されるカットパスがデザインを個々のピースに分割します。その共有辺に沿って、凸部と対応する凹部がかみ合わせを形成します。whimsyはこれらとは異なり、カットパターンに組み込まれた、見分けられる具象形を持つ完全な1ピースです。
JigsawDesignerは、選択したスロットテンプレートを適用条件を満たすピース分割辺に適用し、結果を編集可能なSVG形状として保持します。Whimsyピースは手動で設計またはインポートし、確認する必要があります。ジェネレーターが自動生成するものではありません。素材、カーフ、パワー、速度、安全設定は後工程で管理します。
パズル外形
閉じた外側の輪郭が、完成したパズルのシルエットを定義します。
ピース分割カットライン
共有される内部パスが、外形を個々のパズルピースに分割します。
タブ（凸部）とブランク（凹部）
凸部（タブ／ノブ）と、それに対応する凹部（ブランク／ソケット）は、ピース同士が共有する辺に沿って形成されます。
Whimsy（任意の具象形ピース）
テーマに沿った、見分けられる形の完全な1ピースです。JigsawDesignerは現在、Whimsyピースを自動生成しません。
出力：編集可能なSVGカット形状
実際のワークフロー
元の形状から編集を続けられるSVGへ
生成はプロジェクト内の1工程であり、デザイン作業の終点ではありません。
02
選択した外周内に生成
内蔵またはカスタムのスロット形状を選び、グリッドと間隔の値を設定して生成します。最初の出力を完成形とせず、結果を確認してください。
03
パスを調整してSVGを書き出す
選択ハンドル、Layers、Point Edit、グループ化、Inspectorの値を使い、次のツールに渡せる状態にドキュメントを整えます。
製品チームによる作例
入力、アプリ内の結果、次の編集
JigsawDesignerチームの各作例には、目的、元の形状、アプリ内の結果、次に行うベクター編集が記録されています。
不規則な外周から編集可能なカットラインへ
- 目的
- 手描きの閉じた外周を保ったまま、その内部をパズルパターンで埋めます。
- テンプレート
- Templatesパネルで選択されたカスタムの凹型スロット形状
- 次の編集
- 生成したグループを選択して境界を確認し、ポイント編集に切り替えて外周を部分的に調整します。
内部に開口部がある精細なシルエット
- 目的
- 内部の小さな形状を残したまま、複雑なドラゴンの外周全体にパターンを生成します。
- テンプレート
- Templatesパネルで選択されたカスタムスロット形状
- 次の編集
- 狭い部分と内部開口部を確認し、後工程でより大きなクリアランスが必要な箇所は個別にパスを調整します。
インポートしたSVGを整理されたプロジェクトへ
- 目的
- レイヤー構造を持つSVGを開き、表示内容が正しく読み込まれたことを確認して、ほかの編集可能なプロジェクトと一緒に保管します。
- テンプレート
- 未使用 — この作例はSVGのインポートとプロジェクト整理を示しています
- 次の編集
- 生成に使う閉じた外周を選択または描画する前に、インポートしたグループと縮尺を確認します。
1つのワークフローを3つのAppleデバイスで
プロジェクトの段階に合った画面を使う
同じ基本エディターをMac、iPad、iPhoneで利用できます。以下のスクリーンショットは、現在の製品ビルド1.6のものです。
Mac
完全なSVGワークスペース
iPad
タッチ操作のベクター編集
iPhone
コンパクトな選択ワークフロー
SVGインポート
ベクターアートワークを開き、表示されている構造を確認します。
パス編集
アンカー、グループ、変形、描画パスを編集します。
カスタムスロット形状
ジェネレーターで使用する接続形状を描くか、インポートします。
プロジェクトライブラリ
後から修正できるよう、編集可能な作例を整理しておきます。
書き出した後
加工は独立した検証工程として扱う
JigsawDesignerが渡すのはSVG形状です。工程、素材設定、安全性については、引き続きカットソフトウェアと機器側で管理してください。
- 01
SVGを書き出す
編集可能なプロジェクトを保管し、後工程に必要な形状を書き出します。
- 02
受け渡しを確認
単位、縮尺、重複パス、ストロークの解釈、予定している工程を確認します。
- 03
素材テストを行う
シート全体を使う前に、小さなテストを行い、機器メーカーの案内に従ってください。
- 04
制作して記録
再現できるよう、最終的な素材と機械の設定をJigsawDesignerの外で記録します。
JigsawDesignerは、カットソフトウェア、機器の取扱説明書、安全な操作手順の代わりにはなりません。
まず5回の無料生成を試す
Premiumでは、無制限の生成とSVG書き出しを利用できます。月間および年間サブスクリプションはAppleが処理します。
無料
基本の生成ワークフローを試します。
- パズル生成5回
Premium
生成を続けてSVGを書き出せます。
- パズルを無制限に生成
- SVG書き出し
無料プランとPremiumを比較
App Storeには、お住まいの地域の現在の価格が表示されます。
始める前によくある質問
自分で用意した輪郭を使えますか？
はい。閉じたベクター外周を描くか、適切なSVG形状を読み込み、生成に使用する外周を選択します。
生成後にパズルを編集できますか？
はい。生成したカットラインは、編集可能なSVG形状としてドキュメントに戻ります。
どの形式で書き出せますか？
現在、JigsawDesignerはSVGを書き出せます。SVG書き出しはPremiumに含まれます。
アプリがレーザー設定を選んでくれますか？
いいえ。お使いの機器に合わせて、後工程で単位、縮尺、素材、カーフ、工程、出力、速度、安全性を検証してください。
段階別に学ぶ
形状を理解し、1つのプロジェクトを完成させ、さらに詳しく学ぶ
カットラインを理解する、プロジェクトを完成させる、SVGを調整して書き出す、の3つから目的に合う学習コースを選びます。