製品チームによる作例

元の形状から編集可能な結果まで、3つのプロジェクト

これらはJigsawDesignerチームがMac版JigsawDesigner 1.6.0で作成した作例です。各作例には、入力、アプリ内の結果、次に行うベクター編集が記録されています。

作例について

スクリーンショットはMac版JigsawDesigner 1.6.0のものです。
各作例は、実際のエディターまたはプロジェクトライブラリの状態を記録しています。
物理的な製造設定は後工程で管理します。

3つの実作例

3つのプロジェクトは意図的に異なります。自由形状の外周、内部に開口部がある精細なシルエット、インポートしたSVGの受け渡し例です。これらを通して、生成が終わった後もベクター作業が続くことを確認できます。

01

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

目的: 手描きの閉じた外周を保ったまま、その内部をパズルパターンで埋めます。
Captured on: Mac
テンプレート: Templatesパネルで選択されたカスタムの凹型スロット形状
次の編集: 生成したグループを選択して境界を確認し、ポイント編集に切り替えて外周を部分的に調整します。

関連ガイドを開く

JigsawDesignerでカスタムスロットテンプレートを選択し、生成設定を表示した不規則な閉じた外周 — ジェネレーターを実行する前の、外周、選択した形状、生成コントロール。
ソース: 製品スクリーンショット · Mac版JigsawDesigner 1.6.0

不規則な外周内に生成され、JigsawDesignerで編集可能なグループとして選択されたパズルのカットライン — 生成したカットラインは、選択可能なSVGグループとしてドキュメントに戻ります。
ソース: 製品スクリーンショット · Mac版JigsawDesigner 1.6.0

実際に起きたこと

01閉じた外周を1つ用意し、スロット形状を選びます。
02目標密度を設定してパターンを生成します。
03返されたSVGグループをLayers内で編集可能なまま保ちます。

02

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

目的: 内部の小さな形状を残したまま、複雑なドラゴンの外周全体にパターンを生成します。
Captured on: Mac
テンプレート: Templatesパネルで選択されたカスタムスロット形状
次の編集: 狭い部分と内部開口部を確認し、後工程でより大きなクリアランスが必要な箇所は個別にパスを調整します。

関連ガイドを開く

パズル生成前の、複数の動物形状を内側に含む精細なドラゴン型ベクター外周 — 元の形状には、複雑な外側のシルエットと複数の内部開口部が含まれています。
ソース: 製品スクリーンショット · Mac版JigsawDesigner 1.6.0

JigsawDesignerで精細なドラゴンのシルエット全体に生成されたパズルのカットライン — アプリ内の生成結果を拡大して確認し、ベクターを細かく調整できます。
ソース: 製品スクリーンショット · Mac版JigsawDesigner 1.6.0

実際に起きたこと

01外側のシルエットと内部のベクター形状を確認します。
02形状を選び、間隔の範囲を調整します。
03最初の結果を完成形と決めつけず、生成後に拡大して交差部分を確認します。

03

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

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

関連ガイドを開く

レイヤーグループと寸法が表示された、JigsawDesignerで選択中の複雑なインポートSVG — エディター内で実際に行ったインポート確認です。このアートワークはアプリの描画結果を示すもので、物理的な製品ではありません。
ソース: 製品スクリーンショット · Mac版JigsawDesigner 1.6.0

製品チームが作成した複数のSVGとパズル作例を含むJigsawDesignerプロジェクトライブラリ — 現在のプロジェクトライブラリでは、インポートしたアートワークと生成した作例を一緒に管理できます。
ソース: 製品スクリーンショット · Mac版JigsawDesigner 1.6.0

実際に起きたこと

01SVGをプロジェクトにインポートします。
02表示されているアートワークを比較し、Layersでグループを確認します。
03元のアートワークと生成した作例を簡単に再開できるよう、プロジェクトを保存します。

自分の外周から始める

iPhone、iPad、Macでプロジェクトを作成し、SVGを書き出す前に生成形状を確認します。

App Storeで見る