• HOME > 
  • Inkscape > 
  • Inkscapeで矢印を作成する2つの方法【直線・曲線・三角...

Inkscapeで矢印を作成する2つの方法【直線・曲線・三角形を使った矢印の作り方】

投稿日:

このページにはGoogleアドセンス広告とアフィリエイト広告が含まれています。

カテゴリー記事のアイキャッチ画像
広告
広告

Inkscapeで矢印を作るには?

Inkscapeで矢印を作るには主に次の2つの方法があります。

  • ペンツールを使う
  • 三角形などの図形を組み合わせて作る

それぞれ作成できる矢印の特徴に違いがありますので、作りたいものに応じて使い分けて下さい。

ペンツールで矢印を作成する

ペンツールはInkscapeのツールのひとつで、ベクターグラフィックの最大の特徴である「ベジェ曲線」を描くことができるツールです。

ツールバーから選択するか、キーボードのショートカットキー「Shift + F6」を押して切り替えます。

ペンツールに切り替える

ペンツールは線の種類や両端の形状を変更することができるのですが、この形状の中に矢印も用意されているので選択するだけで簡単に出来上がります。

まずはペンツールで直線を引きます。ペンツールでドキュメント上をクリックすると始点が置かれ、そこからマウスを動かすと直線が現れます。任意の位置で再度クリックすれば終点が置かれて直線を引くことができます。(直線を終了させる時は右クリックします)

ペンツールに切り替える

ペンツールで引いた線は「ノードツール」を使うことで後から自由に調整することが可能です。

続いて、キーボードのショートカットキー「Shift + Ctrl + F」などで「フィル/ストローク」ダイアログを開いて線の色や両端の形状を変更します。

ショートカットキー「Shift + Ctrl + F」

「フィル/ストローク」ダイアログの「ストロークのスタイル」タブを開いたら、「マーカー」の項目を変更します。

ストロークのスタイル

「マーカー」はプルダウンで形状を選択できるので好きな矢印を選んでください。左から順に「始点」「中間点」「終点」とそれぞれ設定することができます。

矢印の完成

ペンツールで中間点を追加していれば次のような矢印にもできます。

中間点を追加した矢印

ストロークの色を変更すれば矢印の部分の色も変わります。ストロークの幅を大きくすると矢印の部分も大きくなるので注意が必要です。

曲線の矢印を作成する

続いてはノードツールを使って先程の直線を曲線に変更してみます。

ノードツールでShiftキーを押しながら始点と終点をクリックして選択状態にします。

始点と終点をクリック

コントロールバーの「選択セグメントを曲線に」を実行します。

選択セグメントを曲線に

ハンドルが表示されるのでドラッグで動かすと線にカーブが付きます。

ハンドルを動かす

マーカーで先端の形状を変えれば曲線の矢印の完成です。

曲線の矢印の完成

らせん状の矢印を作る

また、ストロークのマーカーはオープンパスであれば設定することができるので「らせんツール」などを使えば次のような矢印も作れます。

らせんツールで矢印

三角形などの図形を組み合わせて作成する

ペンツールで作る矢印はあらかじめ決まった形状しか選ぶことができませんが、図形を組み合わせれば思い通りの矢印を作り出すことが可能です。

ここでは三角形と長方形を組み合わせて矢印を作る方法を解説します。

まずは多角形ツールで三角形を作成します。

多角形ツール 三角形を作成 リンク先のサムネイル
Inkscapeで三角形を作る手順

三角形を作るには、「星形ツールを使って描く」「四角形を半分にして作る」という方法があります。星形ツールでは角を丸めたりできますが、直角三角形を作ることができませんので、直角三角形を作りたい時は四角形を対角線で半分にして作成します...【もっと読む】

次に矩形ツールで長方形を作成したら、選択ツールで移動させて矢印の形になるように配置します。

長方形を作成し配置 長方形を作成し配置

2つのオブジェクトを中心線に沿ってキレイに揃えるときは、「整列と配置」ダイアログを使います。

選択ツールで「Shift」キーを押しながら2つのオブジェクトを選択した状態にし、キーボードのショートカットキー「Shift + Ctrl + A」で整列と配置ダイアログを開きます。

キーボードのショートカットキー「Shift + Ctrl + A」

今回は「水平軸の中心に揃える」を実行します。

水平軸の中心に揃える 水平軸の中心に揃える

最後に2つのオブジェクトを統合してひとつのオブジェクトとして扱えるようにします。両方ともを選択した状態のまま、メニューバーの「パス」の中にある「統合」を実行します。

2つのオブジェクトを統合

矢印が完成しました。

矢印が完成

組み合わせ次第でさまざまなバリエーションの矢印をつくることができます。

矢印のバリエーション

まとめ

以上がInkscapeで矢印を作成する方法です。

関連する記事

サムネイル

Inkscapeのぼかし機能の使い方を解説【輪郭をぼかす・フ……

2023年07月10日
Inkscapeにはオブジェクトのフィル/ストローク設定による「ぼかし」とフィルター機能による「ぼかし」の2種類が存在します。
サムネイル

Inkscapeのテクスチャの使い方【オブジェクトに素材の質……

2023年06月01日
最終更新日:2023年05月31日
Inkscapeでは、クリック操作だけでオブジェクトやテキスト・画像にいろいろな素材の質感を持たせることが可能です。(数値を調整してカスタマイズできるテクスチャもあります。)
サムネイル

Inkscapeで金色(ゴールド)を表現する方法【メタリック……

2023年06月01日
最終更新日:2023年05月31日
Inkscapeではグラデーションツールを活用することで金色や光沢を持ったメタリックの表現を作り出すことができます。
サムネイル

Inkscapeの消しゴムツールの使い方【消えないときは?】

2023年06月01日
最終更新日:2023年05月31日
消しゴムツールはその名の通りオブジェクトを消すことができるツールです。「触れたオブジェクトそのものを削除する」「オブジェクトをなぞった箇所を切断する」という2通りの使い方ができます。
サムネイル

Inkscapeで文字に影(ドロップシャドウ)を付ける方法【……

2023年06月01日
最終更新日:2023年05月31日
Inkscapeでオブジェクトに影をつけたいときはフィルターメニューの「影を落とす」を使用します。影の大きさや位置、色を自由に変更することも可能です。
サムネイル

Inkscapeで整列と配置を行う方法【オブジェクトをきれい……

2023年06月01日
最終更新日:2023年05月31日
整列を使うと、選択した複数のオブジェクトを基準に沿って水平方向・垂直方向に揃えることができます。配置は選択されている複数のオブジェクト同士を縦方向・横方向それぞれ等間隔にできます。
サムネイル

Inkscapeでトリミングを行う方法【写真や画像の切り抜き……

2023年03月06日
最終更新日:2023年03月13日
トリミングは、写真や画像をInkscapeのドキュメントにインポートし、矩形ツールで作ったオブジェクトや「ビットマップのトレース」で抽出した輪郭の形状をクリップするという手順で行います。