【Inkscapeの使い方】Inkscapeでベジェ曲線を描く方法

【Inkscapeの使い方】Inkscapeでベジェ曲線を描く

Inkscapeとは

Inkscape(インクスケープ)とは、オープンソースで開発されているドローソフト(ベクター画像編集ソフトウェア)です。

Adobe Illustratorのようなソフトで、画像を座標や方程式などの図形情報の集まりとして表現するベクター画像を作成します。

ベクター画像は、画像を拡大・縮小・変形しても劣化しなく、データ容量が軽いという特徴があります。

Inkscapeは開発の主体はLinuxで行われていますが、LinuxOS版、Unix系オペレーティングシステム版 (OS)、macOS版、Windows版があり、無料で使用できます。 

ダウンロードはhttps://inkscape.org/ja/から出来ます。

【Inkscapeの使い方】ベジェ曲線を描く方法

Inkscapeの基本のベジェ曲線

Inkscapeはベジェ曲線と呼ばれる線でイラストを描いていきます。

ベジェ曲線とは、指定した二点間を結ぶ滑らかな曲線を算出する計算手法で、コンピュータ上で編集可能な自由曲線を描く手法です。曲線を始点、終点とそれぞれの方向点の4つの点の座標をもとに描画します。自由度が高く、ほとんどすべての曲線を表現することが出来ます。

Inkscapeでは、イラストを描く際にペンツールを使ってベジェ曲線でイラストのが基本です。

ペンツールを使ってベジェ曲線を描くのはマウス操作で行います。

そのため普段ペンタブレットなどでイラストを描く人にとって、ペンツールを使ってベジェ曲線を描くことは、非常にとっつきにくいものです。

ただマスターしてしまうと、簡単にマウス操作だけで自由な曲線でイラストが描けるようになります。

今回のブログ記事では、ベジェ曲線の描き方と、それを変形させる方法をご紹介します。

このベジェ曲線を基本をマスターすれば、Inkscapeでイラストが描けるようになります。

【Inkscapeの使い方】Inkscapeでベジェ曲線を描く方法

1.ペンツールでベジェ曲線を描く方法

ペンツールでベジェ曲線を描く方法その1

① ペンツールをクリックしてペンツールを選択し、曲線の始点である1をマウスでクリックした後に、以下の図のように方向線を赤の矢印の方向までドラッグします。

※方向線とは、マウスをドラッグした時に現れる線のことで、曲線の形を制御する補助線のことです。

【Inkscapeの使い方】ベジェ曲線を描く方法

② 2をクリックして、方向線を曲線に合うまで以下の図のように赤の矢印の方向までドラッグし、その後左右に動かしながら調整をします。

これで一つの曲線が完成します(赤線が完成した曲線です)。

【Inkscapeの使い方】ベジェ曲線を描く方法

③ 3をクリックして方向線を曲線に合うまで以下の図のように赤の矢印の方向までドラッグし、その後左右に動かしながら調整をします。

曲線が合ったら、Enterキー(またはreturnキー)をクリックします。

【Inkscapeの使い方】ベジェ曲線を描く方法

これで完成です。

【Inkscapeの使い方】ベジェ曲線を描く方法

ペンツールでベジェ曲線を描く方法その2

① ペンツールをクリックしてペンツールを選択し、曲線の始点である1をマウスでクリックした後に、方向線を赤の矢印の方向までドラッグし、2をクリックした後に、方向線を赤の矢印の方向までドラッグし、左右に動かしながら下の線に合うように調整し、クリックします。

【Inkscapeの使い方】ベジェ曲線を描く方法

② 方向線の下の○をシフトキーを押しながら3までドラッグします。

するとアンカーポイントが移動します。

【Inkscapeの使い方】ベジェ曲線を描く方法
【Inkscapeの使い方】ベジェ曲線を描く方法

③ 4をクリックして、をクリックして方向線を曲線に合うまで以下の図のように赤の矢印の方向までドラッグし、その後左右に動かしながら調整をします。

【Inkscapeの使い方】ベジェ曲線を描く方法

曲線が合ったら、Enterキー(またはreturnキー)をクリックします。

これで曲線の完成です。

【Inkscapeの使い方】ベジェ曲線を描く方法

ペンツールでベジェ曲線を描く方法その3

① ペンツールをクリックしてペンツールを選択し、曲線の始点である1をマウスでクリックした後に2をクリックします。

【Inkscapeの使い方】ベジェ曲線を描く方法

3をクリックし、方向線を曲線に合うまで以下の図のように赤の矢印の方向までドラッグし、その後左右に動かしながら調整をします。

【Inkscapeの使い方】ベジェ曲線を描く方法

4をクリックし、方向線を曲線に合うまで以下の図のように赤の矢印の方向までドラッグし、その後左右に動かしながら調整をします。

【Inkscapeの使い方】ベジェ曲線を描く方法

方向線の下の○をシフトキーを押しながら4までドラッグします。

【Inkscapeの使い方】ベジェ曲線を描く方法

5をクリックします。

Enterキー(またはreturnキー)をクリックします。

【Inkscapeの使い方】ベジェ曲線を描く方法

これで曲線の完成です。

【Inkscapeの使い方】ベジェ曲線を描く方法

2.ペンツールでベジェ曲線を描いて図形(オブジェクト)を作る方法

ペンツールでベジェ曲線を描く方法その1~3の方法で以下の図のように線を描いて下さい。

【Inkscapeの使い方】ベジェ曲線を描く方法

2をクリックして、方向線を曲線に合うまで以下の図のように赤の矢印の方向までドラッグし、その後左右に動かしながら調整をし、最後にマウスのボタンを離します。

【Inkscapeの使い方】ベジェ曲線を描く方法

これで線が閉じた図形(オブジェクト)が完成します。

【Inkscapeの使い方】ベジェ曲線を描く方法

図形(オブジェクト)になると、線の内側に色を塗ることが出来ます。

※フィル/ストロークウィンドウで線の内側に色を塗ることが出来ます。

【Inkscapeの使い方】ベジェ曲線を描く方法

3.ペンツールで描いた曲線を変形させる方法

ノードツールをクリックします。

その状態で線をクリックするとアンカーポイントが表示されます。

【Inkscapeの使い方】ベジェ曲線を描く方法

アンカーポイントとは、線を操作するための点のことで、これを移動させたりすることで、その方向まで引っ張ったり変形したりすることが出来ます。

任意のアンカーポイントをクリックすると方向線が表示されます。

【Inkscapeの使い方】ベジェ曲線を描く方法

アンカーポイントを移動させるにはクリックして選択し、ドラッグします。

方向線は○の部分を上下左右に動かします。

これで以下のように線を変形させることが出来ます。

【Inkscapeの使い方】ベジェ曲線を描く方法

Inkscapeの使い方

以下のブログ記事でInkScapeの使い方をご紹介しています。

Inkscapeを本格的にマスターしたいという方には、以下の本がありますので、読んでみるといいでしょう。

Inkscapeで描いたイラスト例

Inkscapeを使うとこのようなイラストが描けるようになります。

その例は以下のとおりです。

なおデザインですが、中にはオンラインデザインツールのCanvaで行ったものもあります(イラストはInkscapeで描いています)

コメント

タイトルとURLをコピーしました