JigsawDesigner

JigsawDesignerヘルプ

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

ツールを選ぶと、実際のボタン、操作方法、完成後の画面を確認できます。ショートカットは Mac 版のものです。

8つのツールを実際の操作で確認

番号付きのツールを選び、操作前後の実際の画面を比較できます。スクリーンショットは拡大して細部まで確認できます。

JigsawDesigner 描画ツールバー

JigsawDesigner 描画ツールバー
SVGインポート

既存のSVGファイルをインポートして、パズルの境界やデザイン要素として使用します。

選択

Select

長方形をクリックして選択し、辺をドラッグして図形全体を移動します。

選択操作方法

長方形をクリックして選択し、辺をドラッグして図形全体を移動します。

選択: 長方形をクリックして選択し、辺をドラッグして図形全体を移動します。

iPhone

ツールの切り替えとオプションの表示

オブジェクトを選択すると、その操作が表示されます。選択中の鉛筆ツールをもう一度タップすると、滑らかさを調整できます。

  1. 選択
  2. ノード編集
  3. 鉛筆
  4. 直線
  5. 長方形
  6. 円
  7. 多角形
  8. ベジェ曲線

1選択したオブジェクトの操作

展開された選択バーで、複数選択、すべて選択、グループ化、コピー、削除を行えます。使える操作は選択内容によって変わります。

2鉛筆の滑らかさ

スライダーを Accurate(正確)から Smooth(滑らか)の間で動かします。ここに表示されている三角形はベジェツールで描いたもので、鉛筆のストロークではありません。

キャンバスを移動

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

Toolsパネルでクイック操作

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

展開された選択バーで、複数選択、すべて選択、グループ化、コピー、削除を行えます。使える操作は選択内容によって変わります。

左上のメニューから、プロジェクトの作成・保存、SVG の読み込み・書き出し、表示倍率の変更、詳細設定を行えます。

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

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

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

  1. 図形情報

    名前、ID、タイプ(パス、グループ、円など)の確認。

  2. 変形

    位置(X, Y)、スケール、回転の調整。

  3. ジオメトリ

    バウンディングボックスのサイズと位置の表示。

  4. 塗りと線

    単色の塗り、線の色、線幅を設定できます。一部の複雑な塗りやグラデーションは表示のみ対応しています。

  5. 操作

    選択した要素のコピーまたは削除。

オブジェクトの寸法は選択部分の寸法です。キャンバス全体の大きさではありません。拡大縮小で形を保つには縦横比を固定します。

iPhone

オブジェクトを選んで属性を調整

キャンバス上のオブジェクトを選択し、下部のバーからプロパティを開いて、位置、サイズ、外観を調整します。

  1. 変形

    位置(X, Y)、スケール、回転の調整。 オブジェクトの寸法は選択部分の寸法です。キャンバス全体の大きさではありません。拡大縮小で形を保つには縦横比を固定します。

  2. 塗りと線

    単色の塗り、線の色、線幅を設定できます。一部の複雑な塗りやグラデーションは表示のみ対応しています。

  • コマンドによる変更を取り消し・やり直し

パスを探し、ノードを調整

生成後の作品も編集できます。レイヤーツリーでパスを探し、キャンバスでアンカーとハンドルを調整します。

  1. アンカーで通過位置を調整

    パスを選び、Point Edit に切り替えます。塗りつぶされたアンカーをドラッグしてパスの通る位置を変えます。

  2. ハンドルで曲がり方を調整

    曲線のアンカーを選ぶと中抜きの制御ハンドルが表示されます。ドラッグして曲線の方向や曲がり方を変えます。

  1. グループを展開してアイテムを表示

  2. 目的のパスを選ぶ

    レイヤーの行をクリックしてオブジェクトを選択します。行の強調表示とキャンバス上の選択が連動します。

  3. 図形をロック (鍵アイコン)

  4. 表示切り替え (目アイコン)

細かい作品は入れ子のレイヤーを、単純な曲線はアンカーとハンドルを示す別々の例です。親のロックや表示設定は子にも影響します。

iPhone

パスを探し、ノードを調整

生成後の作品も編集できます。レイヤーツリーでパスを探し、キャンバスでアンカーとハンドルを調整します。

  1. レイヤーパネル

    下部のバーからレイヤーを開き、Generated Jigsaw を展開します。パスをタップすると選択でき、右側のコントロールでロックと表示状態を変更できます。104 items はグループ内の子要素数で、パズルピースの数ではありません。

  2. 表示切り替え (目アイコン)

パスを選び、Point Edit に切り替えます。塗りつぶされたアンカーをドラッグしてパスの通る位置を変えます。 曲線のアンカーを選ぶと中抜きの制御ハンドルが表示されます。ドラッグして曲線の方向や曲がり方を変えます。

開いたパスを延長・結合

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

目的別に設定を理解する

グリッド、ルーラー、スナップ、グリッド間隔、ストローク幅などのキャンバス表示をカスタマイズ。

エディタ設定

鉛筆の閉じる距離と編集距離

  1. 言語設定

    システム言語を使用するか、アプリが対応する言語から選択します。 サブスクリプション状態の確認とプレミアム会員の管理。

  2. エディタ設定

  3. 鉛筆の閉じる距離と編集距離

    描いた線を閉じる条件や既存パスを編集する条件を調整します。単位は画面上のポイントで、ミリメートルではありません。

  4. パズル設定

    変更は Apply Settings で適用します。複雑さ、辺の平滑化、描画品質も設定できますが、このガイドでは未検証の効果を説明していません。

iPhone

目的別に設定を理解する

エディタのメニューから詳細設定を開きます。該当するグループを展開して、エディタ、保存、iCloud の設定を調整し、変更を適用します。

変更は Apply Settings で適用します。複雑さ、辺の平滑化、描画品質も設定できますが、このガイドでは未検証の効果を説明していません。

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

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