JigsawDesigner

JigsawDesignerヘルプ

ベクターツールでパズル形状を編集

JigsawDesignerには、SVG形状の作成と調整に特化した8種類のツールがあります。選択状態、要素の階層、取り消し可能なコマンドによって、編集内容が実際のドキュメントツリーに反映されます。

JigsawDesignerでパズル外周の周囲に表示されたPoint Editのアンカー
生成したグループをLayers内で整理したまま、Point Editで元のパスのアンカーを表示できます。

キャンバスを移動

ワークスペースをパン・ズームして、外周全体または小さな接続部を確認します。ルーラーと任意のグリッドは、描画・編集時の縮尺の目安になります。

ルーラーとグリッドを表示したJigsawDesignerのキャンバス上にあるドラゴン型SVG形状
全体の構成にはキャンバス全体を表示し、パスや接続部を詳しく確認するときは拡大します。

適切なツールを選ぶ

Selectは要素の移動と変形、Point Editはアンカーとハンドルの変更、Pencilはフリーハンドパスの描画に使います。Line、Rectangle、Circle、Polygonは一般的な図形を作成し、Bezierは制御された曲線を作成します。

Toolsパネルでクイック操作

Toolsパネルには使用中のツールが表示され、一般的な選択とキャンバスのコマンドをすぐに使えます。現在の選択項目のコピーや削除、表示のリセットやズーム、図形の選択と選択解除に使用します。

選択、キャンバス、ズーム、クイック操作を備えたToolsパネル
選択と表示のコマンドはキャンバスのそばからいつでも利用できます。

ドキュメント要素を選択・変形

要素をクリックして選択し、Shiftキーを押しながらクリックすると選択に追加できます。ネストされた内容を編集するときは、グループ内へ移動します。キャンバス上のハンドルで選択範囲の中心を基準にサイズ変更と回転ができ、Shape Infoでは正確な変形値と形状値を確認できます。

  • 拡大縮小時に縦横比を固定
  • Layersでネストされた階層を確認
  • 上位グループのロックや非表示は編集に影響します
  • コマンドによる変更を取り消し・やり直し
選択したSVGグループの位置、縮尺、回転、サイズ、操作を表示するShape Info
Shape Infoには現在の選択項目の値が表示され、要素単位の操作を実行できます。

ドキュメント全体の値を確認

Project Infoには、プロジェクト名、キャンバスサイズ、パズルのパラメーター、ドキュメントの統計、生成コントロールが表示されます。これらは個別に選択した図形ではなく、ドキュメント全体に適用される値です。

キャンバスサイズ、パズル設定、ドキュメント統計、生成コントロールを表示したProject Info
Project Infoでは、ドキュメントと生成の値を、選択した形状のプロパティとは分けて管理します。

開いたパスを延長・結合

バージョン1.6.0では、Pencilの出力がより滑らかになり、開いた輪郭を延長または結合するワークフローが追加されました。接続部分を確認し、調整が必要な場合はPoint Editを使用してください。