多くのドローソフトでおなじみのベジェ曲線はInkscapeでも利用可能で、この記事ではその基本的な使い方について紹介します。

是非、参考にしてみてください。

ベジェ曲線の描き方の流れ

おおまかなベジェ曲線の描き方は次の通りです。

1. ペンツールでベジェ曲線を作成
2. ノードツールでノードとハンドルを調整・編集

ペンツールでベジェ曲線を作成

ベジェ曲線の描き方について説明していきます。

直線の作成と同様に、ペンツール（ベジェ曲線/直線を描く）を選択してください。

こちらを使用してベジェ曲線を描いていきます。

ベジェ曲線の基本はこちらになります。

ベジェ曲線の構成要素

• ノード（四角の点。曲線は必ずここを通過する）
• ハンドル（ノードについている線。長さと方向を変えられる。曲線の編集に使用する）

直線の場合は、クリックしてノードを追加していきました。

曲線の場合はハンドル付きのノードを追加していきます。

方法は簡単で、クリックしてノードを置いたらそのままマウスをドラッグしてください。

ドラッグした量と方向にハンドルが追加されます。

これを繰り返していきます。

狙ったとおりにうまくできなくても、後述する「ノード/ハンドルの調整」で直せまるので、ご安心ください。

「ノード」と「ハンドル」について覚えておきましょう。

このハンドルの長さや向きを設定して曲線を作っていくわけなんですね。

次にベジェ曲線の描き方の例です。

続けて別の場所で同じ操作をすることで、ノードとハンドルを追加します。

続けて

また、閉じた図形も可能です。

こんな感じでベジェ曲線を描くことができます。

ノードツールで曲線を編集・調整する

ベジェ曲線を描いたけど、イメージと違うとか調整したいということは多いにあるものです。

そのためにはノードツールを使います。これにより点（ノード）を選択することができます。

また、必要に応じて画面上部メニューバー付近にあるノード編集を使っていきます。

ノード、ハンドルの調整

まずはノードとハンドルの調整方法についてです。

ノードツールを選択し、オブジェクトを選択してみましょう。

そうすると、ノードとハンドルが表示されます。

マウス操作でノードの位置や、ハンドルを調整できます。

一例を示します。

ハンドルの長さや向きを変えることで直感的に曲線具合を調整することができます。

新しくノードを追加する

ここのボタンを使用します。

こちらはノードを挿入する一例です

次にノードの削除例です。

このように、ノードを追加したり削除することで自由度が上がるわけなんですね。

ノード間の編集

ノードを選択した状態で、これらのボタンを押すことでノード間を編集することができます。

たとえば、端点同士を１つのノードに連結する例を示します。

他にもアイコン通りの動作をしますので、試してみてください。

ノードの種類を変更

これらの機能を使えば、直線や曲線を切り替えることができますね。

「シャープにする」ボタンにより、ハンドルを追加したスムーズなノードからハンドルを削除できます。

次に「スムーズにする」ボタンにより、直線ノードにハンドルを追加することにも使えます。

直線から曲線にすることができるんですね。

そこで、最初はハンドル無しで直線で書いておいてあとで曲線にする方法でもできるわけなんですね。

次に「ハンドル左右対称」ボタンは、ハンドルを左右対称にする機能があります。

そういうときもありますので必要に応じて使用してください。

ちなみに、ノードの形状が

• 菱形であればシャープノード
• 四角であればスムーズノードか対称ノード
• 円であれば自動スムーズノード

です。

ノード間を直線、曲線にする

ノードを2個以上選択し、直線にしたり、曲線にすることができます。

曲線にした場合、ハンドルで調整することも可能です。

こちらはやってみた例です。

これらノードツールの機能を使うことで、直線や曲線を調整、編集することができます。

書き直すのも良いのですが、このようにノードの編集で微修正する方法もありますので、使ってみましょう。

補足:ノード点の作成について

補足としてノード（直線の描き方）について簡単に説明します。

ツールボックスからペンツール（ベジェ曲線/直線を描く）を選択し、始点をクリックした後、別の場所にクリックすることでその間が直線になります。

それを繰り返すことで単純ながら図形を描くことができます。

別の例も示します。

クリックを繰り返し、線を作っていきます

ちなみに、こちらの方法は「ノード」を順に追加して直線にしており、ハンドルは無い状態です。

ノードを編集してハンドルを追加することによって、曲線に変えることが出来ます。

また、ハンドルを削除して直線にすることもできます。

ハンドルを編集して狙い通りの形にしていきましょう。

応用例：テキストをパスに沿わせる方法

おまけとして、テキストをパスに沿わせる方法を紹介します。

この図のようにテキストとベジェ曲線を準備します。

この２つを選択した状態でメニューから

「テキスト」ー＞「テキストをパス上に配置」とすることでテキストをパスに沿わせて配置することができます。

文字の位置を調整するために、文字列の前にスペース（空行）を入れております。

ベジェ曲線に慣れてくるとこういう応用例もありますので、紹介させていただきました。

地図を描くときに通りの名前を入れたりできますね。

よくある質問（FAQ）

Q. ベジェ曲線はどんな用途に向いていますか？

A. イラスト・ロゴ・地図・アイコンなど、なめらかな曲線や複雑な輪郭を描きたい場面に最適です。Inkscape以外のドローソフト（Adobe IllustratorやCanvaなど）でも同じ概念が使われるため、一度覚えると応用が効きます。

Q. ノードの調整が難しくてうまくいきません。コツはありますか？

A. まずはハンドルの向きが曲線の方向、ハンドルの長さが曲がり具合を決めるという感覚を掴むことが重要です。最初は直線で形を描いてから、後でノードをスムーズに変換する方法もおすすめです。

Q. 一度描いた曲線を後から修正できますか？

A. はい、できます。ノードツールを選択してオブジェクトをクリックすると、ノードとハンドルが表示され、自由に位置・形状を調整できます。ノードの追加・削除も可能です。

まとめ

ベジェ曲線は大変便利なツールです。

私の経験上、 Inkscape 以外にもドローツールではよく使うベジェ曲線の描き方ついて少しでも参考になれば嬉しいです。

この機会に是非、使い方を覚えていただければと思います。

参考文献：Inkscapeパーフェクトガイド　（著・水上淳嗣　Windows100%編集部監修）

ペンタブレットは要りません（私はマウスだけです）

ベジェ曲線と聞くと身構えてしまいますが、私はペンタブレットを持っていません。マウスだけで描いています。

ベジェ曲線は、だいたいの形をクリックで置いてから、あとで点と向きを直していく描き方です。一発できれいな線を引く必要がないので、マウスでもちゃんと描けます。ここがInkscapeの良いところだと思っています。

関連サイト

Learn | Inkscape

Tutorials, how-tos, FAQ, and other important resources to le…

inkscape.org

Inkscape 公式サイトの Learn にいくつかチュートリアルがあります。

英語ですけどためになる内容です。

英語が苦手な方はGoogle翻訳を使いながら見てみるといいでしょう。

また、直線を書く方法について書いてみた記事です。

【2026年最新】Inkscape（インクスケープ）の使い方入門｜直線・図形の描き方を図解で解説

Inkscapeで最初につまずくのが「まっすぐな線が引けない」。原因はグリッドとスナップの設定です。線の引き方、図形と色の変更、PNGとSVGの使い分けまで、図を1枚仕上げる7ステップで解説。ショートカット一覧つき。

read-nonbiri.com

2026.10.08

他にInkscapeに関する記事を作ってみたので、良かったら御覧ください。

Inkscapeで画像を切り抜く3つの方法｜クリップ・マスク・自動トリミングを図解で解説

Inkscapeで画像を切り抜く方法を3種類（クリップ・マスク・自動トリミング）に分けて図解で解説。難易度・用途別に使い分けられるので、初心者でも手順どおりに進めれば確実にできます。無料ドローソフトInkscapeの切り抜きを完全マスターしましょう。

read-nonbiri.com

2026.10.13

Inkscapeシリーズ関連記事

• 【2026年最新】Inkscape入門｜直線・図形の描き方を図解で解説
• Inkscapeでテキスト・文字入れをする方法｜フォント変更からパスへの変換
• Inkscapeで画像を切り抜く3つの方法｜クリップ・マスク・自動トリミング
• ドローソフトInkscapeの使い方(5) カリグラフィで手書き風デザイン

わたしも以前、イベントのポスターをCanvaで作っていたとき、「会場の地図をどう描けばいいんだ？」と詰まったことがありました。Canvaは便利ですが、直線を何本も自由に引くのは意外と難しい。試しに昔インストールしたまま忘れていたInkscapeを開いてみたら、わずか30分でそれっぽい地図が完成してびっくり。

この記事では、Inkscape未経験の方でもその日から直線・図形を描けるようになる基本操作を、スクリーンショット付きで解説します。グリッドやスナップを使った効率化のコツ、PNGで書き出す方法までカバーしているので、最後まで読めばイベント告知用の地図やシステム図がサクッと作れるようになります。

2026年現在もアクティブに開発が続いており、最新版は1.4.4（2026年5月公開）。Windows・Mac・Linuxのいずれでも、費用も期限もなく使い続けられます。

Inkscapeで図を1枚仕上げるまでの全体の流れ

細かい機能はたくさんありますが、実際に1枚の図を作るときにやることは7つだけです。まず全体の地図を頭に入れてから、順番に進めていきましょう。

とくにSTEP 2の「グリッドとスナップ」が、この記事でいちばんお伝えしたい部分です。ここを設定するかどうかで、線がまっすぐ引けるかどうかが決まります。

STEP 1　Inkscapeを起動する

まだInkscapeを入れていない方は、先にInkscapeのインストールと日本語化をどうぞ。ダウンロードから日本語で使えるようになるまでを、画面写真つきでまとめています。

まずは新規でファイル作成します。

デスクトップ画面のアイコンか、スタートメニューからInkscapeを起動してみましょう。

デフォルトで、こんな感じでA4サイズのキャンバスが作成されます。

STEP 2　まっすぐ線を引くための2つの設定（グリッド・スナップ）

まず最初にこの設定を行うのがオススメです。

• グリッド表示
• スナップON

この２つを初めに行います。

表示メニューから「ページグリッド」のところチェックを入れます（キーボードですと Shift+#）。

これを使うことで縦と横の方向が分かりやすくなりますので、真っ直ぐな線や棒を描くときに便利です。

次にスナップを有効化します。

この画面ですと右上にスナップボタンがあります（少々分かりにくいですね……）

スナップさせることで、カーソルの移動をグリッドに吸着させます。

細かい位置を気にせずクリックしても、点がグリッドの交点に吸い寄せられるので、横一直線・縦一直線がきれいに引けます。

キーボードでは「%」ボタンでスナップON/OFFの切り替えができます。

作り方は人それぞれですが、自分の場合は最初に大まかに作っておいてから、微調整は後で細かく行っていく流れです。

1. 最初は拡大しない表示と、スナップONで大雑把に描いてく。
2. 次に細かいところを調整。拡大表示(キーボードだと+)してスナップOFFで調整していきます。

表示の拡大・縮小はCtrlキーを押しながらマウスのホイールを回すと切り替えられます。画面を上下左右に動かしたいときは、Ctrlキーを押しながら矢印キーを押してください。

これだけ覚えれば十分：ショートカットキー一覧

STEP 3　ペンツールで直線・折れ線を描く

こちら、ペンツールを使って描いてます。

こちらのアイコンをクリックしてください。

自分の場合、ほとんどこれを使ってます。

1. 左側のメニューからペンツールを選びます。
2. キャンバスの上を左クリックすると、そこが線の始まりの点になります。
3. 次に曲がりたいところ、線を伸ばしたいところを順にクリックしていきます。クリックした点と点が線でつながっていきます。
4. 線を引き終わりたいところでEnterキーを押します。これで1本の線（パス）が完成です。
5. 三角形や四角形のようにぐるっと一周させたい場合は、最初にクリックした点をもう一度クリックします。閉じた図形になります。

三角形や四角形といった閉じた図形でもいいですし、単純な直線でもすぐに作れます。

なお、左側のツールバーにはペンツール以外にも「四角形」「円」「星」「らせん」といった、決まった形をドラッグするだけで描けるツールが並んでいます。ペンツールで一点ずつ描くより早いので、四角や丸はこちらを使うとラクです。

試しにいろいろ触ってみたのが、こちらです。

STEP 4　色と線の太さを変える（フィルとストローク）

描いた線や図形は、あとから色も太さも自由に変えられます。ここで「フィル」と「ストローク」という2つの言葉だけ覚えてしまいましょう。この2つが分かれば、色まわりで迷うことはほぼなくなります。

メニューの「オブジェクト」→「フィル/ストローク」を開くと、設定画面が右側に表示されます。

• フィル：図形の内側
• ストローク：図形の線

ただ、毎回この画面を開かなくても、もっと早い方法があります。画面のいちばん下に、色がずらっと並んだ帯（パレット）があるのをご存じでしょうか。図形を選んだ状態でここをクリックするだけで、色を変えられます。

線の太さ・点線にするかどうか・先端に矢印をつけるかどうかは、「フィル/ストローク」画面の中にある「ストロークのスタイル」タブで設定します。

上の画面例では、右側の図に矢印と丸いマーカーを追加しています。線の先を矢印にしたり、途中に●を並べたりできるので、地図の経路やシステム図の流れを表すときに便利です。

STEP 5　描いたものを選んで調整する

既に作った線や四角形といったオブジェクトを選択する場合、左側メニューの矢印ボタンを押してからオブジェクトを選択していきます。

選ぶと図形のまわりに矢印が出るので、ドラッグして大きさを変えたり、動かしたりできます。この状態のまま色や線の太さを変えることもできます。

そのひとつ下にあるアイコンは、「ノードツール」です。ノードとは、線を描いたときにクリックした一つひとつの点のこと。このツールを選ぶと、点だけをつまんで動かせるようになります。

「線の角度が少しだけずれた」「ここだけもう少し伸ばしたい」というときは、図形全体ではなく点だけを動かせばOKです。細かい微調整はこのツールが担当と覚えておくと、作業がぐっと速くなります。

STEP 6　テキスト（文字）を追加する

文字を入れたいときは、左側のメニューからテキストツール（Aのアイコン）を選び、入れたい場所をクリックしてそのまま入力します。

ここまでできれば、あとは星や円を組み合わせるだけで、それらしい地図や図が出来上がります。

STEP 7　PNG・SVGで保存・書き出す

最後の仕上げです。ここはInkscapeで唯一「間違えると作り直しになる」場所なので、少していねいに説明します。

書き出しは、メニューの「ファイル」→「エクスポート」から行います。

設定でとくに見ておきたいのが、次の2か所です。

• 書き出す範囲：「ドキュメント」を選ぶとページ全体、「選択範囲」を選ぶと、いま選んでいる図形だけが書き出されます。図だけをきれいに切り出したいときは「選択範囲」が便利です。
• 背景の色：初期状態では背景が透明になります。そのままでも使えますが、白い背景にしたい場合は、エクスポート設定の右下にある背景色の設定を変更してください。

書き出したPNGファイルは、Canvaにアップロードしてポスターに使ったり、パワーポイントのスライドに貼り付けたりと、普通の画像ファイルとしてそのまま使えます。

例えば Canva にアップロードしてポスターやロゴに追加したり、パワーポイントのスライドに追加して使うことができますよ。

SVGという拡張子は見慣れないと思うので、私は「Inkscape」という専用フォルダを作って、そこにまとめて保存するようにしています。これだけで、あとから探すのがぐっとラクになります。

おまけ：カリグラフィーで手書き風の線を描く

ここまでは「まっすぐな線」の話でしたが、Inkscapeには筆で書いたような、強弱のある線を引ける「カリグラフィツール」もあります。マウスを動かした速さに応じて線の太さが変わるので、手書き風の見出しやサイン、イラストの輪郭づくりに向いています。

使い方は難しくありません。左側のツールバーからカリグラフィツールを選び、画面上部に用意されているプリセット（「マーカー」「筆」など）を切り替えながら描いてみるだけでも、雰囲気の違う線が簡単に出せて楽しいです。

詳しい手順は別記事にまとめています。

ドローソフトInkscapeの使い方(5) カリグラフィで手軽に手書き風デザイン

ドローソフト Inkscapeの使い方(5) カリグラフィで手軽に手書き風デザインの方法や例を書いてみました。なにかの参考になれば嬉しいです。

read-nonbiri.com

2026.09.19

よくある質問（FAQ）

Q. Inkscapeは無料で使えますか？

A. はい、完全無料のオープンソースソフトウェアです。Windows・Mac・Linuxのいずれでも利用できます。商用利用も可能です。

Q. 直線をまっすぐ引くコツはありますか？

A. グリッドとスナップを有効にするのが効果的です。グリッドはShift+#、スナップは%キーで切り替えできます。スナップをONにすると、カーソルがグリッドに吸着して横・縦一直線を引きやすくなります。

Q. 保存するファイル形式は何がおすすめですか？

A. 編集用にはSVGファイルで保存してください。画像として使う場合はPNG書き出しが便利です。SVGは後から修正できるため、必ずセットで保存しておきましょう。

Q. IllustratorのファイルをInkscapeで開けますか？

A. 開けます。Inkscapeの公式Wikiには「Inkscapeは Adobe の AI（バージョン9以降）と PDF ファイルを開ける」と記載されています。ただし公式に「グラデーションメッシュは細かいパスの集まりで近似される」「透明の合成モードは再現されない」という制限も明記されているので、複雑なデータほど見た目が変わる可能性があります。うまく開けない・崩れる場合は、Illustrator側で「SVG形式で書き出し」てから読み込むと確実です。

まとめ

フリーソフトの Inkscape（インクスケープ）を使えば、直線・折れ線・図形・テキストを自由に描くことができます。

Illustratorのような高額ソフトは不要で、地図・システム図・ポスター用素材など、さまざまな場面で活躍します。

基本操作さえ覚えれば、すぐに実用的な図が作れます。ぜひ一度試してみてください。

作成例：地図・システム図・ポスターなど

ちなみに私が作ってみた地図を参考例として載せておきます。こういうものが作れるわけなんですね。

関連サイト

Learn | Inkscape

Tutorials, how-tos, FAQ, and other important resources to le…

inkscape.org

公式サイトの「Learn」には、公式ならではのしっかりしたチュートリアルが揃っています。英語ですが、ブラウザの翻訳機能を使えば十分に読めるので、もう一歩踏み込みたくなったらのぞいてみてください。

また、ベジェ曲線について記事を作ってみました。

Inkscape ベジェ曲線の描き方｜ノード編集・調整方法を図解で解説

Inkscapeでベジェ曲線を描く方法を初心者向けに図解で解説。ペンツールの基本、ノードの追加・削除・ハンドル調整、テキストをパスに沿わせる応用まで。なめらかな曲線を自在に描けるようになります。

read-nonbiri.com

2026.09.23

他にもInkscapeの使い方について記事を作ったので良かったらご覧ください。

Inkscapeで画像を切り抜く3つの方法｜クリップ・マスク・自動トリミングを図解で解説

Inkscapeで画像を切り抜く方法を3種類（クリップ・マスク・自動トリミング）に分けて図解で解説。難易度・用途別に使い分けられるので、初心者でも手順どおりに進めれば確実にできます。無料ドローソフトInkscapeの切り抜きを完全マスターしましょう。

read-nonbiri.com

2026.10.13

ドローソフトInkscape使い方(4) 中抜き曜日アイコン作成

中抜き曜日アイコンをフリーのドローソフトInkscapeで作る方法例

read-nonbiri.com

2026.09.19

ペンタブがあるとさらに描きやすい

Inkscape関連記事一覧

このシリーズの他の記事も、ぜひあわせてご覧ください。

• Inkscapeのインストールと日本語化｜英語表示になるときの直し方
• Inkscape ベジェ曲線の描き方｜ノード編集・調整方法を図解で解説
• Inkscapeで画像を切り抜く3つの方法｜クリップ・マスク・自動トリミング
• ドローソフトInkscape使い方(4) 中抜き曜日アイコン作成
• ドローソフトInkscapeの使い方(5) カリグラフィで手軽に手書き風デザイン
• Inkscapeでテキスト・文字入れをする方法｜フォント変更からパスへの変換