• HOME > 
  • Inkscape > 
  • Inkscapeで三角形を作成する方法【正三角形・直角三角形...

Inkscapeで三角形を作成する方法【正三角形・直角三角形・角丸三角形】

投稿日:

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

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

Inkscapeにははじめから三角形を描くツールが備わっているので、マウスの操作だけで誰でも綺麗な三角形を描くことが可能です。

リンク先のサムネイル
Inkscapeのインストールの方法

「Inkscape」をダウンロードしてwindows10にインストールする流れを画像付き順を追って説明します。インストールが完了したら製作を始める前に、まず自動保存の設定を行っておくことをおすすめします...【もっと読む】

三角形の作り方

Inkscapeで三角形を作るには、主に次の2通りの方法があります。

  • 星形ツールを使って描く
  • 四角形を半分にして作る

Inkscapeには三角形を作成するためのツールがはじめから用意されていますが、このツールでは直角三角形を作ることができません。

三角形の例

そのため正三角形の場合は前者、直角三角形の場合は後者の方法でそれそれ作成します。

星形ツールを使って正三角形を作る

星形ツールでは「星」だけでなく多角形も作れるようになっており、角の個数を変更すれば三角形をはじめ五角形や八角形なども簡単に作れます。

まずは左側のツールバーから「星形ツール」を選択します。

星形ツール

Inkscape上部のコントロールバーが星形ツール用に切り替わります。

三角形を作る場合は、「多角形」を選択し角の数を「3」に設定します。

星形ツール設定

キャンバス上のお好きな場所でマウスを左クリックしたままドラッグすると三角形が表示されます。ドラッグしたままマウスを動かすとサイズと向きを自由に変えられます。任意の大きさでドラッグを止めれば三角形の完成です。

ドラッグすると三角形の完成

出来上がった三角形は、選択ツールを使えば後から移動や角度・サイズの変更することが可能です。

リンク先のサムネイル
Inkscapeでオブジェクト(図形)を回転させる方法

Inkscapeでオブジェクトを回転させるには、「選択ツールを使う」「キーボードのショートカットキーを使う」「コントロールバーで回転させる」「変形メニューで回転させる」という4通りの方法があります...【もっと読む】

三角形の塗りと線を変更する

作成した三角形の色や線の設定を変更するには、フィル/ストロークのダイアログボックスを開きます。

三角形を選択した状態でオブジェクトメニューから「フィル/ストローク」を開くか、キーボードのショートカットキー「Shift + Ctrl + F」を押してダイアログを表示させます。

「フィル/ストローク」を開く 「フィル/ストローク」を開くショートカットキー

Inkscapeでは「フィル」は図形の塗り、「ストローク」は図形の輪郭線を指しています。ダイアログでは別のタブに分かれていますのでそれぞれお好きなように変更してください。

「フィル/ストローク」ダイアログ

角丸三角形を作る

星形ツールのコントロールバーで、「丸め」を入力すると三角形の角を丸めることができます。

星形ツール丸め設定

作成した後の三角形を星形ツールで選択しても同様に丸めることが可能です。

角丸三角形を作る

三角形の形を変える

ツールを使って描く三角形は常に均一な正三角形です。好きな形に変更するにはノードツールを使用します。

事前の準備として、三角形を「オブジェクトからパスに変換」します。

三角形を選択した状態でパスメニューの「オブジェクトをパスへ」をクリックするか、キーボードのショートカットキー「Shift + Ctrl + C」を押します。

オブジェクトをパスへ 「オブジェクトをパスへ」ショートカットキー

オブジェクトの状態では操作できる頂点がひとつだけなのですが、パスに変換することで3つの頂点をすべて操作できるようになります。

オブジェクトをパスへ

頂点を操作する為には「ノードツール」を使用します。ツールバーでノードツールを選択してください。

ノードツールを選択

ノードツールで三角形を選択すると3つの頂点が表示されますので、それぞれドラッグして好きな形に変えて下さい。

三角形の形を変える

四角形を半分にして直角三角形を作る

前述の星形ツールでは直角三角形を作ることができませんので、直角三角形を作りたい時は四角形を描いて対角線で半分にして作り出します。

まずは矩形ツールで四角形を作ります。「Ctrl」キーを押しながらドラッグすると正方形が描けます。

矩形ツール

作成した四角形を「オブジェクトからパスに変換」します。

四角形を選択した状態でパスメニューの「オブジェクトをパスへ」をクリックするか、キーボードのショートカットキー「Shift + Ctrl + C」を押します。

オブジェクトをパスへ

オブジェクトの状態では操作できる頂点がふたつだけなのですが、パスに変換することで4つの頂点をすべて操作できるようになります。

四角形をパスへ

ノードツールに切り替えてどれか一つの頂点をクリックします。

頂点をクリック

コントロールバーの「選択ノードでパスを切断」を押します。

選択ノードでパスを切断

続けて、隣にある「選択したノードを削除」を押します。

選択したノードを削除

すると四角の一辺が無くなります。続けてもう一度同じ頂点をクリックして「選択したノードの削除」を実行すれば三角形が出来上がります。

もう一度選択したノードを削除

一辺がないままなので、両端の頂点をノードツールで選択します。Shiftキーを押したままクリックすると複数の頂点を選択できます。

コントロールバーの「選択した端点ノード同士を新しいセグメントで連結」を押します。

選択した端点ノード同士を新しいセグメントで連結

直角三角形の完成です。

直角三角形の完成

まとめ

以上が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のドキュメントにインポートし、矩形ツールで作ったオブジェクトや「ビットマップのトレース」で抽出した輪郭の形状をクリップするという手順で行います。