Metlivi ブログ

Inkscapeで重複したセグメントを作らずに既存のベジェパスを延長する方法

Inkscapeで既存のベジェパスを延長するには、開いたパスを選択し、ペンツールを有効にして、端点のアンカーから描画を再開します。その端点の先に新しいノードを配置し、Enterキーを押して終了します。既存のアンカーから描き始めるのが、パスを続けるための公式な方法です。Inkscapeチュートリアル:応用

このガイドは、キャラクターの輪郭を編集する際に、なぞり直さずにひと続きの輪郭を延長したい人向けです。Inkscapeの通常のベジェパスを対象に、重複した形状、接続されていない端点、ハンドルを滑らかにするだけでよい接合部を見分けるための診断手順を説明します。

2026年10月29日読了時間:6分Metlivi Editorial Team
セクション 1

追加する前に端点を確認する

まず対象の輪郭を選択し、Nキーでノードツールに切り替えます。延長を始める位置を確認してください。Inkscapeでは個々のノードを選択して、そのハンドルやノード間のセグメントを編集できます。近くのノードと端点を見分けられる程度に拡大します。Inkscapeチュートリアル:応用

描画の開始点にするのは、輪郭の開いた端である必要があります。閉じたサブパスは最後のセグメントが始点に戻ってつながっているため、同じ方法で続きを描ける開いた端はありません。また、1つのパスオブジェクトに、互いにつながっていない複数のサブパスが含まれる場合があります。そのため、1つのオブジェクトを選択しても、表示されているすべての部分がつながっているとは限りません。SVG 2:パス

描画する前に、延長する輪郭、実際の端点、輪郭を次にどこまで伸ばすかの3点を特定します。既存の輪郭がすでに描画予定の領域を覆っている場合は、その上にもう一度描き足さず、既存の形状を編集します。

セクション 2

選択したパスをアンカーから続ける

まっすぐ延長する場合は、次の手順を使います。

  1. 既存の開いたパスを選択します。
  2. Bキーを押してペンツールを有効にします。
  3. 選択したパス上の小さな端点アンカーを探します。
  4. そのアンカーをクリックして描画を再開します。
  5. 意図した輪郭に沿って、端点の先に次のノードを配置します。
  6. 輪郭の残りの新しい部分だけを追加します。

選択したパスの端点アンカーからは、パスを続けることも閉じることもできます。選んだ端点から外側へ描画します。一方の端点からもう一方の端点まで描くとパスが閉じます。開いたままにするキャラクターの輪郭では、両端をつなぐ前に描画を止めてください。Inkscapeチュートリアル:応用

クリックすると角のあるノードが作られ、クリックしてドラッグするとハンドル付きのベジェノードが作られます。最後に意図したノードを配置したら、Enterキーを押します。Inkscapeのキーボードリファレンスでは、パスを終了して閉じる Shift+Enter と区別されています。Enterキーを押すと未確定のプレビューセグメントは破棄されるため、先に最後のノードを確定してください。Inkscapeキーボード・マウスリファレンス

キャンバス上の別の場所で Shift+クリック して、端点アンカーの選択の代わりにするのは避けてください。ペンツールのリファレンスによると、Shiftキーを使った描画では、選択したパスに新しいサブパスが追加されます。その結果、1つのオブジェクトに、つながっていない形状が含まれることがあります。Inkscapeキーボード・マウスリファレンス

セクション 3

実際の形状に合った操作を選ぶ

延長部分を修正する前に、次の判断表を確認してください。パスの継続、ノードの統合、セグメントの追加について、公式に説明されている違いをまとめています。

現在の状態 適切な操作 操作後に確認すること
さらに長くしたい開いた輪郭が1つある 端点アンカーから続ける 新しい形状が元の端点から始まっている
端点を一致させたい別々の部分が2つある 2つの部分を結合してから、端点同士を統合する 接合部に共有ノードが1つある
意図的な隙間をつなぐ必要のある端点が2つある 新しいセグメントで端点をつなぐ 追加したブリッジが意図した輪郭に沿っている
延長予定の場所をすでに既存の形状が覆っている 重複部分を編集または削除する 意図した輪郭だけが残っている

Inkscapeのノードツールには、ノードの統合と、新しいセグメントで端点をつなぐ操作が別々に用意されています。統合すると1つのノードになり、セグメントでつなぐと端点間に形状が追加されます。共有点が必要なのか、ブリッジが必要なのかに応じて選んでください。ノードツールのオプション

セクション 4

別に描いた延長部分を接続する

延長部分を別のオブジェクトとして描いた場合も、必要な形状なら残せます。元の輪郭と延長部分を選択し、パス → 結合を選びます。結合すると、それぞれの部分が1つのパスオブジェクトにまとめられますが、独立したサブパスのままになる場合があります。この操作だけでは連続した接合部は作られません。ブール演算

ノードツールに切り替え、対象となる2つの端点だけを選択します。1つの共有位置にする場合は統合操作を使い、できた輪郭を確認します。間隔を残して接続する辺が必要なら、新しいセグメントを作る操作を使います。すべてのノードを選択するのは避けてください。マニュアルによると、複数の途切れた部分を選択した状態でセグメントをつなぐ操作を使うと、最も近い端点同士が選ばれます。ノードツールのオプション

説明用の例として、元の開いた輪郭に4つのノードがあり、別の延長部分に3つあるとします。結合すると、2つのサブパスにまたがって7つのノードが残ります。接している端点を統合するとノードは6つになり、橋渡しする場合は7つのノードを保ったまま接続セグメントが追加されます。これらの数は各操作から導いた管理上の例であり、実際に描画を試して測定したものではありません。

セクション 5

なぞり直さずに接合部を滑らかにする

延長部分がつながっていても、不要な角ができることがあります。同じ領域に別の曲線を重ねて描く前に、接合ノードを選択して種類を確認してください。Inkscapeのスムーズノードでは、2つのハンドルがノードを挟んで一直線にそろいます。対称ノードでは、さらに両方のハンドルの長さも同じになります。カスプノードでは、ハンドルを個別に動かせます。ノードの種類について

丸みのあるキャラクターの輪郭では、接合ノードをスムーズにして、両側のセグメントを確認しながらハンドルを調整します。意図的な角が必要なデザインにはカスプを使います。対称ハンドルによる制約が形状に役立つ場合だけ使ってください。左右でハンドルの長さを変える必要がある非対称の輪郭もあります。こうした使い分けは、公式に説明されているハンドルの動作に基づいています。ノードの種類について

接続と見た目は別々に確認します。まず意図した連続した輪郭を作り、その後で曲率を整えます。不自然な接合部を隠すために2本目の曲線を追加しても、元の編集上の問題は解決されません。

セクション 6

重複したセグメントが疑われる場合の診断

延長部分が二重に見えたり、予期しない動作をしたりする場合は、元に戻せる次の手順で調べます。

  1. 整理する前に作業用コピーを保存します。
  2. 疑わしいオブジェクトを選択して少し動かし、その後で元に戻します。下に別の輪郭全体が残っていないか確認します。
  3. ノードツールで疑わしい領域を調べます。ノードを1つ少し動かしてから元に戻し、どのセグメントがそのノードに属するか確認します。
  4. 余分な形状が別のオブジェクトなのか、つながっていないサブパスなのか、輪郭内で繰り返された部分なのかを特定します。
  5. 重複していると確認できた形状だけを削除し、隣接するセグメントを確認します。

ノードを動かして確認する方法は、実用的な診断手順であり、自動的に重複を検出する機能ではありません。特に、同じ位置に2つのノードがあっても、2つのセグメントが重なっている証拠にはなりません。Inkscapeの パスを切断 操作では、重なった位置に2つの切り離された端点が作られるため、切断された接続が1つのノードのように見えることがあります。ノードツールのオプション

描画中にミスに気づいた場合は、Backspace キーを押すと、未完成の線から最後のセグメントを削除できます。直後に修正する方が、さらに編集を重ねてから重複部分を特定するより簡単なことがよくあります。Inkscapeキーボード・マウスリファレンス

セクション 7

延長部分を確認する

接合部、新しく描いた部分、最後の端点の形状を確認します。開いた輪郭では、意図した開いた端が保たれていることを確かめます。閉じた輪郭では、閉じていることを明示的に確認してください。SVGでは、閉じたサブパスと、最後の座標が始点と一致するだけの開いたサブパスは区別されます。SVG 2:パス

最後に、想定する表示サイズでキャラクターを確認します。延長部分が意図したシルエットに沿い、想定したノードでつながり、なぞり直した余分な部分がなければ、そのまま使えます。再現性のある作業手順は、実際の端点を見つけ、そのアンカーから続きを描き、足りない輪郭だけを加え、最後の整理をする前に接合部のハンドルを調整することです。

セクション 8

参考資料

関連記事

このテーマをさらに見る